Getting Started
インストール手順とこのプラグインの全マークダウンガイドを含む設定用の質問をコピーする。
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these packages:
- `@capacitor-plus/core`
- `@capacitor-plus/cli`
- `@capacitor-plus/android` if the project targets Android
- `@capacitor-plus/ios` if the project targets iOS
Complete the required Capacitor initialization, platform, sync, native setup, and configuration work.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/capacitor-plus/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
新プロジェクトのインストール
「新プロジェクトのインストール」のセクションCloudflareのAI-Assisted Setupを使用して、Capacitor+をインストールできます。次のコマンドを使用して、CapgoスキルをAIツールに追加します。
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins次のプロンプトを使用してください。
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capacitor-plus/core`, `@capacitor-plus/cli`, `@capacitor-plus/android`, and `@capacitor-plus/ios` packages in my project.Manual セットアップを選択する場合は、以下のコマンドを実行してパッケージをインストールし、下記のプラットフォーム固有の指示に従ってください。
-
コアパッケージのインストール
ターミナル画面 npm install @capacitor-plus/core @capacitor-plus/cli -
プラットフォームパッケージの追加
ターミナル画面 npm install @capacitor-plus/android # for Androidnpm install @capacitor-plus/ios # for iOS -
Capacitorの初期化
ターミナルウィンドウ npx cap initターミナルウィンドウ pnpm cap initターミナルウィンドウ yarn cap initターミナルウィンドウ bunx cap init -
プラットフォームを追加
ターミナル画面 npx cap add androidターミナル画面 pnpm cap add androidターミナル画面 yarn cap add androidターミナル画面 bunx cap add androidターミナル画面 npx cap add iosターミナル画面 pnpm cap add iosターミナル画面 yarn cap add iosターミナル画面 bunx cap add ios
Migrating from Official Capacitor
Section titled “Migrating from Official Capacitor”If you have an existing Capacitor project, migrating to Capacitor+ is simple:
-
公式パッケージを削除
ターミナル画面 npm uninstall @capacitor/core @capacitor/cli @capacitor/android @capacitor/ios -
Capacitor+パッケージをインストール
ターミナル画面 npm install @capacitor-plus/core @capacitor-plus/clinpm install @capacitor-plus/android # if using Androidnpm install @capacitor-plus/ios # if using iOS -
プロジェクトを同期
ターミナル画面 npx cap syncターミナル画面 pnpm cap syncターミナル画面 yarn cap syncターミナル画面 bunx cap sync
使用方法
「使用方法」のセクション既にCapacitor+を使用している場合は、API-互換のため、既存のcodeは変更なしで動作します:
import { Capacitor } from '@capacitor/core';import { registerPlugin } from '@capacitor/core';
// Check platformconst platform = Capacitor.getPlatform();console.log('Running on:', platform);
// Check if nativeif (Capacitor.isNativePlatform()) { console.log('Running on native platform');}
// Register a custom pluginconst MyPlugin = registerPlugin('MyPlugin');Capacitor オフィシャルプラグイン
「Capacitor オフィシャルプラグイン」Capacitor オフィシャルプラグインはすべての問題なく動作します:
import { Camera, CameraResultType } from '@capacitor/camera';import { Geolocation } from '@capacitor/geolocation';import { Storage } from '@capacitor/preferences';
// Cameraconst photo = await Camera.getPhoto({ quality: 90, resultType: CameraResultType.Uri});
// Geolocationconst position = await Geolocation.getCurrentPosition();
// Storageawait Storage.set({ key: 'name', value: 'John' });Capgo プラグイン
「Capgo プラグイン」Capgo プラグインはCapacitor+と完全に互換性があります:
import { CapacitorUpdater } from '@capgo/capacitor-updater';import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';import { CapacitorFlash } from '@capgo/capacitor-flash';
// Live updatesawait CapacitorUpdater.notifyAppReady();
// Screen orientationawait ScreenOrientation.lock({ orientation: 'portrait' });
// Flashlightawait CapacitorFlash.toggle();Syncのしくみ
「Syncのしくみ」┌─────────────────────┐ ┌──────────────────┐ ┌──────────────────┐ ┌─────────────────┐│ ionic-team/ │ │ CI/CD │ │ Claude Code │ │ npm publish ││ capacitor │────▶│ Pipeline │────▶│ Security Review │────▶│ @capacitor-plus││ (upstream) │ │ (daily sync) │ │ (AI analysis) │ │ packages │└─────────────────────┘ └──────────────────┘ └──────────────────┘ └─────────────────┘- 毎日同期: GitHub アクションで最新の変更を
ionic-team/capacitor - PR作成: 変更はプルリクエストとして提案されます。
plusブランチ - CI検証: 全テストスイートが実行されます (lint、ユニットテスト、iOSビルド、Androidビルド)
- セキュリティレビュー: AIパワーで脆弱性や破壊的な変更を検知します。
- 自動マージ: CIが通過し、セキュリティレビューが承認した場合のみ
- Auto-Publish: npm に新しいバージョンが公開されました。
@capacitor-plus/*
セキュリティレビュー詳細
セクション「セキュリティレビュー詳細」アップストリームの各Syncは、以下の内容を分析します:
| 確認 | 検出対象 |
|---|---|
| セキュリティ | コマンドインジェクション、XSS、パストラバーサル、ハードコードされたシークレット |
| 変更点 | 削除/名前変更されたAPI、サインチャージャージ、構成変更 |
| 安定性 | Null ポインタ参照、未処理の例外、競合条件、メモリリーク |
| データセキュリティ | __CAPGO_KEEP_0__ の完全性 |
| Code のオブフュージング、疑わしいネットワークコール、バックドア | Obfuscated code, suspicious network calls, backdoors |
公式 Capacitor リポジトリでPRが取り付けられている場合、問題が検出された場合、PRは手動レビューにフラグが付けられ、自動マージされません。このようにして、常に安定した、セキュアなリリースを保証します。 Capacitor+: でPRをマージしてください。
-
問題が発生しているPRを開く in the Capacitor+ リポジトリ アップストリーム PR にリンクする
-
または直接 PR を提出する アップストリーム PR
plusブランチ -
チームはレビュー、CI を実行し、通過した場合にマージする
この方法で、すぐにアップストリーム リリースサイクルを待たずに、自分の作業から他のユーザーも利益を得られるようになる
FAQ
FAQこのプロダクション用に適しているか?
このプロダクション用に適しているか?はい。Capacitor+ は実稼働アプリケーションで使用されます。すべてのリリースは、公式のCapacitorと同じテストスイートを通過し、さらにセキュリティ分析が実行されます。
公式プラグインはまだ動作するでしょうか。
公式プラグインはまだ動作するでしょうか?はい。すべてのプラグインは__CAPGO_KEEP_0__+で出荷されています。 @capacitor/* plugins work with Capacitor+ out of the box.
アップストリームが破壊的な変更をリリースした場合どうすればいいですか?
AI セキュリティレビューでは、破壊的な変更を手動でレビューします。変更はマージされる前にドキュメント化されます。問題を報告するにはどうすればいいですか?
問題を報告するにはどうすればいいですか?
ファイルを__CAPGO_KEEP_0__+ __CAPGO_KEEP_1__ Capacitor+ GitHub repo. 公式の Capacitor に影響を与える問題についても、上流の調整を支援します。
コントリビュートすることはできますか?
「コントリビュートすることはできますか?」のセクションもちろんです! PRは歓迎されています。直接修正を提出するか、特定の上流のPRをマージするよう求めることができます。
Getting Started から続けてください
「Getting Started から続けてください」のセクションCapacitor を使用している場合 Getting Started Capacitor プラグインの作業を計画する場合、Capacitor プラグインと接続します。 Using Capacitor+ (@capacitor-plus) Packages for the native capability in Using Capacitor+ (@capacitor-plus) Packages, Capgo Plugin Directory 製品ワークフローについては、Capgo プラグインディレクトリで確認してください。 Capacitor プラグインは、Capgo によって提供されています。 実装詳細については、Capacitor プラグインの Capgo を確認してください。 プラグインの追加または更新 実装詳細については、プラグインの追加または更新の __CAPGO_KEEP_0__ を確認してください。 Ionic Enterprise プラグインの代替 製品ワークフローについては、Ionic Enterprise プラグインの代替を確認してください。