Capacitorアプリの実践ガイド
Capgoロゴ

Capacitor app guide

Capacitor app とは?

A Capacitor app is a web app shipped inside real native iOS and Android projects. Your interface is HTML, CSS, and JavaScript running in a WebView, while Capacitor plugins bridge that web code to native device APIs like camera, storage, push notifications, biometrics, files, and location. Capgo turns that architecture into a release advantage with live updates, maintained plugins, and native cloud builds.

マーティンから人間のサポートを受ける

Capgo プラグインを参照 ウェブ修正のレビューを回避
iOS、ウェブフレームワーク、Androidを横断するモバイルアプリ開発

どのように機能するか

Capacitor は UI フレームワークではありません。アプリケーションの下にあるネイティブランタイムです。Ionic、React、Vue、Angular、Svelte、Tailwind、または独自のデザインシステムが WebView 内で UI をレンダリングできます。

1. ウェブアプリ

通常のウェブツールで製品を構築し、静的アセットを出力します。 Capgo は承認後、更新できます。

2. ネイティブシェル

CapacitorはiOSおよびAndroidプロジェクト内にアセットを配置します。Capgo Buildは、バイナリが再構築される必要がある場合に役立ちます。

3. プラグインブリッジ

JavaScriptはプラグインを呼び出し、プラグインはSwift、Kotlin、Java、Objective-C、またはWebのフォールバックを呼び出します。Capgoは一般的なネイティブのニーズのためのプラグインを維持しています。

プラスの部分

  • 1つのWebコードベースはiOS、Android、Webに配信できます。
  • Capgoのライブアップデート機能により、承認されたネイティブアプリの後、ネイティブストアのレビューキューを回避できるHTML、CSS、JavaScriptの修正が許可されます。
  • チームはReact、Vue、Angular、Svelte、またはPlain Webツールキットを維持するのではなく、SwiftとKotlinに再構築する必要がありません。
  • プラグインを通じてネイティブアクセスが得られ、カスタムSwift、Kotlin、Java、またはObjective-Cのcodeが追加できます。
  • 既存のモダンWebアプリケーションはUIフレームワークを変更することなくCapacitorを採用できます。
  • CapacitorはネイティブiOSおよびAndroidプロジェクトをリポジトリに保持し、プラットフォームデバッグとSDKの作業が明確になります。
  • ほとんどのCordovaプラグインはまだ機能し、古いIonicおよびCordovaチームが段階的に移行するのに役立ちます。
  • CapgoはCapacitorプラグイン、ライブアップデートチャンネル、ロールバック、CloudflareのCapacitorランタイムに加えて機能します。

ネガティブ部分

  • UIはWebViewで実行されるため、ウェブのパフォーマンスが悪いとモバイルのパフォーマンスも悪くなる。
  • JavaScriptからネイティブへのデータ転送が頻繁または大量に行われるとオーバーヘッドが生じる。
  • チームは、署名、ストアレビュー、パーミッション、Gradle、Xcode、およびSDKのアップグレードのためにネイティブアプリの知識が必要になる。
  • ネイティブプロジェクトはソースファイルなので、主なアップグレードには注意深く手動で変更する必要がある。
  • プラグインエコシステムは広いが、すべてのコミュニティプラグインが同じメンテナンスの質を保つわけではないため、メンテナンスされているCapgoプラグインは生産アプリケーション向けに重要である。
  • 完全にネイティブUI、高度なゲーム、AR重視アプリ、または低遅延ネイティブデータフローのアプリにはよく合わないことが多い。

ベストフィット、バッドフィット

Capacitorは

  • ベストフィット
  • SaaS、フィンテック、ヘルスケア、教育、市場プレイス、および強力なウェブ製品のニーズがある内部ツール。
  • 既存のウェブアプリが完全にネイティブのリライトなしでアプリストア配信が必要な場合。
  • Apps with normal native needs: camera, push, auth, files, biometrics, payments, location, and deep links.
  • ストアの承認後にライブウェブバンドルアップデートを受ける製品が得られる。
  • iOSとAndroidのリピートビルド、署名、リリースアーティファクトを管理することなく、毎回のネイティブCI詳細を維持する必要がなくなるチームが望むCapgoビルド。

別のスタックを選択する時

  • 高性能3Dゲーム、ビデオエディター、ARファースト製品、またはリアルタイムネイティブレンダリングに依存するアプリ
  • Swift、Kotlin、Java、またはDartのみで書くチーム
  • すべての画面がプラットフォームネイティブコントロールから作成される必要がある製品
  • ネイティブSDKに依存するアプリが存在し、メンテナンスされていないプラグインが存在せず、チームがプラグインをメンテナンスすることができない場合
  • Teams that expect native-code, permission, entitlement, or store-policy changes to bypass app review. Capgo live updates are for the web bundle, not native binary changes.

Capgoの重要性

