アプリがブラウザで止まってしまう
v0 プロジェクトは Web アプリです。ストア掲載、プッシュ通知、デバイス機能には、ネイティブシェルが必要です。
v0ビルダー向け：MacもXcodeも不要
v0で作ったアプリをiOS/Androidアプリに
v0プロジェクトをエクスポートし、Capacitorでラップして、Capgo BuildでApp StoreとGoogle Play向けの署名済みアプリをビルドできます。Macは不要です。リリース後は、v0で加えた変更がライブアップデートとしてインストール済みアプリに届きます。
14日間無制限の無料トライアル。クレジットカード不要 14日間の返金保証。いつでもキャンセルできます。
Mac不要
iOSビルドに
2〜3分
一般的な Native Build
Live Updates
v0での変更に対応
v0プロジェクト
v0でNext.jsアプリを生成し、GitHubにプッシュして、codeをリポジトリに保存します。
エクスポートとラップ
Capacitor シェル
静的 out フォルダをビルドし、Capacitor で iOS と Android プロジェクトを追加します。
ビルドとアップデート
Capgo リリースループ
Capgo Build で署名済みバイナリをビルドし、GitHub Actions からライブアップデートとして Web の変更を配信します。
課題
v0 はアプリをビルドできても、ストア公開には足りません。
v0 ではネイティブツールを実行できません
署名、Xcode、Android Studio、ストアへのアップロードは v0 の外部で行われます。code とビルドサービスが必要です。
すべての変更がレビュー待ちになる
最初のストアリリース後は、新しいバージョンごとにストア審査を受け直す必要があり、通常24〜48時間、時にはそれ以上かかります。
技術スタック
各ツールの役割
v0がWebアプリを構築
プロンプトで反復しながら、画面、フロー、コピー、バックエンドの配線を構築。本番ビルドでラップするための静的なoutフォルダが得られます。
Capacitor でラップ
Capacitor は、アプリID、アイコン、権限とともに、構築済みのWebアプリをネイティブのiOS/Androidプロジェクトへ組み込みます。code はそのままです。
Capgo でビルドと更新
Capgo Build が署名済みバイナリを作成し、ストアへアップロードします。Live Updates は、後から行ったWeb側の変更をインストール済みアプリへ配信します。
ソリューション
v0からストアへのCapgoパス
v0は製品を構築し続けます。CapacitorとCapgoがネイティブビルド、ストアへのアップロード、更新ステップを追加します。
GitHub へプッシュして静的エクスポートを追加
v0 の Git パネルから v0 プロジェクトを GitHub へプッシュし（または code をダウンロードし）、クローンします。v0 アプリは Next.js なので、next.config で output: 'export' を設定して out フォルダにビルドしてください。
Capgo Buildでビルドする
CLIからiOSとAndroidの署名済みビルドをリクエストします。iOSビルドはクラウド上のMacで実行され、通常2〜3分で完了します。
各変更をlive updateとしてリリースする
GitHub リポジトリを接続すると、v0 で行った変更がコミットとしてリポジトリにプッシュされます。GitHub Action がアプリをビルドしてバンドルをアップロードするので、インストール済みアプリはストアで新しくリリースしなくても Web の変更を受け取れます。
AIエージェントにリリースを任せる
Capgo MCPサーバーを使えば、Claude Code、Codex、Cursorからbundleのアップロード、チャンネルの管理、ビルドのリクエストができます。Capgoのスキルを追加すると、エージェントにCapgo固有の指示を与えられます。
仕組み
v0 ビルダーが Capgo でモバイルアプリをリリースする方法
v0 プロジェクトからストア用ビルドとライブアップデートまで。これらのコマンドは自分で実行しても、コーディングエージェントに実行させてもかまいません。
-
GitHub へプッシュして静的エクスポートを追加
v0 の Git パネルから v0 プロジェクトを GitHub へプッシュし（または code をダウンロードし）、クローンします。v0 アプリは Next.js なので、next.config で output: 'export' を設定して out フォルダにビルドしてください。
WebアプリからCapacitorへのガイドgit clone https://github.com/you/your-v0-app.git cd your-v0-app npm install # next.config: output: 'export', images: { unoptimized: true } 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 out 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エージェント用プロンプト
コーディングエージェントにセットアップを任せる
v0のcodeが手元にあれば、Claude Code、Codex、Cursorなどのコーディングエージェントにこれを貼り付けてください。Capgo MCPサーバーをインストールし、Capacitorとアップデーターを追加します。シークレットを勝手に生成するのではなく、署名用のTODOを残します。
コーディングエージェント用プロンプト
I want this project, exported from v0, 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 v0 app name
- appId: a production-style bundle ID I can edit later, such as com.company.app
- webDir: the production build output folder (usually out)
- 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 を使い始めてからすべてが速くなり、日常生活をおろそかにせずに、ユーザーに本来かけるべき時間を割けるようになりました。」
よくある質問
v0開発者が抱く疑問
v0アプリをApp StoreとGoogle Playに公開するための短い回答。
v0からApp Storeへ直接公開できますか？
いいえ。v0はWebアプリをビルドします。codeをエクスポートしてCapacitorでラップし、Capgo Buildで署名済みのiOS/Androidアプリをビルドします。ビルドされたアプリはApp Store ConnectとGoogle Playへアップロードされます。
WebアプリからCapacitorへのガイド MacやXcodeは必要ですか？
不要です。Capgo Buildはクラウド上のMacマシンでiOSビルドを実行します。ただし、App Store用のApple DeveloperアカウントとAndroid用のGoogle Playデベロッパーアカウントは引き続き必要です。
Capgo Build ドキュメント v0アプリでServer ActionsやAPIルートを使っていますが、動作しますか？
モバイルアプリに含まれるのは静的エクスポートのみです。サーバー側のcodeはVercelにデプロイしたまま、アプリからフルのhttps URLで呼び出してください。ページとクライアントコンポーネントはそのまま動作します。
Capacitorを使用したNext.js shadcn/uiコンポーネントはモバイルで動作しますか？
はい。TailwindスタイルのReactコンポーネントなので、ブラウザと同じようにネイティブWebViewでレンダリングされます。実機でタッチターゲットとセーフエリアを確認してください。
v0での変更はモバイルアプリに反映されますか？
GitHubのリポジトリが接続されている場合、v0で行った変更はリポジトリにコミットとしてプッシュされます。Webレイヤーの変更については、はい。GitHubアクションが各プッシュ時にbundle uploadを実行し、インストール済みのアプリが更新をダウンロードします。新しいプラグインや権限には、新しいストアビルドが必要です。
GitHub Actionsとの連携 AIエージェントにリリース作業を任せられますか？
はい。npx @capgo/cli mcp はローカルMCPサーバーを起動し、Claude Code、Codex、Cursor から bundle のアップロード、チャンネル管理、ビルドのリクエストができます。Capgo スキルを使うと、エージェントに Capgo 固有の指示を追加できます。
Capgo MCP サーバーv0アプリをストアに公開する
14日間の無料トライアルを開始し、v0プロジェクトをエクスポートして、CLIから最初のiOSおよびAndroidビルドをリクエストしてください。 14日間の返金保証付きプランを選択し、v0プロジェクトをエクスポートして、CLIから最初のiOSおよびAndroidビルドをリクエストしてください。
Capgo Buildで、v0アプリをiOSおよびAndroidアプリに変換します。
Martinによる人的サポート
14日間無制限の無料トライアル。クレジットカード不要 14日間の返金保証。いつでもキャンセルできます。