アプリがブラウザで止まってしまう
LovableのプロジェクトはWebアプリです。ストア掲載やプッシュ通知、デバイス機能を利用するには、ネイティブシェルが必要です。
Lovable ビルダー向け：Mac も Xcode も不要
Lovableで作ったアプリをiOS/Androidアプリに
Lovable プロジェクトをエクスポートし、Capacitor でラップして、Capgo Build で App Store と Google Play 向けの署名済みアプリをビルドできます。Mac は不要です。公開後は、Lovable での変更がライブアップデートとしてインストール済みアプリに届きます。
14日間無制限の無料トライアル。クレジットカード不要 14日間の返金保証。いつでもキャンセルできます。
Mac不要
iOSビルドに
2〜3分
一般的な Native Build
Live Updates
Lovableでの変更
Lovableプロジェクト
プロンプトとビジュアル編集でWebアプリを構築。GitHubを接続して、codeをリポジトリに保存します。
エクスポートとラップ
Capacitor シェル
Capacitor で静的な dist フォルダをビルドし、iOS と Android プロジェクトを追加します。
ビルドとアップデート
Capgo リリースループ
Capgo Build で署名済みバイナリをビルドし、GitHub Actions からライブアップデートとして Web の変更を配信します。
課題
Lovableでアプリを構築。ストア公開にはさらに準備が必要。
Lovableではネイティブツールを実行できません
署名、Xcode、Android Studio、ストアへのアップロードはLovableの外で行われます。codeとビルドサービスが必要です。
すべての変更がレビュー待ちになる
最初のストアリリース後は、新しいバージョンごとにストア審査を受け直す必要があり、通常24〜48時間、時にはそれ以上かかります。
技術スタック
各ツールの役割
LovableがWebアプリを構築
画面、フロー、コピー、バックエンドの接続をプロンプトで反復。プロダクションビルドで、ラップ可能な静的distフォルダが生成されます。
Capacitor でラップ
Capacitor は、アプリID、アイコン、権限とともに、構築済みのWebアプリをネイティブのiOS/Androidプロジェクトへ組み込みます。code はそのままです。
Capgo でビルドと更新
Capgo Build が署名済みバイナリを作成し、ストアへアップロードします。Live Updates は、後から行ったWeb側の変更をインストール済みアプリへ配信します。
ソリューション
Lovableから各ストアへのCapgoパス
Lovableはプロダクトの開発を続けます。CapacitorとCapgoが、Native Build、ストアへのアップロード、アップデートのステップを追加します。
GitHubへエクスポートしてクローンする
LovableでGitHubに接続します。リポジトリをクローンし、ビルドによってindex.htmlを含むdistフォルダが作成されることを確認してください。
Capgo Buildでビルドする
CLIからiOSとAndroidの署名済みビルドをリクエストします。iOSビルドはクラウド上のMacで実行され、通常2〜3分で完了します。
各変更をlive updateとしてリリースする
GitHub syncを有効にすると、LovableでPublishするたびにコミットがプッシュされます。GitHub Actionがアプリをビルドしてbundleをアップロードするので、ストアで新規リリースしなくてもインストール済みアプリにWebの変更が反映されます。
AIエージェントにリリースを任せる
Capgo MCPサーバーを使えば、Claude Code、Codex、Cursorからbundleのアップロード、チャンネルの管理、ビルドのリクエストができます。Capgoのスキルを追加すると、エージェントにCapgo固有の指示を与えられます。
仕組み
Lovable ビルダーが Capgo でモバイルアプリをリリースする方法
Lovable プロジェクトから、ストア向けビルドと Live Updates まで。これらのコマンドは自分で実行するか、コーディングエージェントに実行させることもできます。
-
GitHubへエクスポートしてクローンする
LovableでGitHubに接続します。リポジトリをクローンし、ビルドによってindex.htmlを含むdistフォルダが作成されることを確認してください。
LovableからCapacitorへのチュートリアルgit clone https://github.com/you/your-lovable-app.git cd your-lovable-app npm install npm run build -
Capacitor と Capgo を追加
ネイティブプロジェクトを追加し、Capgo の onboarding を実行します。これにより、アプリの登録、プロダクションチャネルの作成、updater プラグインのインストールが完了します。
CLI onboarding ガイド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 -
クラウドで署名済みアプリをビルド
署名設定は一度だけ行い、あとはiOSとAndroidのビルドをリクエストするだけです。署名済みビルドはApp Store ConnectとGoogle Playにアップロードされ、レビューに回されます。
Capgo Build ドキュメントnpx @capgo/cli@latest build init npx @capgo/cli@latest build request --platform ios npx @capgo/cli@latest build request --platform android -
各変更をlive updateとしてリリースする
CAPGO_TOKENをGitHubのsecretとして追加し、push時にビルドとアップロードを行うワークフローも追加します。新しいプラグインや権限を追加するには、ストア向けの新しいビルドが別途必要です。
GitHub Actionsとの連携# step in .github/workflows, with CAPGO_TOKEN from secrets npm ci && npm run build npx @capgo/cli@latest bundle upload --channel=production --auto-bump
AIエージェント用プロンプト
コーディングエージェントにセットアップを任せる
Lovableのcodeを用意したら、Claude Code、Codex、Cursorなどのコーディングエージェントにこれを貼り付けてください。Capgo MCPサーバーがインストールされ、Capacitorとアップデーターが追加されます。シークレットを勝手に生成せず、署名用のTODOを残します。
コーディングエージェント用プロンプト
I want this project, exported from Lovable, to become a Capacitor mobile app using Capgo from the start.
Set up the project so an AI agent can use Capgo's MCP release tools through install-mcp:
1. Install the Capgo CLI MCP server for the active AI client. For Codex, run:
- npx @capgo/cli@latest login
- npx install-mcp 'npx @capgo/cli@latest mcp' --client codex
Replace codex with cursor, claude-code, gemini-cli, or windsurf if that is the client this project uses.
2. Read Capgo's MCP metadata when tool details are needed (the hosted server is https://api.capgo.app/mcp):
- https://capgo.app/.well-known/mcp/server-card.json
- https://capgo.app/.well-known/agent-skills/capgo-cli-mcp/SKILL.md
If this client supports agent skills, also run: npx skills add Cap-go/capgo-skills
3. Add a short docs/agent-mobile-release.md file that tells the agent to use the Capgo CLI MCP server as a local stdio server, not a remote HTTP endpoint.
4. Add Capacitor for iOS and Android using the package manager already used by this project.
5. Configure capacitor.config.ts with:
- appName: the current Lovable app name
- appId: a production-style bundle ID I can edit later, such as com.company.app
- webDir: the production build output folder (usually dist)
- plugins.CapacitorUpdater.defaultChannel: production
6. Install and configure @capgo/capacitor-updater.
7. Add package scripts for:
- building the web app
- syncing Capacitor
- uploading a production Capgo bundle
- starting Capgo Build setup for iOS
- requesting an iOS cloud build
8. Create a first production channel plan:
- production for users
- preview for stakeholder review
- staging for internal testing
9. Keep normal docs and README commands copy-pasteable with npm/npx unless this project already uses another package manager. Keep the Capgo MCP install command exactly as shown above.
10. Do not fake native signing credentials. Leave clear TODOs for the Capgo API key, Apple team details, and bundle ID.
11. After making changes, summarize exactly what changed and what command I should run next.Capacitor で構築されたアプリ
テンプレートや学習用プロダクトはモバイル化に最適
作成系・学習系アプリは、パッケージング、署名、アップデートが適切に行われていれば、Webスタイルのフローがストア公開可能なモバイル体験になることを示しています。
イベント 招待状作成カードのデザイン
レスポンシブWebからモバイルへ自然にマッピングできるテンプレート駆動型デザインフロー。
- Google Play インストール数
- 2,000万
- ストア評価
- 4.6
教育 無限の可能性を、日本のソロデベロッパーへ
小さなレッスンやonboardingの改善が積み重なって成果につながる学習特化型アプリ。
- Google Play インストール数
- 180万
- ストア評価
- 4.6
教育 StudySmarter - 学校・大学向け
アプリのパッケージング後もWebプロダクトのイテレーションを続けられるワークフローを学べます。
- Google Play インストール数
- 650万
- ストア評価
- 4.8
sikafanka
デザイン、角丸 5
「Capgo Buildのおかげで、Capacitorアプリのリリースプロセスを簡素化できました。1つの明確なワークフローでiOSとAndroidアプリをビルドしてリリースできます。」
Kapil
NuTriQ 創業者
「本番環境のOTAアップデートを、App Storeの審査サイクル全体を待たずに即座に配信できることは、運用面で非常に大きな強みです。」
ルイス・ドミンゲス
お金を払う者が、支配する。
「Capgo を使い始めてからすべてが速くなり、日常生活をおろそかにせずに、ユーザーに本来かけるべき時間を割けるようになりました。」
よくある質問
Lovableビルダーによくある質問
LovableアプリをApp StoreとGoogle Playに公開するための簡潔な回答。
LovableからApp Storeに直接公開できますか？
いいえ。LovableはWebアプリを構築します。codeをエクスポートし、Capacitorでラップして、Capgo Buildで署名済みのiOSおよびAndroidアプリをビルドします。これによりApp Store ConnectとGoogle Playにアップロードされます。
LovableからCapacitorへのチュートリアル MacやXcodeは必要ですか？
不要です。Capgo Buildはクラウド上のMacマシンでiOSビルドを実行します。ただし、App Store用のApple DeveloperアカウントとAndroid用のGoogle Playデベロッパーアカウントは引き続き必要です。
Capgo Build ドキュメント LovableプロジェクトでNext.jsを使用しています。動作しますか？
はい、静的エクスポートを使用すれば動作します。CapacitorのwebDirをdistではなくoutフォルダに指定してください。Viteのシングルページアプリはそのまま動作します。
Capacitorを使用したNext.js Supabaseバックエンドはアプリでも動作しますか？
はい。アプリはWeb版と同様に、ネットワーク経由で同じSupabaseプロジェクトを呼び出します。OAuthサインインを使用している場合は、Supabaseの認証リダイレクトURLにアプリのスキームを追加してください。
Lovableでの変更はモバイルアプリに反映されますか？
GitHubの同期を有効にすると、Lovableでの各Publishでコミットがプッシュされます。Webレイヤーの変更については、はい。GitHubアクションが各プッシュ時にbundle uploadを実行し、インストール済みのアプリが更新をダウンロードします。新しいプラグインや権限には、新しいストアビルドが必要です。
GitHub Actionsとの連携 AIエージェントにリリース作業を任せられますか？
はい。npx @capgo/cli mcp はローカルMCPサーバーを起動し、Claude Code、Codex、Cursor から bundle のアップロード、チャンネル管理、ビルドのリクエストができます。Capgo スキルを使うと、エージェントに Capgo 固有の指示を追加できます。
Capgo MCP サーバーLovableアプリをストアに公開する
14日間の無料トライアルを開始し、Lovableプロジェクトをエクスポートして、CLIから最初のiOSおよびAndroidビルドをリクエストしてください。 14日間の返金保証付きプランを選択し、Lovableプロジェクトをエクスポートして、CLIから最初のiOSおよびAndroidビルドをリクエストしてください。
Capgo Buildで、LovableアプリをiOSおよびAndroidアプリに変換します。
Martinによる人的サポート
14日間無制限の無料トライアル。クレジットカード不要 14日間の返金保証。いつでもキャンセルできます。