2026年版：AIでShopifyアプリを作る方法

AIでShopifyアプリを作る3つの方法

1. Shopify Sidekick。 Shopifyの管理画面に組み込まれたアシスタントが、シンプルなアプリを生成できます。Shopifyのヘルプセンターによると、生成されるアプリはAdmin APIとShopifyのPolarisコンポーネントを使う単一ページのツールで、コードの表示・編集ができますが、Shopify管理画面の中でしか動かず、テーマ、チェックアウト、顧客アカウントには手が届きません。アプリ生成はGrow、Advanced、Shopify Plusプランで、デスクトップブラウザから利用できますが、時間単位・週単位の利用制限があります。

2. AIコーディングエージェントとShopifyの開発者向けツール。 開発者であれば、Claude CodeやCodexといったコーディングエージェントを、Shopify CLIで作成したプロジェクトに向けて使えます。ShopifyはDev MCPサーバーを含むAIエージェント向けの開発者ツールを公開しており、エージェントがShopifyのドキュメントとAPIスキーマにアクセスできるようにしています。完全なコントロールが手に入りますが、セットアップ、ホスティング、デプロイ、保守はすべて自分で担うことになります。

3. AI Shopifyアプリビルダー。 AppFlyのようなビルダーは両者の中間に位置します。普通の言葉でアプリを説明すると、コーディングエージェントが完全なプロジェクトを書き、ビルダーがインストール、ホスティング、データベース、デプロイを担います。Sidekickと違いすべてのShopifyサーフェス向けに作れ、自分で行う方法と違いセットアップが不要です。

自分に合う方法

• 手早い管理画面ツールが欲しく、Growプラン以上を使っている場合： まずSidekickを試しましょう。すでに管理画面にあります。
• お客様が見るもの — ストアフロント、チェックアウト、顧客アカウント — や、割引ロジック、Flow、POSが必要な場合： Sidekickが生成するアプリは管理画面の中に留まるため、アプリビルダーか開発者が必要です。
• コードを書き、スタック全体を完全に管理したい場合： Shopify CLIを使うコーディングエージェント。
• コードを書かず、専用のデータベースとホスティングを持つ本物のアプリが欲しい場合： AIアプリビルダー。AI Shopifyアプリビルダーの解説で、良いビルダーの見分け方を紹介しています。

このガイドの残りではアプリビルダーの方法を使いますが、ステップ1〜3と6〜7は3つすべてに当てはまります。

ステップ1：機能ではなく問題を書く

AIは説明されたものを作るのは非常に得意ですが、意図を推測するのは非常に苦手です。誰かが毎週抱えている問題から始め、その人と一緒に書き出しましょう。

「毎週月曜、仕入れ担当者が在庫と注文をスプレッドシートに書き出して、再発注すべきものを計算している。」

この一文には、すでにユーザー、データ、結果が含まれています。アイデアに困ったら、独自Shopifyアプリのアイデア30選から借りてみましょう。

ステップ2：サーフェスとデータを選ぶ

AIが一行も書く前に、アプリの置き場所を決めましょう。Shopifyのサーフェスごとにルールが異なるからです。

• 管理画面のページ：チーム向けのツール。最もシンプルで、最初のアプリとして最も一般的です。
• ストアフロントのブロック：商品ページ、コレクションページ、カートページでお客様が見るもの。
• チェックアウトやサンクスページのブロック：どのプランでどの場所が使えるかはチェックアウト拡張の解説をご覧ください。
• 割引ルール、Flowのステップ、顧客アカウントのページ、POSのタイル：それぞれの場所でのロジックや画面。

次に扱うデータを挙げます。商品、在庫、注文、特定のコレクション、メタフィールドなどです。これがアプリが要求するアクセス権限を決めます。必要最小限の権限だけを求めるのが良いルールです。在庫レポートが顧客情報を読む理由はありません。

ステップ3：AIが作れるプロンプトを書く

良いプロンプトは、サーフェス、ユーザー、データ、結果を指定します。

