Advanced > Developer

最終更新日： 2024年7月14日

作成対象：

  • 初心者
  • 中級
  • 管理者
  • 開発者

ストアの設定にアクセスするには、「管理 _サイドバーから​ Stores/Settings/Configuration を選択し _す。

NOTE
これらの設定は、 開発者モードでのみ使用できます。

Frontend Development Workflow

フロントエンド開発ワークフロー

これらの設定の変更について詳しくは、『 管理システムガイド _のフロントエンド開発ワークフロー_ を参照してください。

フィールド範囲説明
Workflow Typeグローバル開発中にクライアント側またはサーバー側で LESS コンパイルが行われるかどうかを決定します。 オプション：
Client side less compilation- コンパイルは、ネイティブの less.js ライブラリを使用してブラウザーで行われます。
Server side less compilation - Less PHP ライブラリを使用して、サーバー上でコンパイルが行われます。 これは、実稼動用のデフォルトのモードです。

Developer Client Restrictions

Developer Client の制限

この設定の変更方法については、『 管理システムガイド _のクライアントの制限_ を参照してください。

フィールド範囲説明
Allow IPs (comma separated)ストア表示ストア内の顧客に干渉することなく、ライブサイトで開発者ツールを使用できる IP アドレスの許可リストを作成します。 インライン翻訳 などのデベロッパーツールを使用している場合、サイトに加えられた変更は、許可リストの IP アドレスからのみ表示されます。

Template Settings

テンプレート設定

これらの設定の変更方法については、『 管理システムガイド _のリソースファイルの最適化_ を参照してください。

フィールド範囲説明
Allow Symlinksストア表示シンボリックリンクを有効にすると、サイトがセキュリティリスクにさらされる可能性があるので、実稼動ストアには推奨されません。
Minify Htmlストア表示ストアテンプレートのHTMLを最小化するかどうかを指定します。 オプション：Yes / No

Debug

デバッグ

これらの設定の変更について詳しくは、『 管理システムガイド _のテンプレートパスのヒント_ を参照してください。

フィールド範囲説明
Enable Template Path Hints for Storefrontストア表示ページで使用される各テンプレートへのパスを示す表記法をストアフロントに追加します。 オプション：Yes / No
Enable Template Path Hints for Adminグローバルページで使用される各テンプレートへのパスを示す表記を管理者に追加します。 オプション：Yes / No
Add Block Class Type to Hintsストア表示テンプレートパスのヒントにブロックの名前を含めます。 オプション：Yes / No

Translate Inline

インライン翻訳

これらの設定の変更について詳しくは、『 管理システムガイド _のインライン翻訳_ を参照してください。

フィールド範囲説明
Enable for Storefrontストア表示ストアフロントのインライン トランスレータをアクティブにします。 インターフェイスのテキストは、ストア表示ごとに編集できます。 許可リストに加える ライブストアに干渉せずに Inline Translator を使用するには、IP アドレスを Developer Client Restrictions に追加します。
Enable for Adminグローバル管理者用のインライン翻訳をアクティブにします。 ストアフロントとは異なり、管理者を複数の言語に翻訳することはできません。 ただし、インターフェイスのフィールドラベルやその他のテキストは変更できます。

JavaScript Settings

JavaScriptの設定

これらの設定の変更方法については、『 管理システムガイド _のリソースファイルの最適化_ を参照してください。

フィールド範囲説明
Merge JavaScript Filesストア表示複数のJavaScript ファイルを 1 つのファイルに結合して、ページの読み込み時間を短縮します。
Enable JavaScript Bundlingストア表示複数のJavaScript ファイルを 1 つのファイルにバンドルできるかどうかを判断します。 オプション：Yes / No
Minify JavaScript Filesストア表示不要な文字、スペース、インデントを削除して、コードのサイズを小さくします。
Move JS code to the bottom of the pageグローバル有効にすると、JS コードがページの下部に移動します。 オプション：Yes / No
Translation Strategyグローバルシステムで使用される翻訳方法を決定します。 オプション：
Dictionary- ストアフロント側での翻訳。
Embedded – 管理者側での翻訳。
Log JS Errors to Session Storageグローバル有効にすると、機能テストでレポートに使用できます。 オプション：Yes / No
Log JS Errors to Session Storage Keyグローバル収集された js エラーを取得するために使用されるキーを識別します。

CSS Settings

CSS 設定

これらの設定の変更方法については、『 管理システムガイド _のリソースファイルの最適化_ を参照してください。

フィールド範囲説明
Merge CSS Filesストア表示複数の CSS ファイルを 1 つのファイルに結合して、ページの読み込み時間を短縮します。 オプション：Yes / No
Minify CSS Filesストア表示不要な文字、スペース、インデントを削除して、コードのサイズを小さくします。 オプション：Yes / No
Use CSS critical pathグローバルCSS 重要パス は、縮小された重要な CSS を <head> でインライン配信し、非同期で読み込まれる重要でないすべてのスタイルを延期します。 オプション：Yes / No