Shopifyを「出力先」にする|Claude Code+Shopify CLIで、分析結果をそのままストアに反映する

MCPでGA4やレビューを「読む」ところまでは、もう多くの人ができます。詰まるのはその先、「で、サイトはどうやって直すの?」です。Shopify公式のMCPは買い物客向けで、店側の商品やテーマは書けません。この記事は、その出口をShopify CLIで作った当社の手順を、図を中心に紹介します。

分析 → 施策 までは進む。止まるのは「反映」 ? 読む GA4・Clarity・レビュー MCP でつなぐ 考える AI が改善案を出す 文言・構成・価格軸 書く 商品・テーマ・ページ 公式 MCP は非対応 この記事はここを作る

検証日:2026年9月16〜17日/使用クライアント:Claude Code(Anthropic)/Shopify CLI 4.8系/当社の家具メーカー案件の開発ストアで実行した手順です。案件名・ストア名は伏せています。

先に結論

01 公式 MCP は 4 つとも 買い物客向け 店側の商品・テーマは書けない 02 出口は Claude Code + CLI 日本語で指示、AI がコマンドを組む 03 当社の実績 1 日で反映まで テーマ改修+商品 40 バリアント 04 守る順番は 開発 → 未公開 → 本番 dry-run と人の確認をはさむ

1. なぜ「出力先」で詰まるのか

理由は1つ。Shopify公式のMCPは、店を運営する側のために作られていないからです。

Shopify 公式 MCP は、店の外側にいる Storefront MCP 商品を探す・カート 買い物客向け Customer Account MCP 注文照会・返品 買い物客向け Checkout MCP 決済 買い物客向け Dev MCP ドキュメント検索 開発者向け 店側(商品・メタフィールド・テーマ・ページ) ここを書く道具は Shopify CLI + Admin API。ターミナルから動かす 届かない 境界線

2. 答え:Claude Code + Shopify CLI

Shopify CLIは公式のコマンドラインツール、Claude Codeはターミナルを持つAIです。組み合わせると「読む」と「書く」がつながります。

読むのは MCP、書くのは CLI。まん中に Claude Code GA4 MCP Clarity MCP レビュー MCP 読む Claude Code $ shopify theme check $ shopify theme push –unpublished ✓ Theme Check: 0 errors → Preview URL を返す 考えて、打つ テーマ push 商品・メタフィールド ページ・メニュー 書く(Shopify CLI) あなたが打つのは日本語:「トップにカテゴリ導線を足して、未公開テーマで push して」

3. セットアップは30分

用意するもの 5 つ・30 分 1 Node.js 20 以上 2 Shopify CLI npm で入れる 3 開発ストア Partner で無料。本番とは別 4 theme pull 今のテーマを手元へ 5 Claude Code そのフォルダで起動 プログラミングの知識は不要。コマンドは AI が組む

4. できること 3段階

段階1:テーマを直して、未公開でpush(見た目)

一番よく使う流れです。公開はしないのがポイント。プレビューを見て、公開ボタンは人が押します。

テーマ更新:AI が 4 歩、人が 1 歩 Claude Code 1 Liquid を編集 パンくず・バッジ・フッター 2 theme check 文法エラー 0 を確認 3 push –unpublished 未公開テーマとして送る 4 プレビュー URL preview_theme_id 付き 人が「公開」 ここだけは押す 当社の案件:Dawn を土台に、この往復を 1 日で完了。Theme Check エラー 0
Claude Code に作らせた商品ページの型 ホーム › テーブル・デスク › THE TABLE 写真 3日出荷 サイズオーダー無料 ¥98,000〜 コンフィギュレータ枠 サイズ W120〜240 × D60〜100cm 天板 突板 30mm 配送 3日出荷対象 会社概要 特商法 配送 返品 プライバシー パンくず 一覧カードにも 3日出荷バッジ フッター ポリシーは自動で並ぶ バッジ(メタフィールド) 価格「〜」表記 次の工程の枠 コンフィギュレータ 仕様表 空欄は非表示

段階2:商品・メタフィールド・ページを一括登録(データ)

バリアント40件を管理画面で手打ちは現実的ではありません。Admin GraphQL APIをスクリプトから叩きます。スクリプトもClaude Codeに書かせ、必ずdry-run(表示だけ)を先に見ます。