「在庫が10個未満のすべての商品を一覧にし、過去30日の販売数を表示し、在庫切れまでの日数を見積もる、仕入れ担当者向けの管理画面のページ。残り日数の少ない順に並べる。」

AppFlyでは、サーフェスを名前で言う代わりにプロンプト欄の下のメニューから選べます。依頼があいまいな場合、AppFlyは始める前にいくつか質問します — 簡潔に答えてください。

ステップ4：構築の様子を見て、ストアでプレビューする

AppFlyでは、コーディングエージェント — ご自身のアカウントでClaude Code、Codex、OpenCode — が隔離されたコンテナにプロジェクトを書き、ファイル、インストール、コマンドが起きるたびに見られます。すべての行を追う必要はありません。構築を見ることは、誤解を早く見つける方法です。

その後アプリはストアに対してライブプレビューで動きます。実際のユーザーと同じように、実際の商品と注文で使ってみましょう。

ステップ5：1つずつ改善する

プレビューの隣のパネルで、1メッセージに1つの変更を依頼しましょう。

• 「『販売終了』タグの商品を非表示にして」
• 「CSV書き出しボタンを追加して」
• 「在庫7日未満のものを赤くハイライトして」

変更はすべて読める差分になります。小さな依頼のほうが確認しやすく、何か問題が起きても解決策はもう一文です。

ステップ6：お客様に見せる前に確認する

AIが書いたコードも、人が書いたコードと同じレビューを受けるべきです。デプロイ前にこのリストを確認しましょう。

• 権限。 アプリはShopifyに必要な権限だけを求めていますか？
• 書き込み。 商品、価格、注文を変更する場合、変更内容を実行前に表示していますか？
• エッジケース。 空のコレクション、在庫管理のない商品、非常に大きな注文を試してみましょう。
• お客様が見るサーフェス。 ストアフロントとチェックアウトのブロックをスマートフォンで確認し、チェックアウトやサンクスページのブロックはテスト注文で確認しましょう。
• 機密情報。 他サービスのAPIキーは設定として保存し、コードに書き込んではいけません。

ステップ7：デプロイして動かし続ける

AppFlyでは、デプロイするとアプリに専用のサブドメイン、専用のPostgresデータベース、Shopify管理画面での専用エントリが与えられます。開発版で改善を続け、公開前に本番版と比較できます。本番デプロイには有料プランが必要ですが、最初のアプリの作成とプレビューは無料です。

デプロイはゴールではありません。Shopifyは四半期ごとに新しいAPIバージョンを公開し、公開済みのスケジュールで古いものを廃止し、ビジネス側からも変更の要望が来ます。初日から保守を計画しましょう。AppFlyでは、App Doctorが停止したコンテナ、ずれた設定、スキーマの不一致を監視して修正を提案し、変更は一文で済みます。他の方法での保守に通常かかる費用は費用ガイドで解説しています。

よくある質問

AIは本当にShopifyアプリを作れますか？

はい。対象プランではShopify Sidekickがシンプルな管理画面アプリを生成でき、AIコーディングエージェントはShopifyの開発者向けツールで完全なアプリを作れ、AppFlyのようなAIアプリビルダーは普通の言葉の説明から完全なアプリを作成・インストール・ホストします。

Shopify Sidekickはどんな種類のアプリでも作れますか？

いいえ。Shopifyによると、Sidekickが生成するアプリはShopify管理画面の中でのみ動く単一ページのツールです。テーマ、チェックアウト、顧客アカウントには何も追加できず、生成はGrow、Advanced、Plusプランに限られます。

AIでShopifyアプリを作るのにどれくらい時間がかかりますか？

シンプルな管理画面ツールなら、通常1回のセッションで動くプレビューまで到達します。複数のサーフェスや外部連携を持つアプリは、改善の回数が増えます。

AIでShopifyアプリを作る費用はいくらですか？

AppFlyなら、最初のアプリの作成とプレビューは無料です。本番デプロイ付きの有料プランは月額$29からで、ホスティングとアプリごとのデータベースが含まれます。