Capacitorアプリのライブアップデート、チャンネル、ネイティブビルドを管理する、Capgoのオープンソースコンソール、バックエンド、CLI。
ionic-team/capacitor
Capacitorは、1つのコードベースからiOS、Android、WebでWebアプリをネイティブ実行できるクロスプラットフォームランタイムです。
代替できる製品:Apache Cordova
- スター
- 16,923
- フォーク
- 1,293
- 未解決の Issue
- 151
- 最終コミット
- 7 時間前
これは何?
Capacitorは既存のWebアプリをラップし、iOS、Android、Webでネイティブ実行できるようにします。クロスプラットフォームAPIと実行レイヤーを備え、WebコードからネイティブSDKを呼び出せます。また、iOS向けのSwift、Android向けのKotlin/Javaでカスタムネイティブプラグインを作成するためのPlugin APIも提供します。
新しいフレームワークを導入するのではなく、既存のモダンなWebアプリに組み込めるよう設計されています。開発者はcoreとCLIのパッケージをインストールしてプロジェクトを初期化し、必要に応じてネイティブプラットフォームのプロジェクトを追加します。ネイティブプロジェクトはリポジトリ内にソースコードとして保持されるため、直接編集できます。
CapacitorはProgressive Web Appとしてのデプロイにも対応しているため、1つのアプリをアプリストアとモバイルWebの両方にリリースできます。Ionicチームがメンテナンスしており、Apache Cordovaの後継となるモダンな選択肢として、ほとんどのCordovaプラグインとの後方互換性を備えています。
主な機能
- 011つのWebコードベースをiOS、Android、Webでネイティブ実行できます。
- 02JavaScriptからネイティブSDKを呼び出すためのクロスプラットフォームAPIを提供します。
- 03Swift、Kotlin、Javaでネイティブプラグインを作成するためのPlugin APIを備えています。
- 04ネイティブプロジェクトを生成されたビルド成果物ではなく、編集可能なソースコードとして扱います。
- 05ほとんどのCordovaプラグインとの後方互換性を備えています。
ユースケース
- 既存のWebアプリをApp StoreとGoogle Playで公開する。
- JavaScriptのフロントエンドからネイティブのデバイス機能にアクセスする。
- 再利用可能なネイティブプラグインを作成し、npmパッケージとして公開する。
- 1つのアプリをネイティブアプリストアとモバイルWebの両方にデプロイする。
クイックスタート
- 1
既存のWebアプリにcoreパッケージとCLIパッケージをインストールする
npm install @capacitor/core @capacitor/cli - 2
アプリでCapacitorを初期化する
npx cap init - 3
Androidプラットフォームをインストールする
npm install @capacitor/android - 4
Androidネイティブプロジェクトを追加する
npx cap add android
使う前に知っておきたいこと
- iOSネイティブビルドにはXcodeを搭載したMacが必要ですが、READMEではこのセットアップについて説明されていません。
トピック
よくある質問
- capacitor とは?
- Capacitorは、1つのコードベースからiOS、Android、WebでWebアプリをネイティブ実行できるクロスプラットフォームランタイムです。 Capacitorは既存のWebアプリをラップし、iOS、Android、Webでネイティブ実行できるようにします。クロスプラットフォームAPIと実行レイヤーを備え、WebコードからネイティブSDKを呼び出せます。また、iOS向けのSwift、Android向けのKotlin/Javaでカスタムネイティブプラグインを作成するためのPlugin APIも提供します。
- capacitor は無料で使えますか?ライセンスは?
- capacitor は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- capacitor は今もメンテナンスされていますか?
- 活発にメンテナンス中。capacitor の最終コミットは 2026年10月21日 です。
- capacitor は何に使えますか?
- 既存のWebアプリをApp StoreとGoogle Playで公開する。 JavaScriptのフロントエンドからネイティブのデバイス機能にアクセスする。 再利用可能なネイティブプラグインを作成し、npmパッケージとして公開する。 1つのアプリをネイティブアプリストアとモバイルWebの両方にデプロイする。
- capacitor のインストール方法は?
- 既存のWebアプリにcoreパッケージとCLIパッケージをインストールする: npm install @capacitor/core @capacitor/cli アプリでCapacitorを初期化する: npx cap init Androidプラットフォームをインストールする: npm install @capacitor/android Androidネイティブプロジェクトを追加する: npx cap add android
- capacitor はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/ionic-team/capacitor
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
JavaScriptまたはTypeScriptで、ネイティブUIとAPIを直接利用したiOS、Android、visionOSアプリを構築するフレームワーク。
Web Componentsを基盤とするオープンソースのUIツールキット。JavaScript/TypeScriptの単一コードベースから、iOS、Android、PWA向けアプリを開発できます。
Android、iOS、Webで動くReact製のユニバーサルなネイティブアプリを構築するオープンソースフレームワーク。
Reactを使って、JavaScriptのUIをネイティブのプラットフォームコンポーネントで描画するAndroid・iOSアプリを構築するフレームワーク。
Vue.jsベースのクロスプラットフォームフレームワーク。1つのコードベースからiOS、Android、HarmonyOS、Web、多数のミニプログラム向けアプリを開発できます。