ネイティブアプリは、毎回の変更に新しいバイナリ、署名、ロールアウト、そしてアプリレビューを待つ必要があります。Capacitorはネイティブアプリ内にウェブバンドルを提供し、Capgoはそのバンドルを高速リリースパスに変換し、ネイティブcodeの変更は適切なアプリストアレビューフローに保持されます。

レビューキューをスキップするライブアップデート

Capgoは、ネイティブアプリが承認された後、ユーザーに直接ウェブバンドルの変更を配信するため、コピー修正、UI修正、JavaScriptパッチ、リモート構成はApp StoreまたはPlay Storeのレビューを待たずに実行されます。

ロールバック、チャンネル、制御されたロールアウト

Capgoは、チームがベータユーザー、パーセンテージ、チャンネル、または特定のバージョンにリリースし、ウェブ更新が悪い場合に迅速にロールバックできるようにします。

Capacitorは、プロダクション__CAPGO_KEEP_1__アプリ向けに、認証、ストレージ、購入、メディア、デバイスAPI、企業移行など、一般的なネイティブニーズをカバーする大規模なプラグインカタログを維持します。

Capgo keeps a large plugin catalog for production Capacitor apps, covering common native needs such as auth, storage, purchases, media, device APIs, and enterprise migrations.

ネイティブCapgoが実際に変更された場合、__CAPGO_KEEP_1__ビルドはiOSとAndroidのビルドを生成、署名を管理、ログを追跡し、同じ__CAPGO_KEEP_2__プロジェクトからストア用のアーティファクトを配信します。

When native code really changes, Capgo Build helps produce iOS and Android builds, manage signing, follow logs, and ship store-ready artifacts from the same Capacitor project.

__CAPGO_KEEP_0__のライブアップデートを使用

Use Capgo live updates 歴史と系譜

__CAPGO_KEEP_0__はIonicチームから生まれました。同社はIonic Frameworkの開発者でもあり、CordovaとPhoneGapからWebViewとネイティブプラグインのパターンを継承していますが、__CAPGO_KEEP_1__パッケージ、TypeScript、Swift、Kotlin、コミットされたネイティブプロジェクト、PWAサポートなどの開発者エクスペリエンスを現代化しています。

CapacitorはIonicチームから生まれました。同社はIonic Frameworkの開発者でもあり、CordovaとPhoneGapからWebViewとネイティブプラグインのパターンを継承していますが、npmパッケージ、TypeScript、Swift、Kotlin、コミットされたネイティブプロジェクト、PWAサポートなどの開発者エクスペリエンスを現代化しています。

コルダバとPhoneGap

Capacitorはハイブリッドアプリのアイデアを継承しています:ネイティブシェル、WebView、JavaScriptからネイティブAPIへのブリッジ。

2017年後半

イオニックチームは、イオニックがモバイルUIに限定されていなかったときにコルダバの現代的な代替品を探求し始めました。

2019

Capacitorは、iOS、Android、デスクトップ、PWAs向けのWebネイティブランタイムの方向性にイオニックが移行したときに初めてリリースされました。

2022

イオニックはOutSystemsに参加し、イオニックはCapacitorがOutSystemsのモバイルワークとオープンソースサポートの中心にあることを述べました。

2023-2026

Capacitorはイオニックチームによって維持されており、コミュニティのコントリビューターがエコシステム全体で取り組んでいます。プロジェクトは健康ですが、完璧ではありません:イオニックは2026年2月にバックログの負債を公表し、古い問題とプルリクエストのクリーンアッププロセスを開始しました。

2026年5月6日時点のスナップショット。数値は時間の経過とともに変わります。

Capacitor is maintained by the Ionic team, with community contributors around the ecosystem. The project is healthy, but not perfect: Ionic publicly acknowledged backlog debt in February 2026 and started a cleanup process for old issues and pull requests.

2026年4月16日公開

コルダバ

8.3.1

イオニック

GitHub stars

15.6k

ionic-team/capacitor

フォーク

1.2k

パブリック GitHub リポジトリ

月間ダウンロード

9.6M

@capacitor/core, 2026年4月6日～5月5日

実用的な読み物

ウェブが優先される製品では、Capacitor を強力なデフォルトとして扱い、モバイルが重要な場合に使用します。リリーススピードが重要な場合に使用する Capgo は、ウェブの修正のライブ更新、ロールバックの不良リリース、チャネルの段階的なロールアウト、ネイティブ機能のメンテナンスプラグイン、Capgo ビルドの場合に実行されます。ネイティブのみのアプリには、ライブアップデートのパスがなく、修正はすべて新しいビルドとストアのレビューを待つ必要があります。

Capgo でネイティブアプリをビルド Start with Capgo

ソース

Capacitor アプリ ガイドから続けて

Capacitor アプリにウェブ アプリを変える場合、このページを Capgo クイック スタート リアルタイムの更新用に Capgo プラグイン ディレクトリ ネイティブ機能用に Capgo ネイティブ ビルド アプリ バイナリ用に Capgo ライブ アップデート リビジョンレビュー後の修正用に、 Next.jsとCapacitorでネイティブモバイルアプリを構築する フレームワーク固有のパス用