HOME
Adobe Commerce (Magento) Front-End Developer

「Adobe Commerce (Magento) Front-End Developer」の記事一覧

Magento UIライブラリの変数をカスタマイズするファイルはどれか。

web/css/source/_theme.lessでUIライブラリの変数をオーバーライドする。

2026年3月3日

HTML要素にJSコンポーネントを紐付けるデータ属性はどれか。

data-mage-init属性を使用して、宣言的にJSを初期化できる。

2026年3月3日

安全にURLを出力するために使用すべきメソッドはどれか。

ブロッククラスのgetUrlメソッドを使用して、正しいベースURLを含むリンクを生成する。

2026年3月3日

jQueryを安全に利用するために使用するエイリアスはどれか。

MagentoのRequireJS環境ではjQueryとしてインポートして利用する。

2026年3月3日

ブロックを別のコンテナの先頭に配置するmoveタグの属性はどれか。

before="-"を指定すると、そのコンテナ内の最上部に配置される。

2026年3月3日

既存のブロックに引数を渡すために使用するタグはどれか。

argumentsタグ内でargumentを定義し、ブロックにデータを渡す。

2026年3月3日

静的コンテンツ（CSS/JS）を生成するためのコマンドはどれか。

静的コンテンツをpub/staticに展開するにはこのコマンドが必要。

2026年3月3日

カタログ画像のサイズやアスペクト比を設定するファイルはどれか。

etc/view.xmlで各用途の画像サイズを一括管理する。

2026年3月3日

LESSファイルをコンパイルするために開発時に使用されるモードはどれか。

開発環境ではブラウザでLESSをコンパイルするクライアントサイドモードが利用可能。

2026年3月3日

Magento 2でJavaScriptモジュールのロードに使用されるライブラリはどれか。

Magento 2は標準でRequireJSを使用して依存関係を管理する。

2026年3月3日