投稿者 投稿日: カテゴリー EC×AI活用
Shopify テーマ AIとは、生成AIでテーマ選定と編集を効率化する手法のことです。
Shopify Adminの「オンラインストア」→「テーマ」画面で、無料テーマと有料テーマを見比べて手が止まる。これは新規構築でも既存ストアのリニューアルでも、最初に多くの店舗がつまずく地点です。テーマは見た目だけでなく、商品ページの構造・スピード・スマホ表示・カスタマイズの自由度を左右します。この記事では、テーマ選定の判断材料をChatGPTやClaudeに整理させ、Liquidとセクションの編集まで生成AIで進める手順を、コピーして使えるプロンプト8本とともにまとめます。机上論ではなく、Shopify Adminの実画面に即した形で書いていきます。
AIでテーマ選定が変わった3つの実務ポイント
Shopifyのテーマは、2021年以降に普及した「Online Store 2.0（OS 2.0）」を境に構造が大きく変わりました。セクションをトップページだけでなく商品ページ・コレクションページにも自由に配置でき、JSONテンプレートでレイアウトを管理する形になっています。この変化により、テーマ選びは「デザインの好み」だけでなく「セクションの拡張性」「メタフィールド対応」「読み込み速度」を含めた多軸の比較になりました。判断材料が増えたぶん、生成AIに条件を整理させる価値が出ています。
公式のShopify Theme Storeには無料テーマと有料テーマが並びます。無料テーマの代表が「Dawn」で、Shopifyが自社で開発・更新を続けるリファレンス実装です。有料テーマは80〜400米ドル前後の買い切りが中心で、1回購入すれば同一ストア内で使い続けられます（2026年6月時点の価格帯、最新値はShopify公式で要確認）。この「無料Dawnで十分か、有料テーマを買うか」の判断を、感覚ではなく要件ベースで詰めるのがAI活用の第一歩になります。
現場で繰り返し見るのは、テーマのデモが美しく見えたので購入したものの、自社の商品点数やページ構成に合わず、結局カスタマイズで作り直す事態です。アパレル系の単一店舗で試したケースでは、購入した有料テーマのコレクションフィルター仕様が自社の在庫属性と噛み合わず、Dawnベースで組み直したほうが速かった、という結論になりました。テーマは「買って終わり」ではなく「自社の要件に当てはめて検証する」対象だと捉える必要があります。
生成AIをここに挟むと、要件の言語化が一気に進みます。漠然と「おしゃれなテーマがほしい」ではなく、「商品点数500、バリエーション5種、サブスク予定あり、表示速度優先」という条件をAIに渡せば、評価すべきテーマ機能のチェックリストが返ってきます。テーマ選定の精度は、この最初の要件定義の解像度でほぼ決まると言ってよいでしょう。Shopify AIの全体像をつかみたい場合は、ShopifyでのAI活用法をまとめた記事も併読をおすすめします。
テーマ選びでもう一つ見落とされやすいのが、テーマの「更新頻度」と「サポート体制」です。無料のDawnはShopify本体の機能アップデートに追従しますが、有料テーマは開発元によって更新の頻度や対応速度に差があります。Theme Storeの各テーマページには最終更新日とレビューが載っているので、購入前にここを確認するだけでも判断材料が増えます。更新が止まっているテーマは、将来のShopify仕様変更で表示が崩れるリスクを抱えます。生成AIにテーマ比較をさせるときは、機能だけでなく更新日とレビュー傾向もインプットに含めると、長く使えるテーマを選びやすくなります。
加えて、テーマには「セクションの種類数」という見えにくい差があります。トップページに置けるセクションが豊富なテーマほど、コードを書かずに表現の幅を広げられます。商品ページにFAQセクションや比較表セクションを標準で持つテーマなら、Liquid編集に踏み込まずに済む範囲が広がります。逆にセクションが少ないテーマを選ぶと、見た目を整えるたびにコード編集が必要になり、結果的に工数が膨らみます。テーマのデモを触るときは、見た目の美しさより「設定でどこまで動かせるか」を確認するのが実務的な見方です。
テーマ選定とカスタマイズを進めるプロンプト8本
ここからが本記事の中心です。テーマ選定の要件整理から、Liquidコードの編集、メタフィールド設計、表示速度の改善案まで、生成AIにそのまま投げられるプロンプトを8本用意しました。ChatGPT（ChatGPT）、Claude（Claude）、Gemini（Gemini）のいずれでも動きますが、コード生成・修正はClaude、要件整理や文章はChatGPTやGemini、と使い分けると精度が安定します。各プロンプトの{}部分を自社の値に置き換えてください。
まず要件を固めるところから始めます。テーマ選定で迷う原因の多くは、比較軸が曖昧なまま並べていることにあります。プロンプト1で、自社の条件から「外せない機能」を先に確定させます。
プロンプト1：テーマ選定の要件チェックリスト生成
あなたはShopifyの構築に精通したECコンサルタントです。
以下のストア条件をもとに、テーマ選定時に必ず確認すべき機能を15項目、
重要度（必須/推奨/任意）を付けてチェックリスト化してください。
条件：
- 商品ジャンル：{ジャンル}
- 商品点数：{数}
- バリエーション数：{色・サイズ等の組合せ}
- 多言語/多通貨の予定：{あり/なし}
- サブスク・予約販売の予定：{あり/なし}
- 表示速度の優先度：{高/中/低}
- 想定月商：{値}
出力：機能名／重要度／なぜ必要か（1行）の3点を15項目分
要件が固まったら、候補テーマを横並びで評価させます。Theme Storeのデモページや機能一覧をコピーしてAIに渡し、自社条件への適合度を採点させると、デモの見栄えに引っ張られない比較ができます。
プロンプト2：候補テーマの適合度スコアリング
あなたはShopifyテーマの比較に詳しいアドバイザーです。
以下の候補テーマ3つを、先に作成した要件チェックリストに照らして
100点満点でスコアリングし、不足機能と追加実装の手間を整理してください。
要件チェックリスト：{プロンプト1の出力を貼る}
候補テーマ：
1. {テーマ名}：{機能概要・デモURL}
2. {テーマ名}：{機能概要・デモURL}
3. {テーマ名}：{機能概要・デモURL}
出力：テーマごとに 総合点／満たす要件／不足要件／カスタマイズ工数の目安（時間）
テーマが決まったら編集に入ります。Shopifyのカスタマイズは、コード不要のテーマエディター（セクション追加・並べ替え）と、Liquid（Shopify独自のテンプレート言語）でのコード編集の2層があります。まずノーコードで足りる範囲をAIに整理させます。
プロンプト3：ノーコードで可能なカスタマイズの切り分け
あなたはShopifyテーマエディターの操作に精通した実装担当です。
以下のやりたいことリストを、(A)テーマエディターのセクション設定だけで可能、
(B)Liquidコード編集が必要、(C)アプリ導入が現実的、の3つに分類してください。
やりたいことリスト：
- {例：商品ページにサイズ表を出したい}
- {例：トップに動画スライダーを置きたい}
- {例：レビューを商品ページ下部に表示したい}
- {自社のやりたいこと}
出力：項目／分類(A/B/C)／理由と着手順序
ここからコード編集です。LiquidはHTMLにShopify独自のタグが混ざった形式で、初見だと読みづらいものです。既存テーマのセクションファイルをそのまま貼り付け、目的の変更をAIに依頼します。コードを丸ごと生成させるより、既存コードを渡して差分を出させるほうが事故が減ります。
プロンプト4：Liquidセクションの編集（既存コードベース）
あなたはShopifyのLiquidに精通したフロントエンド実装者です。
以下の既存セクションコードに対し、指定の変更を加えた完全版を出力してください。
変更箇所はコメントで示し、既存のschema設定（{% schema %}）は壊さないでください。
変更内容：{例：商品画像の下に「在庫残りわずか」バッジを条件表示したい}
表示条件：{例：在庫が5点以下のとき}
既存コード：
{sections/main-product.liquid などを貼り付け}
出力：変更後の完全なコードと、変更点の説明（箇条書き）
OS 2.0の強みであるメタフィールド（商品ごとの追加情報を格納する欄）を使うと、テーマを汚さずに情報を増やせます。素材・原産国・お手入れ方法などをメタフィールドで持たせ、商品ページに動的表示する設計をAIに作らせます。
プロンプト5：メタフィールド設計とテーマ表示
あなたはShopifyのメタフィールド設計に詳しい実装者です。
以下の商品ジャンルで、商品ページに追加表示したい情報を整理し、
メタフィールド定義（名前空間・キー・型）と、それをテーマに表示する
Liquidスニペットを提案してください。
商品ジャンル：{ジャンル}
追加したい情報：{例：素材、原産国、お手入れ方法、対応サイズ}
出力：メタフィールド定義一覧／表示用Liquidコード／設定手順（Admin操作）
テーマの表示速度はCVR（購入率）とSEOの両方に効きます。Shopifyの管理画面やPageSpeed Insightsで遅い要因を洗い出し、テーマ側で直せる箇所をAIに整理させます。
プロンプト6：表示速度の改善ポイント抽出
あなたはShopifyの表示速度改善に詳しいエンジニアです。
以下のPageSpeed Insights結果とテーマ情報から、テーマ側で対応可能な
改善策を優先度順に整理してください。アプリ削減で済むものも区別してください。
テーマ名：{テーマ名}
PageSpeed結果：{スコアと主要な指摘を貼る}
導入済みアプリ：{アプリ名のリスト}
出力：改善策／優先度／想定効果／テーマ編集かアプリ整理かの区別
商品ページの構造化と文章は、AI Overviewや内部検索での見つかりやすさに直結します。テーマのセクション構成に合わせて、見出しと本文の骨子を作らせます。
プロンプト7：商品ページの構成と説明文骨子
あなたはShopifyの商品ページ最適化に詳しいECライターです。
以下の商品について、テーマのセクション順（ヒーロー画像→特徴→仕様→FAQ→レビュー）に
沿った見出しと本文の骨子を作成してください。誇大表現や薬機法に触れる表現は避けてください。
商品名：{商品名}
ジャンル：{ジャンル}
主な特徴：{3〜5点}
想定検索キーワード：{KW}
出力：セクションごとの見出し案と本文骨子（各120字程度）
最後に、編集前後でテーマが壊れていないかを点検する観点をAIに出させます。公開前のチェックは人がやる作業ですが、見るべき箇所をリスト化しておくと抜け漏れが減ります。
プロンプト8：テーマ公開前の点検リスト
あなたはShopifyテーマの品質チェックに詳しいレビュアーです。
今回 {変更内容の概要} を加えたテーマについて、公開前に確認すべき項目を
PC・スマホ・主要ページ別に整理してください。
変更内容：{プロンプト4〜6で加えた変更の要約}
重点的に見たいページ：{トップ/商品/コレクション/カート/チェックアウト}
出力：ページ別チェック項目／確認方法／よくある崩れパターン
この8本を、要件整理→比較→編集→点検の順に通すと、テーマ作業の手戻りが減ります。コードを扱うプロンプト4・5は、必ず複製テーマ（テーマライブラリでDuplicateしたコピー）で試し、本番テーマへは検証後に反映する流れを徹底してください。Shopifyのアプリ選びまで含めて自動化を広げたい場合は、ShopifyのAIアプリ選びの記事が参考になります。
AIにテーマ編集を任せて起きやすい失敗と回避策
生成AIにLiquidを書かせると、一見正しく動くのに本番で崩れるケースがあります。直近の支援案件で観測したのは、AIが生成したコードがテーマの{% schema %}設定と整合せず、テーマエディター側で設定項目が消える、という不具合でした。回避策は、コードを丸ごと作らせるのではなく、既存ファイルを渡して差分だけ出させること、そして{% schema %}は基本的に触らせないことです。プロンプト4で「既存のschema設定は壊さないで」と明記しているのはこのためです。
二つ目は、本番テーマを直接編集して取り返しがつかなくなるパターンです。Shopifyはテーマの複製とバックアップが容易なので、編集前に必ずDuplicateでコピーを作り、コピー側で作業します。AIに指示を出す前の準備として「複製→コピーで編集→プレビュー確認→本番に公開」の手順を固定化しておくと、AIの出力が誤っていても本番ストアは無傷で済みます。店舗運営の現場感覚では、この一手間を省いた現場ほどトラブル対応に時間を取られています。
三つ目は、商品ページの文章でAIが誇大表現を盛り込む問題です。化粧品やサプリのジャンルでは、AIが「効果が高い」「すぐに実感」といった薬機法に抵触しうる表現を生成しがちです。プロンプト7で「薬機法に触れる表現は避けて」と条件を付けても、出力後に人の目で必ず確認してください。景表法・薬機法の最終責任は出店者にあり、AIが書いたから免責される性質のものではありません。テーマの見栄えと法令遵守は別問題として切り分ける必要があります。
四つ目は、テーマと多数のアプリを併用した結果、表示速度が落ちる問題です。アプリはそれぞれJavaScriptを読み込むため、入れすぎるとページが重くなります。プロンプト6でアプリ整理とテーマ編集を区別させているのは、速度劣化の原因を取り違えないためです。テーマを軽量なものに替えても、重いアプリが残っていれば速度は改善しません。原因の切り分けを先にやることが、遠回りに見えて近道になります。
五つ目は、AIに「最新のLiquid構文で書いて」と曖昧に頼んだ結果、自分のテーマには存在しないオブジェクトや変数を前提にしたコードが返ってくる問題です。テーマごとに使えるセクションやsnippetは異なるため、汎用的なコードが必ずしも自社テーマで動くとは限りません。回避策は、編集対象のファイルと、そのファイルが参照しているsnippetを一緒に貼り付け、AIに「このファイル内で完結する変更にして」と制約をかけることです。テーマの全体像を渡さずに部分だけを依頼すると、AIが存在しない前提を補ってしまい、エラーの原因になります。生成AIは万能の翻訳機ではなく、与えた文脈の範囲で最適化する道具だと捉えると、指示の出し方が安定します。
六つ目は、複数人でテーマを触る現場で、誰がいつ何を変えたかが追えなくなる問題です。Shopifyのテーマエディターには変更履歴の自動バージョン管理がありますが、コード編集を頻繁に行うなら、変更前のテーマを複製して日付入りの名前で残しておくと、不具合時に切り戻しやすくなります。AIで作業が速くなるほど変更回数が増えるため、どのバージョンが本番として正しいかを管理する運用ルールを先に決めておくことをおすすめします。
テーマ作業のKPIと費用・工数の目安
テーマ選定とカスタマイズにAIを挟む効果は、主に工数の削減で測れます。要件整理から候補比較までを手作業で進めると半日以上かかることが多いですが、プロンプト1・2を使えば数十分に圧縮できる場面があります（2026年6月時点の現場感覚での目安、店舗の習熟度で差が出ます）。Liquid編集も、ゼロから書く前提だと数時間かかる変更が、既存コードベースの差分依頼にすると大幅に短縮できるケースが見られます。
費用面では、生成AIの月額は実額で把握しておきます。ChatGPT Plusが月20米ドル、Claude Proが月20米ドル、Gemini Advancedが月20米ドル前後です（2026年6月時点、最新の料金は各公式で要確認）。コード編集を頻繁に行うなら、より高い処理上限の上位プランが必要になる場合もあります。テーマ本体の費用は、Dawnなどの無料テーマなら0円、有料テーマは買い切りで80〜400米ドル前後が目安です。
効果測定のKPIとしては、テーマ変更前後でのページ表示速度（PageSpeed Insightsのスコア）、スマホでの直帰率、商品ページからカートへの遷移率を見ます。テーマの差はCVRに直結しうるため、変更は一度に全部ではなく、計測できる単位で段階的に反映するのが望ましいです。アパレルやギフト系のように画像が多いジャンルでは、画像の遅延読み込み対応だけで体感速度が変わることもあります。数字の改善幅は商材とトラフィックで大きく変わるため、自店での実測を前提にしてください。
工数の見積もりでは、AIが出したコードの検証時間を必ず織り込みます。生成自体は速くても、複製テーマでの動作確認、スマホ表示の点検、公開前チェックに時間がかかります。5,000社支援の中で何度も再現したパターンとして、AIで作業が速くなったぶんを検証に回した店舗ほど、公開後のトラブルが少なく済んでいます。速さと安全性はトレードオフではなく、検証時間を確保することで両立します。
費用対効果を判断するときは、テーマ作業を「初期構築」と「継続運用」に分けて考えると整理しやすくなります。初期構築は要件整理からコード編集までまとまった工数がかかりますが、一度作り込めば日々の更新は商品登録とセクション設定が中心になります。継続運用の局面では、生成AIは新商品ページの説明文作成（プロンプト7）やキャンペーンセクションの文言調整で効いてきます。初期に作ったプロンプトを社内テンプレートとして保存しておくと、担当者が替わっても同じ品質で運用を回せます。プロンプトの再利用性まで含めて費用対効果を見ると、AI導入の投資判断がしやすくなります。
外注を併用する場合の工数配分も触れておきます。要件整理と文章はAIと社内で進め、複雑なLiquidカスタマイズだけ外部のShopifyパートナーに依頼する、という分担が現実的です。AIで要件と希望を明文化してから外注に渡すと、認識のずれが減り、見積もりの精度も上がります。すべてを外注するのではなく、AIで詰められる部分を社内で詰めてから依頼することで、外注費を必要な範囲に絞れます。直近の支援案件で観測したのは、要件をAIで整理してから外注に出した店舗のほうが、修正の往復回数が少なかった点です。
テーマとAIエージェントが交わる次の論点
テーマ作業の自動化は、コード生成の補助から、ストア全体の構築支援へと範囲が広がりつつあります。ブラウザを操作するAIエージェントが管理画面の操作まで担う流れが見え始めており、テーマエディターのセクション配置やメタフィールド設定を、自然言語の指示から進められる未来が現実味を帯びてきました（2026年6月時点の動向、実装の成熟度は要確認）。ただし現時点では、最終的な見た目とコードの整合性は人が確認する前提を崩さないほうが安全です。
AI Overviewや生成AI検索の普及で、テーマが出力するHTML構造の意味づけも重要度を増しています。商品名・価格・在庫・レビューといった情報が構造化データ（schema.org）として正しく出力されているかは、AIに引用されやすいページかどうかを左右します。多くのテーマは商品の構造化データを標準で出力しますが、カスタマイズで構造を崩すと欠落することがあります。テーマ編集後に構造化データが維持されているか、Googleのリッチリザルトテストで点検する習慣をつけておくとよいでしょう。
競合のSEOコンテンツは「おすすめテーマ10選」のような選定一覧に寄りがちですが、実務で効くのは選定後のカスタマイズと検証の手順です。テーマは選んで終わりではなく、自社の商品構造に合わせて編集し、速度と表示を検証して初めて成果につながります。生成AIは、その編集と検証のサイクルを速く回すための道具として位置づけるのが、2026年時点での現実的な使い方だと判断します。Shopifyの表示最適化を体系的に押さえたい場合は、Shopify SEO対策の記事も合わせて確認してください。
海外展開を視野に入れるなら、テーマの多言語・多通貨対応の検証が追加の論点になります。Shopify Marketsとテーマの組み合わせで、言語切り替えや通貨表示がデザイン上崩れないかを確認する必要があります。越境を前提にテーマを選ぶ場合の注意点は、Shopify越境ECの記事にまとめてあります。テーマ選びの段階で越境の有無を決めておくと、後からの作り直しを避けられます。
よくある質問
無料テーマのDawnだけで運用できますか
商品点数が中規模までで、特殊な販売形態（サブスク、複雑な予約）がなければ、Dawnと標準機能、必要なアプリの組み合わせで十分運用できるケースが多く見られます。Dawnはshopifyが自社で更新を続けており、OS 2.0の機能をひと通り使える点が強みです。まずDawnで要件を満たせるか検証し、足りない部分だけ有料テーマやアプリを検討する順序が無駄を減らします。
テーマ選定はChatGPTとClaudeのどちらが向いていますか
要件整理や候補テーマの比較はChatGPTやGeminiでも十分こなせます。一方、Liquidコードの編集や差分生成は、長いコードを扱う場面でClaudeが安定しやすい印象です。実務では、文章・整理系はChatGPT、コード系はClaude、と用途で使い分けると精度が安定します。いずれも出力は鵜呑みにせず、複製テーマで動作確認してから本番に反映してください。
AIが生成したLiquidコードをそのまま本番に貼っても大丈夫ですか
そのまま本番テーマに貼るのは避けてください。必ずテーマを複製し、コピー側で編集・プレビュー確認してから本番に公開します。AIのコードは{% schema %}設定との不整合や、特定の条件分岐の漏れが起きることがあります。プロンプト8の公開前点検リストを通し、PCとスマホの両方で表示を確認する手順を固定化しておくと安全です。
テーマを変えるとSEO順位は下がりますか
テーマ変更そのものが順位を直接下げるわけではありませんが、URL構造や見出し、構造化データの出力が変わると影響が出ることがあります。テーマ移行時は、商品ページのタイトルタグ・見出し構成・構造化データが維持されているかを確認します。表示速度が改善すれば、むしろ評価に良い方向に働く場合もあります。移行は計測しながら段階的に進めるのが望ましいです。
有料テーマを買うべき判断基準は何ですか
無料テーマで要件を満たせず、カスタマイズ工数が有料テーマの価格を上回ると見込まれる場合に、有料テーマの購入が合理的になります。プロンプト2でカスタマイズ工数を時間換算しておくと、買うべきか自前で組むべきかの判断がしやすくなります。デモの見栄えだけで決めず、自社の商品構造への適合度で選んでください。
メタフィールドはテーマ編集とどう関係しますか
メタフィールドは商品ごとの追加情報を格納する仕組みで、テーマのLiquidから呼び出して表示します。素材や原産国などをメタフィールドで持たせると、テーマのコードを汚さずに情報を増やせます。OS 2.0対応テーマならメタフィールドの表示が組みやすく、プロンプト5のように定義と表示コードをセットで設計すると運用が安定します。
テーマのカスタマイズはどこから着手すべきですか
まず要件チェックリスト（プロンプト1）で「外せない機能」を確定させ、次にノーコードで足りる範囲（プロンプト3）を切り分けます。コード編集が必要な部分だけをプロンプト4以降で進めると、不要なコード改変を避けられます。いきなりLiquidを触るのではなく、テーマエディターで済む範囲を先に固めるのが、手戻りの少ない着手順です。
著者：齋藤竹紘（株式会社オルセル 編集長／5,000社以上のEC支援実績／書籍3冊）
※うるチカラでは、生成AIの導入支援から運用最適化まで、貴社のEC事業に合わせたカスタマイズ提案を行っています。無料相談（30分）も実施中ですので、お気軽にお問い合わせください。
https://uruchikara.jp/contact/
【監修】齋藤竹紘（株式会社オルセル代表 / 19年・5,000社のEC支援実績）
株式会社オルセル代表取締役 / うるチカラ編集長。19年・5,000社以上のEC支援実績を持ち、楽天市場・Amazon・Yahoo!ショッピング・Shopify・Shopee越境ECの実装ノウハウを保有。AI×ECに関する書籍を3冊執筆。「現場で使えるAI実装」を一次情報として発信しています。
この記事を読んだ人は、こんな記事も読んでいます
