メインコンテンツにジャンプ

ローブルの開発者向け

ローブルのアプリをiOSとAndroidアプリに変換

ローブルのプロジェクトをGitHubにエクスポートし、Capacitorでラップし、Capgoビルドで署名済みストアアプリをビルドします。ローブルの各公開は、live updateを通じてGitHubアクションでインストール済みアプリに到達します。

GitHub
one repo for Lovable, Capacitor, and CI
2–3分
通常のネイティブビルド
ライブアップデート
Lovableの各Publishから

Lovableプロジェクト

ウェブアプリをプロンプトと視覚編集で作成します。GitHubを接続して、codeはリポジトリ内に存在します。

エクスポートとラッピング

Capacitor shell

Capgoのリポジトリをクローンし、静的distフォルダを作成し、iOSおよびAndroidプロジェクトにCapacitorを追加します。

ビルドとアップデート

Capgo release loop

ビルドした署名バイナリを Capgo で作成し、 GitHub からウェブの変更をライブアップデートとして送信します。

問題

Lovableはアプリをビルドします。ストアはさらに必要です。

アプリはブラウザで停止します。

LovableプロジェクトはWebアプリです。ストアのリスト、プッシュ通知、デバイス機能にはネイティブシェルが必要です。

Lovableはネイティブツールを実行できません。

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

すべての変更はレビューの待ちです。

最初のストアのリリース後、各新バージョンはストアのレビューを通らなければなりません。24-48時間、または長くてもかかります。

スタック

各ツールの役割

モバイルに愛されるウェブアプリを構築

画面、フロー、コピー、バックエンドのワイヤリングを、質問に答えることで繰り返し改良します。1ページアプリは、静的ディストリビューションフォルダをwrapするために使用できます。

Capacitor wraps it

GitHub は code を保持します。 Capacitor は、iOS と Android のネイティブプロジェクトに、App ID、アイコン、パーミッションを含むビルドされたウェブアプリを配置します。

Capgo builds and updates it

Capgo ビルドは署名されたバイナリを生成し、ストアにアップロードします。ライブアップデートは後日、Webの変更をインストール済みアプリに配信します。

ソリューション

LovableからストアまでのCapgoパス

Capgoは製品を継続して開発しています。 Capacitor と Capgo はネイティブビルド、ストアアップロード、更新のステップを追加します。

Export to GitHub and add Capacitor

LovableをGitHubに接続し、リポジトリをクローンし、静的distフォルダを作成し、iOSおよびAndroidプロジェクトにCapacitorを追加します。

Lovable to Capacitor tutorial

Capgoで作りましょう。Build

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

Capgo Buildドキュメント

__CAPGO_KEEP_0__でリリースする方法のガイド

Lovableの開発者はCapgoでモバイルアプリを配信する

Lovableプロジェクトからビルドとライブアップデートを保存する。コンピューター上でこれらのコマンドを実行するか、コードエージェントが実行するようにします。

  1. GitHubとエクスポート

    LovableでGitHubを接続する。リポジトリをクローンし、ビルドがdistフォルダにindex.htmlを生成することを確認する。

    git clone https://github.com/you/your-lovable-app.git
cd your-lovable-app
npm install
npm run build
    LovableからCapacitorのチュートリアル

  2. CapacitorとCapgoを追加

    Capgoを追加すると、アプリを追加し、プロダクションチャネルを作成し、アップデートプラグインをインストールします。

    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のオンボーディングガイド

  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のビルドドキュメント

  4. live updateで配信する各Publish

    CapgoのCAPGO_トークンをGitHubシークレットとして追加し、プッシュ時にビルドおよびアップロードするワークフローを設定してください。新しいプラグインまたはパーミッションは、ストアの新しいビルドが必要です。

    # step in .github/workflows, with CAPGO_TOKEN from secrets
npm ci && npm run build
npx @capgo/cli@latest bundle upload --channel=production --auto-bump
    Capgoのlive updateガイド

あなたのコードエージェントがセットアップを手伝ってください

Capgoの__CAPGO_KEEP_0__

