アプリがブラウザで止まってしまう
Replit プロジェクトは Web アプリです。ストア掲載、プッシュ通知、デバイス機能を利用するには、その周囲にネイティブシェルが必要です。
Replit開発者向け:MacもXcodeも不要
Replitプロジェクトをエクスポートし、Capacitor でラップして、Capgo Build で署名済みの App Store および Google Play アプリをビルドできます。Mac は不要です。リリース後は、Replit での変更が Live Updates としてインストール済みアプリに届きます。
14日間無制限の無料トライアル。クレジットカード不要 14日間の返金保証。いつでもキャンセルできます。
Replitプロジェクト
Replit Agentでアプリをビルド。Shellを使用するか、GitペインからGitHubを接続します。
エクスポートとラップ
Capacitor シェル
Capacitor で静的な dist フォルダをビルドし、iOS と Android プロジェクトを追加します。
ビルドとアップデート
Capgo リリースループ
Capgo Build で署名済みバイナリをビルドし、GitHub Actions からライブアップデートとして Web の変更を配信します。
課題
Replit プロジェクトは Web アプリです。ストア掲載、プッシュ通知、デバイス機能を利用するには、その周囲にネイティブシェルが必要です。
署名、Xcode、Android Studio、ストアへのアップロードは Replit の外で行われます。code とビルドサービスが必要です。
最初のストアリリース後は、新しいバージョンごとにストア審査を受け直す必要があり、通常24〜48時間、時にはそれ以上かかります。
技術スタック
画面、フロー、コピー、バックエンドの接続をプロンプトで反復。プロダクションビルドで、ラップ可能な静的distフォルダが生成されます。
Capacitor は、アプリID、アイコン、権限とともに、構築済みのWebアプリをネイティブのiOS/Androidプロジェクトへ組み込みます。code はそのままです。
Capgo Build が署名済みバイナリを作成し、ストアへアップロードします。Live Updates は、後から行ったWeb側の変更をインストール済みアプリへ配信します。
ソリューション
Replitはプロダクト開発を続け、CapacitorとCapgoがNative Build、ストアへのアップロード、アップデートのステップを追加します。
ReplitにはShellがあるので、すべてのステップをそこで実行できます。または、GitペインからGitHubを接続してリポジトリをクローンしてください。一度ビルドしたら、index.htmlがあるフォルダを探してください。
CLIからiOSとAndroidの署名済みビルドをリクエストします。iOSビルドはクラウド上のMacで実行され、通常2〜3分で完了します。
ReplitのGitペインからリポジトリへPushするか、Shellから直接uploadコマンドを実行します。GitHub Actionがアプリをビルドしてbundleをuploadするため、ストアで新規リリースしなくてもインストール済みアプリにWebの変更が届きます。
Capgo MCPサーバーを使えば、Claude Code、Codex、Cursorからbundleのアップロード、チャンネルの管理、ビルドのリクエストができます。Capgoのスキルを追加すると、エージェントにCapgo固有の指示を与えられます。
仕組み
Replit プロジェクトから、ストア向けビルドと Live Updates まで。コマンドは自分で実行しても、コーディングエージェントに実行させてもかまいません。
ReplitにはShellがあるので、すべてのステップをそこで実行できます。または、GitペインからGitHubを接続してリポジトリをクローンしてください。一度ビルドしたら、index.htmlがあるフォルダを探してください。
npm install
npm run build
ls dist # full-stack templates may use dist/public WebアプリからCapacitorへのガイド ネイティブプロジェクトを追加し、Capgo の onboarding を実行します。これにより、アプリの登録、プロダクションチャネルの作成、updater プラグインのインストールが完了します。
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 CLI onboarding ガイド 署名設定は一度だけ行い、あとはiOSとAndroidのビルドをリクエストするだけです。署名済みビルドはApp Store ConnectとGoogle Playにアップロードされ、レビューに回されます。
npx @capgo/cli@latest build init
npx @capgo/cli@latest build request --platform ios
npx @capgo/cli@latest build request --platform android Capgo Build ドキュメント CAPGO_TOKENをGitHubのsecretとして追加し、push時にビルドとアップロードを行うワークフローも追加します。新しいプラグインや権限を追加するには、ストア向けの新しいビルドが別途必要です。
# step in .github/workflows, with CAPGO_TOKEN from secrets
npm ci && npm run build
npx @capgo/cli@latest bundle upload --channel=production --auto-bump GitHub Actionsとの連携 AIエージェント用プロンプト
Replit の code を用意したら、Claude Code、Codex、Cursor などのコーディングエージェントにこれを貼り付けてください。Capgo MCP サーバーがインストールされ、Capacitor とアップデーターが追加され、シークレットを勝手に作らず署名用の TODO が残ります。
コーディングエージェント用プロンプト
I want this project, exported from Replit, 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 Replit 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からモバイルへ自然にマッピングできるテンプレート駆動型デザインフロー。
小さなレッスンやonboardingの改善が積み重なって成果につながる学習特化型アプリ。
アプリのパッケージング後もWebプロダクトのイテレーションを続けられるワークフローを学べます。
デザイン、角丸 5
「Capgo Buildのおかげで、Capacitorアプリのリリースプロセスを簡素化できました。1つの明確なワークフローでiOSとAndroidアプリをビルドしてリリースできます。」
NuTriQ 創業者
「本番環境のOTAアップデートを、App Storeの審査サイクル全体を待たずに即座に配信できることは、運用面で非常に大きな強みです。」
お金を払う者が、支配する。
「Capgo を使い始めてからすべてが速くなり、日常生活をおろそかにせずに、ユーザーに本来かけるべき時間を割けるようになりました。」
よくある質問
ReplitアプリをApp StoreとGoogle Playに公開するための簡潔な回答。
いいえ。ReplitはWebアプリをビルドします。codeをエクスポートし、Capacitorでラップして、Capgo Buildで署名済みのiOS/Androidアプリをビルドし、App Store ConnectとGoogle Playにアップロードします。
WebアプリからCapacitorへのガイド不要です。Capgo Buildはクラウド上のMacマシンでiOSビルドを実行します。ただし、App Store用のApple DeveloperアカウントとAndroid用のGoogle Playデベロッパーアカウントは引き続き必要です。
Capgo Build ドキュメントはい。Capacitorはフロントエンドのビルドのみを配信します。サーバーはReplit上にデプロイしたまま、アプリからは相対パス(/api)ではなく、完全なhttps URLを使用して呼び出してください。
はい。Replit Shell では npx @capgo/cli が動くので、ブラウザからビルドもアップロードもできます。Capgo API キーを使って、そこで一度 npx @capgo/cli@latest login を実行してください。
Replit 用の CapgoReplitのGitペインからリポジトリへプッシュするか、Shellから直接アップロードコマンドを実行します。Webレイヤーの変更なら反映されます。GitHub Action がプッシュのたびにbundleをアップロードし、インストール済みのアプリがそのアップデートをダウンロードします。新しいプラグインや権限が必要な場合は、ストア向けのビルドが別途必要です。
GitHub Actionsとの連携はい。npx @capgo/cli mcp はローカルMCPサーバーを起動し、Claude Code、Codex、Cursor から bundle のアップロード、チャンネル管理、ビルドのリクエストができます。Capgo スキルを使うと、エージェントに Capgo 固有の指示を追加できます。
Capgo MCP サーバー14日間の無料トライアルを開始し、Replitプロジェクトをエクスポートして、CLI から最初のiOS/Androidビルドをリクエストしましょう。 14日間の返金保証付きプランを選び、Replitプロジェクトをエクスポートして、CLI から最初のiOS/Androidビルドをリクエストしましょう。
Capgo Build で、ReplitアプリをiOS/Androidアプリに。
Martinによる人的サポート
14日間無制限の無料トライアル。クレジットカード不要 14日間の返金保証。いつでもキャンセルできます。