一括登録:dry-run → 人が読む → 登録 表示だけ $ seed:dev –dry-run product ×1 (40 variants) collection ×2, pages ×2 … 一覧を読んで OK 開発ストア $ seed:dev guard: shop must end with -dev → 本番名なら止まる 当社の案件で登録したもの 9 メタフィールド定義 2 コレクション 40 親商品バリアント 1 加算用商品(脚) 2 固定ページ 1 フッターメニュー 半日 スクリプト作成〜登録

段階3:分析 → 施策 → 反映を1本にする

ここまでできると、mcp-dirの「組み合わせレシピ」の最後の矢印がつながります。5までAI、6は人。この線引きが大事です。

例:離脱率の高い商品ページを直す AI が進める ①〜⑤ GA4 MCP 直帰率の高い 商品ページ 上位5 Clarity MCP 録画から つまずき箇所 レビュー MCP 「不安」の 上位 3 軸 Claude 仕様表の項目と 文言を提案 Shopify CLI メタフィールド更新 未公開で表示確認 人が「公開」 プレビューを見て ボタンを押す ①〜④は mcp-dir のレシピ 0(Claude 用スキル配布中)。⑤がこの記事で足した部分

5. 当社が実際に詰まった3点

正直に書きます。3つともClaude Codeが自分で原因を見つけて直しました。

01 app dev が URL エラーで停止 原因 雛形を init を使わず取り込み、 設定ファイルの雛形が未変換 直し方 shopify.web.toml を手で作成。 CLI のソースを読んで特定 素直に app init を使えば起きない 02 別のストアに接続してしまった 原因 ログイン後のストア選択で 同じ組織の別案件を選んだ 直し方 project.json を修正。 先に store list で一覧確認 本番と開発が同じ組織だと起きる 03 push したのにプレビュー不可 原因 開発ストアがパスワード保護。 AI 側からページが見えない 直し方 見た目の確認は人が行う。 または –store-password 「AI が見た」を鵜呑みにしない

6. 安全に運用する5つのルール

AI に本番を触らせない仕組みを、AI 自身に書かせる 本番に接続しない 開発ストアで作り 最後に人が本番へ 必ず –unpublished 公開ボタンは人が押す dry-run を先に 登録一覧を人が読む 鍵をリポジトリに入れない 環境変数か CLI のセッションから 書き込みは毎回 OK Claude Code の承認モード

7. WordPressでも同じ型

出力先が変わっても「AI が下書き、人が公開」は同じ Shopify Shopify CLI / Admin API 未公開テーマで push 人が公開 この記事 WordPress WP-CLI / REST API 下書き状態で投入 人が公開 別記事で解説予定

コマンド早見表(Claude Codeが使うもの)

やりたいこと コマンド ストアに書く?
今のテーマを手元に取り込む shopify theme pull --store 店名.myshopify.com いいえ
Liquidの文法チェック shopify theme check --fail-level error いいえ
未公開テーマとして送る shopify theme push --unpublished はい(未公開)
手元の変更を即時プレビュー shopify theme dev いいえ(開発用テーマ)
アプリを起動しトークンを得る shopify app dev いいえ
商品・ページを一括登録 自作スクリプト(Admin GraphQL) --dry-run → 本実行 はい(開発ストア限定)

よくある質問

Shopify MCPをClaudeに接続すれば商品を更新できますか?

できません。公式MCPは4つとも買い物客向けで、店側の商品・テーマ・ページの更新には対応していません。店側の更新はShopify CLIとAdmin APIで行います。

プログラミングができなくても使えますか?

コマンドを覚える必要はありません。Claude Codeに日本語で指示すれば、必要なコマンドをAIが組み立てます。ただし「何を書き換えるのか」を読んでOKを押す役は人に残ります。

本番ストアで事故が起きませんか?

開発ストアで作り、未公開テーマで確認し、書き込みはdry-runを先に見る、の3段構えなら本番に届く前に止まります。本番接続は最後に、人が明示的に行います。

自社で用意するものは?

Shopify Partnerアカウント、開発ストア、Node.js、Claude Codeの4つです。既存ストアの場合はテーマをtheme pullで取り込むところから始めます。設定から運用までの代行は構築代行をご覧ください。

この記事は2026年9月に当社が開発ストアで実行した手順に基づきます。Shopify CLIは4.8系。手順は半年ごとに再検証します(次回2027年3月)。

Trend Viewerの特徴を
詳しく知る

入力は簡単3項目、1分で完了します。
社内会議や稟議の資料として
ご活用ください。

資料ダウンロード

まずは無料で
アカウント登録!

まずは無料で実際に
使ってみることも可能です。
ぜひ無料アカウント登録から
お進みください。

無料アカウント登録