Repolode
ionic-team

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. 1

    既存のWebアプリにcoreパッケージとCLIパッケージをインストールする

    npm install @capacitor/core @capacitor/cli
  2. 2

    アプリでCapacitorを初期化する

    npx cap init
  3. 3

    Androidプラットフォームをインストールする

    npm install @capacitor/android
  4. 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 の数値は毎日更新されます。

関連プロジェクト