Capacitor とは｜Webのアプリを iOS と Android のアプリにするツール
Capacitor は、JavaScript・HTML・CSS で作った Web のアプリを、iOS と Android のアプリとして動かすための土台です。カメラや位置情報といった端末の機能は、共通の API から呼び出します。
- 分類
- ビルド・配信・ストア提出の補助
- 制作の流れ
- リリース
- 日本語対応
- 日本語非対応
- 費用
- 無料（MIT ライセンス）
- 公式サイト
- https://capacitorjs.com/確認日 2026-09-18
Capacitor の概要
Capacitor（キャパシタ）は、JavaScript・HTML・CSS で作った Web のアプリを、iOS と Android のアプリとして動かすための土台です。公式サイトは「A cross-platform native runtime for web apps.（Web のアプリのための、環境をまたぐ実行の土台）」を掲げ、iOS・Android と、ブラウザで動くアプリ（Progressive Web Apps）を、同じ JavaScript・HTML・CSS から作れるとしています。
公式ドキュメントは、Capacitor の作るものを Web Native アプリと呼び、Web を先に置いて作りたいけれども、必要なときには端末側の開発キットへ手が届く形だと書いています。画面まわりがブラウザで動くなら、Capacitor を使ったアプリでもたいてい動くとも書かれています。
作っているのは Ionic です。公式ドキュメントの見出しには「An OutSystems Company」と添えられています。
Capacitor の特徴
Capacitor はゲームを描く機能を持ちません
Capacitor が受け持つのは、Web のアプリを端末のアプリとして包む部分と、端末の機能を呼ぶ通り道です。ゲームの中身は、画面側で動くものを作り手が組みます。
公式ドキュメントには、ゲームを作るときの案内の頁があります。そこでは、WebGL と canvas による描画に広く対応していること、ふつうはゲームエンジンを使う形を案内していること、一から組むこともできることが書かれています。名前が挙がっているエンジンは Phaser で、Phaser で作ったゲームを iOS と Android へ持っていく手順の頁へつながっています。
WebGL とは
WebGL は、ブラウザの中で GPU（画像の計算を専門に行う部品）を使って画を描くための仕組みです。
Capacitor の入れ方
公式サイトは、始めるまでを3段に分けています。
| 段 | 命令 | 何をするか |
|---|---|---|
| 1 | npm install @capacitor/cli @capacitor/core → npx cap init |
すでにある Web のアプリへ Capacitor を足します |
| 2 | npm install @capacitor/ios @capacitor/android → npx cap add ios / npx cap add android |
出したい端末の側を足します |
| 3 | （プラグインの API を呼ぶ） | 端末の機能を呼び出すか、自分で拡張を書きます |
公式のリポジトリは、Capacitor が、いまある新しめの Web のアプリへそのまま足せるように作られていると書いています。新しく始める場合には Ionic Framework と組み合わせる形を案内しています。
Capacitor が用意している端末の機能
公式サイトは、どの環境にも共通で用意されている機能として次のものを挙げています。
| 機能 | 何ができるか |
|---|---|
| Camera | 画像を撮り、写真を保存し、彩度や色の釣り合いなどの端末側の設定を変えます |
| File System | 書類・素材などを、端末側のファイルの仕組みを通して読み書きします |
| Geolocation | 端末の位置（緯度・経度など）を取得します |
| Accelerometer | 端末の動きの速さの変化を測る感知器を使います |
| Notifications | 端末の中で通知を予約するか、サーバーから送られた通知を受け取ります |
| Network | つながり方の変化を見張り、つながっていない間も動くアプリを作ります |
| Haptics | 端末の振動による手ごたえを足します |
| 自作の拡張 | 独自の機能や、外部の開発キットを取り込む拡張を自分で書きます |
拡張を書く言語について、公式のリポジトリは、iOS では Swift、Android では Kotlin（または Java）を勧めています。拡張はアプリの中に置くことも、npm のパッケージにして配ることもできます。
Capacitor が出せる先
公式のリポジトリは、1つのコードから iOS・Android・Web などへ出せると書いています。ブラウザで動くアプリ（Progressive Web Apps）への対応も最初から備えていて、同じアプリをアプリの店と Web の両方へ出せるとしています。
公式ドキュメントには、Cordova で作ったアプリから移ってくるための頁も置かれています。Cordova 向けの拡張は、互換のための層を通して使えます。
Capacitor の費用とライセンス
Capacitor は無料です。公式サイトの下部は「Ionic Open Source | Released under MIT License（Ionic のオープンソース。MIT ライセンスのもとで公開）」と表示しています。
MIT ライセンスとは
MIT ライセンス（MIT License）は、著作権の表示とライセンス文を残せば、商用も含めて自由に使ってよいとする短い決まりです。
| 項目 | 内容 |
|---|---|
| 費用 | 無料 |
| ライセンス | MIT ライセンス |
| 作っているところ | Ionic（An OutSystems Company） |
| 入手の方法 | npm から npm install @capacitor/core @capacitor/cli |
| 著作権の表示 | © 2026 Capacitor |
公式ドキュメントは版ごとに分かれていて、v2 から v9 までの版を選べます。版を上げるときの手引きも、版ごとに置かれています。
- Capacitor｜公式サイトhttps://capacitorjs.com/
情報源
- Capacitor — 公式サイト（掲げている一文・導入の3段・共通で使える端末の機能・ライセンスと著作権の表示）https://capacitorjs.com/確認日 2026-09-18
- Capacitor Documentation — 公式ドキュメント（Web Native アプリの定義・作っているところ・版の並びと移行の手引き）https://capacitorjs.com/docs確認日 2026-09-18
- ionic-team/capacitor — 公式リポジトリ（ライセンス・入れ方・拡張を書く言語・出せる先）https://github.com/ionic-team/capacitor確認日 2026-09-18
- Games — Capacitor 公式ドキュメント（描画の対応・エンジンを使う案内・Phaser との組み合わせ）https://capacitorjs.com/docs/guides/games確認日 2026-09-18