実践：スペック表・サイズガイド・ブランドストーリー
3つの要件をデータ設計から定義・出力・エディタ接続まで通しで実装できる
最終確認: 2026-09
解説
受託の現場でなぜ必要か： この回では、「スペック表」「サイズガイド」「ブランドストーリー」の3つの要件を、データ設計から定義・出力・エディタ接続まで通しで実装できるようになります。
受託では、この3つはほぼ全案件で出る要件なので、データ設計 → 定義 → 出力 → 空状態 → 引き渡しの流れを1回通しておくと次から迷いません。
スペック表はどう持つか
「項目名と値の組」をどう持つかが、設計の要点です。
簡易案は、list.single_line_text_fieldに素材|綿100%の形で1行1項目を入れる方法です。
堅牢案は、メタオブジェクトspec_rowを参照リストで持つ方法です。
件数と運用者のスキルで選びます。
サイズガイドは参照で共有する
メタオブジェクトsize_chart（表画像かリッチテキスト）を作り、商品からmetaobject_referenceで参照します。
商品ページのブロックで、モーダル（重ねて表示する小窓）として出します。
同じ表を複数の商品で共有できるのが、参照の利点です。
ブランドストーリーはメタオブジェクトとWebページ
メタオブジェクトbrandを商品の参照で紐付け、テーマブロック内でclosest.product.metafields.custom.brand.valueを出力します。
ブランドページは、メタオブジェクトのWebページで作ります。
エディタ接続・空状態・引き渡し
見出しや画像はダイナミックソースで接続し、値が空ならブロックごと非表示にします。
納品物には、定義一覧と入力ガイド（どこに何を入れると、どこに出るか）を含めます。
※ ShopifyはShopify Inc.の商標です。本サイトは個人が制作した非公式の学習教材であり、同社の承認・提携・後援を受けていません。記載内容は2026-09時点のものです。料金・上限値・管理画面のラベルは変わるため、作業の前に公式ドキュメントで確認してください。