メインコンテンツへスキップ
L

Capgo で Lovable からモバイルアプリをリリース

Lovable は Capacitor アプリのビルド、公開、Live Update を実現:Mac なしでの iOS/Android ビルド、数分での OTA 修正、ワンクリックでのロールバックが可能。

  • アプリビルダー
  • Capacitor へエクスポート
  • ホスト型 MCP
  • CLI

Lovable で Capgo をセットアップ

3ステップ以内。各ブロックをそのままコピーするだけです。

  1. ステップ 1

    LovableアプリをGitHubへエクスポート

    LovableでGitHubを接続してプロジェクトをpushし、ローカル環境にcloneします。

    ターミナル
    $ git clone https://github.com/you/your-lovable-app.git $ cd your-lovable-app $ npm install $ npm run build
  2. ステップ 2

    CapacitorとCapgoでラップします

    iOSとAndroidにCapacitorを追加し、CapgoのCLIでLive Updateをセットアップします。LovableアプリのbuildフォルダをwebDir(Viteの場合はdist)として指定してください。

    ターミナル
    $ npm install @capacitor/core @capacitor/cli @capacitor/ios @capacitor/android $ npx cap init "Your App" com.company.app --web-dir dist $ npx cap add ios && npx cap add android $ npx @capgo/cli@latest init
  3. ステップ 3

    クラウドでビルドして、アップデートを配信

    Capgo は Mac なしで iOS / Android アプリの署名とビルドを行います。その後、Web の変更はすべて live update として配信されます。

    ターミナル
    $ npx @capgo/cli@latest build init $ npx @capgo/cli@latest build request --platform ios $ npx @capgo/cli@latest bundle upload --channel production

Lovable へのプロンプト例

プロンプトをコピーして Lovable に貼り付けてください。アプリ ID とバージョンはご自身のものに置き換えてください。

  • ビルド

    「このアプリを Capacitor 対応にしてください:ルーティングはクライアントサイドを維持し、静的ファイルを dist にビルドしてください。」

  • ビルド

    「@capgo/capacitor-updater をインストールして、アプリ起動時に notifyAppReady を呼び出してください。」

  • アップデート

    「main への push ごとに、Capgo bundle を production チャンネルに upload する GitHub Actions workflow を追加して。」

  • ビルド

    「Capgo で行われた直近の iOS build のステータスを教えて。」

  • ロールバック

    「プロダクションチャネルを前のbundleにロールバックして。」

  • Observe

    「過去7日間のv2.3.0のアップデート統計を表示して。」

  • Observe

    「まだbundle 1.4.2を使っているデバイスはどれ?」

リリースサイクル全体

最初のビルドから次のライブ修正まで、すべてを1つのアカウントでカバー。

  1. 1

    ビルド

    クラウド上でiOSとAndroidの署名済みビルドを作成。手元にMacもXcodeも不要です。

    CapgoでネイティブアプリをBuild
  2. 2

    公開

    ビルドをTestFlightやGoogle Playに送信し、ストア審査に提出できます。

    MacなしでiOSアプリをBuild & Publish
  3. 3

    アップデート

    JavaScript、HTML、CSSの修正を数分でチャンネルにプッシュ。ロールバックも1ステップで。

    Capgo Live Updates
  4. 4

    Observe

    誰がアップデートを受け取ったか、何が失敗したか、各リリースのパフォーマンスを確認できます。

    Capgo を Observe

Lovableに関する注意事項と制限事項

  • LovableはすべてのプランでカスタムMCPサーバーをサポートしています。ConnectorsにOAuth付きで https://api.capgo.app/mcp を追加することで、Lovableのチャットからチャンネル、ロールバック、統計情報を管理できます。
  • このコネクタはLovableのチャット内でのみ使用され、公開済みのアプリで使用されることはありません。
  • Lovableでは Capgo CLI を実行できません。ビルドやアップロードは、ローカル環境または GitHub Actionsで行ってください。
  • GitHub の同期を有効にしましょう。Lovableで行った変更がリポジトリに反映され、CIを通じてLive Updateとして配信できるようになります。

よくある質問

Capgo とLovableに関するよくある質問

MacがなくてもLovableでiOSアプリをビルドできますか?

はい、code をエクスポートした後であれば可能です。Web アプリを Capacitor でラップし、npx @capgo/cli@latest build request を実行してください。Capgo がクラウドで iOS と Android アプリの署名とビルドを行います。

Native Build ドキュメント

Lovableを使うには Capgo API キーが必要ですか?

ホスト型 MCP に API キーは不要です。OAuth でサインインします。ローカルの CLI MCP と CLI は、npx @capgo/cli@latest login で一度保存した API キーを使います。キーは Capgo コンソールの Settings > Organization > API keys で作成してください。

Capgo API キーを作成する

Lovableで不具合のあるアップデートをロールバックできますか?

はい。Lovableにチャンネルを前のbundleへ向けるよう指示してください。デバイスは次回のアップデート確認時に切り替わります。また、Capgo updaterは、新しいbundleの起動に失敗した場合、自動的にロールバックを行います。

Live update ドキュメント

App StoreやGoogle PlayでLive Updateを使用することは許可されていますか?

はい、JavaScript、HTML、CSS、およびアセットなどのWebレイヤーについては可能です。Native code、新しい権限、および新しいpluginについては、引き続きストアでのリリースが必要ですが、Capgo Buildを使えば簡単に作成できます。

Lovableから Capgo を利用するコストはいくらですか?

MCPサーバー、スキル、CLIは無料で利用できます。利用にはCapgoプランが必要ですが、すべてのプランはクレジットカード不要の14日間無料トライアルから始められます。Builds、Live Updates、Observeはすべてのプランに含まれています。

料金プラン

Lovableから次回のリリースをデプロイ

Capgoアカウントを作成してLovableと連携し、最初のbuildやlive updateを今すぐプッシュしましょう。

ドキュメント

関連ページ