HOME
Shopify Partner Theme Development

「Shopify Partner Theme Development」の記事一覧

Shopifyの管理画面で確認できる、読み込み速度の指標となるスコアは何を元にしているか。

ShopifyのストアスピードスコアはGoogleのLighthouseレポートに基づいている。

2026年3月23日

特定のページだけ異なるレイアウトを適用したい場合、Online Store 2.0での正しい対応はどれか。

新しいJSONテンプレートを作成し、管理画面の「テーマテンプレート」から選択するのが標準的である。

2026年3月23日

Liquidにおいて、整数の「5」と文字列の「”5″」を比較（==）した結果はどうなるか。

Liquidは厳密な型比較を行うため、整数と文字列の比較はfalseとなる。

2026年3月23日

assetsディレクトリにあるフォントファイルをCSSで使用する際の正しいパス指定はどれか。

CSSをLiquidとして処理（.css.liquid）させ、asset_urlフィルターで正しいパスを注入する。

2026年3月23日

注文に関する追加情報（例：配送希望日）を保存するために使用するカートのプロパティはどれか。

cart.attributesを使用して、注文に紐付くカスタムのキーと値を保存できる。

2026年3月23日

Liquidで外部からの入力値を出力する際、XSS対策として自動で行われる処理はどれか。

ShopifyのLiquidは自動エスケープを行わないため、必要に応じてescapeフィルター等を通す必要がある。

2026年3月23日

カートの内容が変更されたときにイベントを発火させるためのShopify標準の方法はどれか。

標準の共通イベントは存在しないため、通常はFetch APIや自作のイベントリスナーで実装する。

2026年3月23日

配列を指定したキーの値に基づいて並び替えるフィルターはどれか。

sortフィルターの引数にプロパティ名を指定することで、オブジェクト配列をソートできる。

2026年3月23日

Lighthouseのスコアを改善するために、フォントの読み込みで推奨されるCSSプロパティはどれか。

font-display: swap; を指定することで、フォント読み込み中のテキスト非表示を防げる。

2026年3月23日

schema内のsettingsで「サイドバーの表示/非表示」を切り替えるのに最適なtypeはどれか。

オン/オフの切り替えにはcheckbox型が最適である。

2026年3月23日