プログラミングなしでShopifyアプリを作る方法

ステップ1：アプリの目的を決める

機能リストではなく、今週困っている問題から始めましょう。最初のアプリとして最適なのは、繰り返し作業をなくすものです。毎週月曜に手作業で作るレポート、半日かかる一括編集、自動で切り替わってほしいストアのメッセージなどです。

問題を、誰が困っているかを含めて一文で書きます。「サポートチームが『注文はどこ？』に答えるのに3つの画面を見る必要がある」は素晴らしい出発点です。ヒントが欲しければShopifyアプリのアイデア30選をどうぞ。

ステップ2：置き場所を選ぶ

Shopifyアプリにはそれぞれ置き場所があり、最初に選んでおくと手戻りが減ります。

• 管理画面：チームが使うツール向け。最初のアプリとして最も一般的です。
• ストアフロント：お客様が商品ページやコレクションページで見るもの。
• チェックアウトやサンクスページ：購入時のアップセル、注意書き、安心感のため。チェックアウト拡張の解説をご覧ください。
• 割引、Flow、顧客アカウント、POS：それぞれの場所でのロジックや画面。

AppFlyでは、プロンプト欄の下のメニューで選ぶか、文章の中でそのまま伝えます。

ステップ3：プロンプトを書く

結果、人、データを説明しましょう。良い最初のプロンプトはこのようなものです。

「在庫が10個未満の商品をすべて一覧にし、過去30日の販売数と在庫切れまでの日数の見込みを表示する管理画面のページ。仕入れ担当者が毎朝使います。」

この一文には、サーフェス（管理画面のページ）、データ（在庫と注文）、計算（残りの在庫日数）、ユーザーが含まれています。AppFlyが始める前にいくつか質問することがあるので、簡潔に答えてください。

ステップ4：開発の様子を見る

コーディングエージェントが、隔離されたコンテナでプロジェクトを書く様子をリアルタイムで見られます。ファイルの作成、パッケージのインストール、コマンドの実行が流れていきます。すべてを理解する必要はありませんが、本物のプロジェクトが作られているのが見えると安心でき、問題にも早く気づけます。

AppFlyは、接続したエージェント（Claude Code、Codex、OpenCode）をすでにお持ちのアカウントで使うため、間に別のAI料金が発生することはありません。

ステップ5：プレビューして改善する

アプリはストアに対してライブプレビューで動きます。実際のユーザーと同じように使い、隣のパネルで変更を依頼しましょう。

• 「残り日数の少ない順に並べて」
• 「一覧をCSVで書き出すボタンを追加して」
• 「『販売終了』タグの商品を非表示にして」

1回の依頼に1つの変更が基本です。変更はすべて読める差分になり、問題が起きても解決策はもう一文です。

ステップ6：デプロイする

プレビューが期待どおりに動いたらデプロイします。本番アプリには専用のサブドメイン、専用のデータベース、Shopify管理画面での専用エントリが用意されます。開発版で改善を続け、公開前に本番版と比較することもできます。

本番へのデプロイには有料プランが必要です。最初のアプリを作ってプレビューするのは無料です。現在のプランは料金セクションをご覧ください。

遠回りになる失敗

• 一度にすべてを頼む。 1つのプロンプトに5つの機能を入れると、最初のバージョンの確認が難しくなります。小さく始めて追加しましょう。
• 結果ではなく画面を説明する。 知りたいこと、やりたいことを伝え、表のデザインはエージェントに任せましょう。
• プレビューを飛ばす。 デプロイ前に実際のユーザーとして操作してみましょう。
• ほかに影響する人を忘れる。 お客様が見るものなら、スマートフォンでも確認しましょう。

よくある質問

本当にプログラミングなしでShopifyアプリを作れますか？

はい。AIアプリビルダーなら、アプリと変更内容をすべて普通の言葉で説明するだけで、コードの作成、インストール、実行が行われます。

簡単なShopifyアプリを作るのにどれくらいかかりますか？

シンプルな管理画面ツールなら、通常1回のセッションで動くプレビューまで到達します。改善にかかる時間は、変更の数によって変わります。

作ったアプリは自分のものになりますか？

AppFlyならはい。アプリは読んで、エクスポートして、自分で運用できる普通のプロジェクトです。