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

Replit開発者向け:MacもXcodeも不要

Replitで作ったアプリをiOS/Androidアプリに

Replitプロジェクトをエクスポートし、Capacitor でラップして、Capgo Build で署名済みの App Store および Google Play アプリをビルドできます。Mac は不要です。リリース後は、Replit での変更が Live Updates としてインストール済みアプリに届きます。

Mac不要
iOSビルドに
2〜3分
一般的な Native Build
Live Updates
Replitでの変更を反映

Replitプロジェクト

Replit Agentでアプリをビルド。Shellを使用するか、GitペインからGitHubを接続します。

エクスポートとラップ

Capacitor シェル

Capacitor で静的な dist フォルダをビルドし、iOS と Android プロジェクトを追加します。

ビルドとアップデート

Capgo リリースループ

Capgo Build で署名済みバイナリをビルドし、GitHub Actions からライブアップデートとして Web の変更を配信します。

課題

Replit はアプリをビルドしますが、ストアにはそれ以上のものが必要です。

アプリがブラウザで止まってしまう

Replit プロジェクトは Web アプリです。ストア掲載、プッシュ通知、デバイス機能を利用するには、その周囲にネイティブシェルが必要です。

Replit ではネイティブツールが実行できない

署名、Xcode、Android Studio、ストアへのアップロードは Replit の外で行われます。code とビルドサービスが必要です。

すべての変更がレビュー待ちになる

最初のストアリリース後は、新しいバージョンごとにストア審査を受け直す必要があり、通常24〜48時間、時にはそれ以上かかります。

技術スタック

各ツールの役割

ReplitでWebアプリをビルド

画面、フロー、コピー、バックエンドの接続をプロンプトで反復。プロダクションビルドで、ラップ可能な静的distフォルダが生成されます。

Capacitor でラップ

Capacitor は、アプリID、アイコン、権限とともに、構築済みのWebアプリをネイティブのiOS/Androidプロジェクトへ組み込みます。code はそのままです。

Capgo でビルドと更新

Capgo Build が署名済みバイナリを作成し、ストアへアップロードします。Live Updates は、後から行ったWeb側の変更をインストール済みアプリへ配信します。

ソリューション

Replitから各ストアへのCapgoパス

Replitはプロダクト開発を続け、CapacitorとCapgoがNative Build、ストアへのアップロード、アップデートのステップを追加します。

Replit Shellでビルド、またはクローン

ReplitにはShellがあるので、すべてのステップをそこで実行できます。または、GitペインからGitHubを接続してリポジトリをクローンしてください。一度ビルドしたら、index.htmlがあるフォルダを探してください。

Capgo Buildでビルドする

CLIからiOSとAndroidの署名済みビルドをリクエストします。iOSビルドはクラウド上のMacで実行され、通常2〜3分で完了します。

各変更をlive updateとしてリリースする

ReplitのGitペインからリポジトリへPushするか、Shellから直接uploadコマンドを実行します。GitHub Actionがアプリをビルドしてbundleをuploadするため、ストアで新規リリースしなくてもインストール済みアプリにWebの変更が届きます。

AIエージェントにリリースを任せる

Capgo MCPサーバーを使えば、Claude Code、Codex、Cursorからbundleのアップロード、チャンネルの管理、ビルドのリクエストができます。Capgoのスキルを追加すると、エージェントにCapgo固有の指示を与えられます。

仕組み

Replit ビルダーが Capgo でモバイルアプリをリリースする方法

Replit プロジェクトから、ストア向けビルドと Live Updates まで。コマンドは自分で実行しても、コーディングエージェントに実行させてもかまいません。

  1. Replit Shellでビルド、またはクローン

    ReplitにはShellがあるので、すべてのステップをそこで実行できます。または、GitペインからGitHubを接続してリポジトリをクローンしてください。一度ビルドしたら、index.htmlがあるフォルダを探してください。

    npm install
    npm run build
    ls dist  # full-stack templates may use dist/public
    WebアプリからCapacitorへのガイド
  2. Capacitor と Capgo を追加

    ネイティブプロジェクトを追加し、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 ガイド
  3. クラウドで署名済みアプリをビルド

    署名設定は一度だけ行い、あとは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 ドキュメント
  4. 各変更をlive updateとしてリリースする

    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スタイルのフローがストア公開可能なモバイル体験になることを示しています。

