Shopify向けLovable代替：AIでカスタムアプリを作る

Lovableが得意なこと

LovableはWebアプリケーション向けの汎用AIビルダーです。チャットで欲しいものを説明すると、インターフェース、ロジック、そしてバックエンド連携を通じたデータベースとユーザーアカウントまで含む、動くWebアプリを生成します。プロジェクトをGitHubに同期できるので、コードを読むこともできます。

2025年10月、Lovableはストアを新しく始める人向けにShopify連携を発表しました。ショップを説明すると、Lovableが商品ページ、カート、ナビゲーションといったストアフロントを設計・構築し、その後Shopifyでストアを引き取って公開します。発表時点では、この連携は新規のShopifyストアのみで利用できるとされていました。この分野のツールは変化が速いため、最新の状況はLovable自身のドキュメントで確認してください。

新しいブランドを立ち上げて、独自デザインのストアフロントやランディングページ、あるいはShopifyとは無関係なWebアプリを作りたいなら、Lovableは有力な選択肢です。

Shopifyアプリが単なるWebアプリではない理由

Lovableの代替を探すマーチャントの多くは、すでにストアを持っていて、そこに何かを追加したいと考えています。管理画面のレポート、商品ページのブロック、チェックアウトのルールなどです。これはShopifyアプリであり、ストアの横に置かれるのではなく、Shopifyのプラットフォームの内側で動きます。Shopifyのアプリプラットフォームには、汎用のWebアプリにはない要件があります。

• インストールとアクセス権限。 アプリはShopifyのOAuthフローを通じてインストールされ、商品の読み取りや割引の作成といった特定の権限をマーチャントが承認します。
• 管理画面への組み込み。 管理画面アプリはShopify管理画面の中で動き、別のログインページではなくShopifyのセッショントークンで認証します。
• 拡張機能。 ストアフロントのブロックはテーマアプリ拡張、チェックアウトのブロックはチェックアウトUI拡張、割引ロジックはWebAssemblyにコンパイルされたShopify Functionです。いずれもShopify自身のツールで登録・デプロイします。
• 必須のプライバシーWebhookを含むWebhook。 アプリは新規注文などのイベントに反応し、Shopifyが求める顧客データリクエストやストア消去リクエストにも対応しなければなりません。
• APIバージョン。 Shopifyは四半期ごとに新しいAPIバージョンを公開し、古いものを決まったスケジュールで廃止するため、アプリは常に最新に保つ必要があります。

何を頼めばいいか正確にわかっていれば、汎用ビルダーでもこの一部は書けます。しかし、それを知っておく必要があるのはあなた自身です。Shopify専用のビルダーは、これらのルールを前提として始まります。

AppFly：Shopifyアプリのために作られたLovableの代替

AppFlyはAI Shopifyアプリビルダーです。一文でアプリを説明すると、コーディングエージェントがプロジェクトを書き、AppFlyがそれを既存のストアに本物のShopifyアプリとしてインストールします。7つのShopifyサーフェスそれぞれのルール —必要な権限、インストール先、登録方法— を把握し、それぞれに直接合わせて書きます。

• 管理画面のページ：レポート、一括編集、社内ツール。
• ストアフロントのブロック：テーマエディタのどのページにも配置できます。
• 割引ルール：Shopifyのチェックアウトで動く独自ロジック。
• チェックアウトとサンクスページのブロック：アップセル、注意書き、信頼バッジ。
• 顧客アカウントのページ、Shopify Flowのステップ、POSのタイル。

各アプリには専用のPostgresデータベース、専用のサブドメイン、Shopify管理画面での専用エントリが用意され、チャットで変更を頼むだけで更新できます。

Lovable vs. AppFly 一目比較

• 作れるもの。 Lovable：新規Shopifyストア向けのストアフロントと、一般的なWebアプリ。AppFly：すでに運営しているストア向けのShopifyアプリと拡張機能。
• 結果の置き場所。 Lovable：お客様が訪れるWebサイト。AppFly：Shopifyの内側 — 管理画面、テーマ、チェックアウト、顧客アカウント、Flow、POS。
• Shopifyへの理解度。 Lovable：ストアフロント連携を備えた汎用ビルダー。AppFly：サーフェスごとにShopifyのアプリプラットフォームを前提に書かれている。
• 実際に作業するAI。 AppFlyは、すでにお持ちのアカウントでClaude Code、Codex、OpenCodeを動かすため、間に別のAI料金は発生しません。
• コードの所有権。 どちらもコードにアクセスできます。AppFlyのアプリは読んで、エクスポートして、自分でホストできる普通のプロジェクトです。
• 料金。 AppFlyには1つのアプリを作ってプレビューできる無料プランがあり、本番デプロイ付きの有料プランは月額$29からです。Lovableの現在のプランはLovableのサイトでご確認ください。

どちらを選ぶべきか

新しいストアを始めて、AIデザインのストアフロントが欲しいなら、あるいはShopifyの中で動かす必要のないWebサイトやWebアプリを作るなら、Lovableを選びましょう。

すでにShopifyで販売していて、そのストアにツールやウィジェット、ルールを追加したいなら — 在庫日数レポート、価格一括エディタ、サンクスページのアップセル、VIP割引など — AppFlyを選びましょう。独自Shopifyアプリのアイデア30選に、マーチャントが最初に作るものの例があります。

両方を併用してもかまいません。あるブランドが一方のツールでストアフロントを立ち上げ、もう一方で管理画面のツールを作ることもできます。

LovableからAppFlyへ、Shopifyのアイデアを移す方法

汎用ビルダーでShopify向けのツールを考え始め、インストールや拡張機能の壁にぶつかったとしても、考え直すところから始める必要はありません。

• プロンプトを再利用する。 結果 — 誰が使い、何を表示・実行すべきか — を説明した文こそが重要な部分です。それをプロンプト欄に貼り付けましょう。
• サーフェスを指定する。 「管理画面のページ」「サンクスページのブロック」のように伝えるか、ドロップダウンから選びます。
• 小さなステップで改善する。 1メッセージに1つの変更を、ライブプレビューでストアに対して確認しながら進めます。

全体の流れはステップごとのチュートリアルで詳しく解説しています。

よくある質問

LovableでShopifyアプリは作れますか？

LovableのShopify連携は、新規Shopifyストア向けのストアフロントを作るものです。埋め込み型の管理画面ページ、チェックアウト拡張、割引関数などインストール可能なShopifyアプリを作るには、Shopifyのアプリプラットフォームを自分で設定する必要があり、AppFlyのようなShopify専用ビルダーがそれを代わりに行います。

Shopify向けの最良のLovable代替は何ですか？

何を作るかによります。新規ストアのストアフロントならLovable自体が良い選択です。既存のShopifyストアの中で動くアプリや拡張機能には、まさにそのために作られたAppFlyが適しています。

既存のShopifyストアでLovableを使えますか？

2025年10月にLovableがShopify連携を開始した時点では、新規ストアのみが対象でした。最新のルールはLovableのドキュメントで確認してください。AppFlyは既存のストアにインストールできます。

Shopify向けの無料のLovable代替はありますか？

AppFlyの無料プランは、カード登録なしで1つのShopifyアプリを作り、ストアでプレビューできます。本番デプロイは月額$29からです。