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.
新プロジェクトのインストール
「新プロジェクトのインストール」のセクションAI-Assisted Setupを使用して、Capacitor+をインストールできます。AIツールにCapgoスキルを追加するには、以下のコマンドを実行してください。
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 Setup を使用する場合は、以下のコマンドを実行して、下記のプラットフォーム固有の手順に従ってください:
-
コアパッケージをインストールする
ターミナルウィンドウ 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 -
__CAPGO_KEEP_0__
トミムストログムード 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 -
Install Capacitor+ packages
ターミナル画面 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 │└─────────────────────┘ └──────────────────┘ └──────────────────┘ └─────────────────┘- 毎日Sync: GitHub Actions 最新の変更を取得
ionic-team/capacitor - PRの作成: __CAPGO_KEEP_0__ に変更を提案する
plusbranch - CI検証: lint、ユニットテスト、iOSビルド、Androidビルドのフルテスト
- セキュリティレビュー: AIパワーで脆弱性と破壊的な変更を検証
- 自動マージ: CI が通過し、セキュリティレビューが承認した場合
- 自動公開: 新しいバージョンが npm 以下に公開される
@capacitor-plus/*
セキュリティレビュー詳細
セクション「セキュリティレビュー詳細」アップストリームの各同期は次の要素を分析します:
| チェック | 検出対象 |
|---|---|
| セキュリティ | コマンドインジェクション、XSS、パス トラバーサル、ハードコードされたシークレット |
| 変更点 | APIの削除/変更、サインチャーの変更、構成の変更 |
| 安定性 | Nullポインタの参照、未処理の例外、競合条件、メモリリーク |
| データの安全性 | データの喪失シナリオ、プライバシー侵害、不正確なストレージ |
| Codeの完全性 | codeのオブフュージング、疑わしいネットワークコール、バックドア |
プルリクエストの提出
プルリクエストの提出公式のCapacitorリポジトリにPRが詰まっている場合、Capacitor+でマージしてください:
-
問題を開く 公式の Capacitor+リポジトリ アップストリームのPRへのリンク
-
または直接 ブランチとして
plusチームはレビュー、CIを実行し、通過した場合にマージします -
このようにして、すぐにアップストリームのリリースサイクルを待たずに、自分の作業から他のユーザーもすぐに利益を得ることができます。
FAQ
コンテキスト: Capgo Builder / ネイティブクラウドビルド製品ページ。役割: セクションサブタイトルまたはキャッチコピー。見られる場所: page native-build.astro。メッセージキー `native_build_builder_faq_eyebrow` (Native Build Builder FAQ Eyebrow)。 | コンテキスト: Capgo ソリューションズマーケティングページ。役割: セクションまたはページヘッダー。見られる場所: page solutions/cordova-to-capacitor.astro。メッセージキー `solutions_cordova_to_capacitor_faq_title` (Solutions Cordova To Capacitor FAQ Title)。
FAQセクションこの製品は、実用的な環境で使用できるか?
「この製品は、実用的な環境で使用できるか?」Yes. Capacitor+ is used in production apps. Every release passes the same test suite as official Capacitor, plus additional security analysis.
公式のプラグインは機能するでしょうか?
「公式のプラグインは機能するでしょうか?」はい。すべてのプラグインはCapgo+と組み合わせて使用できます。 @capacitor/* plugins work with Capacitor+ out of the box.
「アップストリームが破壊的な変更をリリースした場合どうすればよいですか?」
AIセキュリティレビューは破壊的な変更を手動でレビューするようにします。変更はマージされる前にドキュメント化されます。問題を報告するにはどうすればよいですか?
「問題を報告するにはどうすればよいですか?」
Capacitor問題点をファイルに記録する Capacitor + GitHub リポジトリCapacitor + __CAPGO_KEEP_1__ リポジトリに問題点を記録する。公式の Capacitor に影響する問題点についても、上流の調整を支援します。
コントリビュートすることはできますか?
セクション「コントリビュートすることはできますか?」もちろんです! プルリクエストは歓迎されています。直接修正を提出するか、特定の上流のプルリクエストをマージするよう要求することができます。
Getting Started から続けてください
セクション「Getting Started から続けてください」あなたが使用している Getting Started native プラグインの作業を計画する場合、__CAPGO_KEEP_0__+ (@__CAPGO_KEEP_1__-plus) パッケージと接続する Using Capacitor+ (@capacitor-plus) Packages for the native capability in Using Capacitor+ (@capacitor-plus) Packages, Capgo プラグインディレクトリ for the product workflow in Capgo Plugin Directory, Capacitor プラグインは Capgo for the implementation detail in Capacitor Plugins by Capgo, プラグインの追加または更新 プラグインの追加または更新のための実装詳細、 Ionic エンタープライズ プラグインの代替 Ionic エンタープライズ プラグインの代替のための製品ワークフロー