Invitation Maker Card Designアプリのアイコン イベント

招待状作成カードのデザイン

レスポンシブWebからモバイルへ自然にマッピングできるテンプレート駆動型デザインフロー。

Google Play インストール数
2,000万
ストア評価
4.6
Infinite Japaneseのアプリアイコン 教育

無限の可能性を、日本のソロデベロッパーへ

小さなレッスンやonboardingの改善が積み重なって成果につながる学習特化型アプリ。

Google Play インストール数
180万
ストア評価
4.6
StudySmarter - 学校・大学向けアプリのアイコン 教育

StudySmarter - 学校・大学向け

アプリのパッケージング後もWebプロダクトのイテレーションを続けられるワークフローを学べます。

Google Play インストール数
650万
ストア評価
4.8

導入実績

Capgo を活用するチームの声

5.0/5 開発チームによる評価 9,400+ チーム数 レビューを読む

sikafanka

デザイン、角丸 5

「Capgo Buildのおかげで、Capacitorアプリのリリースプロセスを簡素化できました。1つの明確なワークフローでiOSとAndroidアプリをビルドしてリリースできます。」

Kapil

NuTriQ 創業者

「本番環境のOTAアップデートを、App Storeの審査サイクル全体を待たずに即座に配信できることは、運用面で非常に大きな強みです。」

Luis Dominguezのポートレート

ルイス・ドミンゲス

お金を払う者が、支配する。

「Capgo を使い始めてからすべてが速くなり、日常生活をおろそかにせずに、ユーザーに本来かけるべき時間を割けるようになりました。」

よくある質問

Replitビルダーがよく聞く質問

ReplitアプリをApp StoreとGoogle Playに公開するための簡潔な回答。

ReplitからApp Storeへ直接公開できますか?

いいえ。Replitは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 ドキュメント

ReplitアプリにExpressやPythonのサーバーがあります。動きますか?

はい。Capacitorはフロントエンドのビルドのみを配信します。サーバーはReplit上にデプロイしたまま、アプリからは相対パス(/api)ではなく、完全なhttps URLを使用して呼び出してください。

Replit内でCapgo CLIを実行できますか?

はい。Replit Shell では npx @capgo/cli が動くので、ブラウザからビルドもアップロードもできます。Capgo API キーを使って、そこで一度 npx @capgo/cli@latest login を実行してください。

Replit 用の Capgo

Replitで行った変更はモバイルアプリに反映されますか?

ReplitのGitペインからリポジトリへプッシュするか、Shellから直接アップロードコマンドを実行します。Webレイヤーの変更なら反映されます。GitHub Action がプッシュのたびにbundleをアップロードし、インストール済みのアプリがそのアップデートをダウンロードします。新しいプラグインや権限が必要な場合は、ストア向けのビルドが別途必要です。

GitHub Actionsとの連携

AIエージェントにリリース作業を任せられますか?

はい。npx @capgo/cli mcp はローカルMCPサーバーを起動し、Claude Code、Codex、Cursor から bundle のアップロード、チャンネル管理、ビルドのリクエストができます。Capgo スキルを使うと、エージェントに Capgo 固有の指示を追加できます。

Capgo MCP サーバー

Replitアプリをストアに公開しよう

14日間の無料トライアルを開始し、Replitプロジェクトをエクスポートして、CLI から最初のiOS/Androidビルドをリクエストしましょう。 14日間の返金保証付きプランを選び、Replitプロジェクトをエクスポートして、CLI から最初のiOS/Androidビルドをリクエストしましょう。