AIとShopify開発：Dev MCP・AI Toolkit
AIコーディングツールにShopifyの公式知識を接続し、生成されたLiquidを検証してから使える
最終確認: 2026-09
解説
受託の現場でなぜ必要か： この回では、AIコーディングツールにShopifyの公式知識を接続し、生成されたLiquidを検証してから使えるようになります。
受託では、一般のAIが古い書き方（img_urlやinclude）を平気で出すので、公式に接続して機械で検証する体制が品質を守ります。
なぜ検証が必要か
一般のLLM（大規模言語モデル）は、Shopifyの変化（テーマブロック・Dev Dashboard・非推奨化）を知らないことが多いです。
学習データのShopifyは古いので、AIが出したコードはそのままでは非推奨の書き方や存在しないAPIを含みえます。
AIの出力を信じるのではなく、検証できる体制を作ります。
Shopify Dev MCPとは、AIに公式ドキュメントを引かせる仕組み
@shopify/dev-mcpをClaude Code / Cursor / VS Codeなどに登録します。
すると、AIが公式ドキュメントの検索、Admin / Storefront APIのスキーマ参照、Liquidの検証を自分で行えます。
ローカルで動き、認証は要りません。
あわせて使うAI Toolkitは、Shopifyのデータ構造を理解した設定を各エディタに導入する仕組みです。
導入手順は変化が速いので、公式で確認します。
検証はどの順で通すか
AIが書いたLiquidは「Dev MCPで検証 → Theme Check → theme devで目視」の順で通します。
Liquidを読める力が最終防衛線です。
読めない人は、AIの間違いに気づけません。
AIに渡してはいけないもの
トークン・パスワード・顧客データ・注文データを、AIに渡しません。
開発ストアのサンプルデータで作業します。
※ ShopifyはShopify Inc.の商標です。本サイトは個人が制作した非公式の学習教材であり、同社の承認・提携・後援を受けていません。記載内容は2026-09時点のものです。料金・上限値・管理画面のラベルは変わるため、作業の前に公式ドキュメントで確認してください。