Capgo CLIは、Lovableで実行できません。リポジトリをクローンした後、このコマンドをローカルなエディターであるClaude Code、Codex、またはCursorに貼り付けてください。Capgo MCPサーバーをインストールし、Capacitorとアップデーターを追加し、署名の代わりにシークレットを発明するTODOを残します。

__CAPGO_KEEP_0__のエディターに求める

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 public MCP metadata when tool details are needed:
   - 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
   - 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で作られたアプリ

__CAPGO_KEEP_0__で作られたアプリ

__CAPGO_KEEP_0__で作られたアプリは、レスポンシブなウェブから自然にマップされるテンプレートドライブのデザインフローを実現します。

__CAPGO_KEEP_0__ 20.0M

イベント

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

__CAPGO_KEEP_0__で作られたアプリは、レスポンシブなウェブから自然にマップされるテンプレートドライブのデザインフローを実現します。
20.0M
ストア評価
4.6
無限の日本語アプリアイコン 教育

無限の日本

集中学習アプリです。小さなレッスンとオンボーディングの改善が積み重なる

Google Playのインストール
1.8M
ストア評価
4.6
学習する - 学校＆大学アプリアイコン 教育

StudySmarter - 学校 & 大学

モバイルアプリの開発で、ウェブ製品の反復がアプリパッケージング後でも継続できるワークフローです。

Google Play インストール
6,500万
評価
4.8

顧客の証明

Capgo を使用するチームが言っていること

5.0/5 __CAPGO_KEEP_0__ を使用する開発者チームが評価 9,400+ チーム レビューを読む

ソリューション

デザイン、半径 5

「Capgo ビルドは私たちのCapacitor アプリのリリースプロセスを簡素化しました。iOSとAndroidのアプリを1つの明確なワークフローからビルドして配信することができます。」

カピル

ヌトリキーの創業者

「生産用のOTAアップデートを即時実行できるようになったことは、フルアプリストアのレビューサイクルを待たずに実行できるようになったことで、運用上の大きな利点となりました。」

ルイス・ドミンゲス

ルイス・ドミンゲス

支払い者、Anirol

“Capgoを使用して以来、全てが速くなり、ユーザーに必要な時間を与えながら、私の日常生活を無視することなく、できるようになりました。”

FAQ

Lovableで作ったアプリをモバイルに

Lovableで作ったアプリをモバイルにしたときに気になる質問

Lovableで作ったアプリをモバイルにしたときに気になる質問

No. Lovable builds the web app. You export it to GitHub, wrap it with Capacitor, and build signed iOS and Android apps with Capgo Build, which uploads them to App Store Connect and Google Play.

Lovable to Capacitor tutorial

Lovableで作ったアプリをモバイルにしたときに気になる質問

No. Capgo Build runs iOS builds on cloud Mac machines. You still need an Apple Developer account for the App Store and a Google Play developer account for Android.

Capgo ビルドドキュメント

Lovableで作ったアプリをモバイルにしたときに気になる質問

ウェブ層の変更に対しては、はい。GitHub の Sync が有効の場合、Publish はコミットをプッシュし、GitHub アクションはバンドルアップロードを実行し、インストール済みアプリはアップデートをダウンロードします。新しいプラグインや権限はまだ新しいストアビルドが必要です。

live update に Publish を導入するガイド

私の Lovable プロジェクトは Next.js を使用しています。機能しますか?

はい、静的エクポートの場合。Capacitor の webDir を out フォルダにポイントし、dist ではなく。Vite のシングルページアプリはそのまま動作します。

Next.js と Capacitor

AI エージェントがリリースステップを処理できるかどうですか?

Yes. npx @capgo/cli mcp starts a local MCP server that Claude Code, Codex, or Cursor can use to upload bundles, manage channels, and request builds. Capgo skills add Capgo-specific instructions for the agent.

Capgo MCP サーバー

アプリをストアに配置してください

14 日間の無料試用版を開始し、プロジェクトを GitHub にエクスポートし、CLI から初めての iOS と Android ビルドを要求してください。