はじめ方
このプラグインのインストール手順と完全なマークダウンガイドを含む設定プロンプトをコピーする
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 -
プラットフォームを追加
ターミナル画面 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
Capacitorから公式Capacitorへの移行
「Capacitorから公式Capacitorへの移行」既存のCapacitorプロジェクトがある場合は、Capacitor+への移行は簡単です:
-
公式パッケージを削除
ターミナル画面 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 - プルリクエストの作成: __CAPGO_KEEP_0__ に変更を提案する
plusブランチ - CI検証: 全テストスイートを実行 (lint、ユニットテスト、iOSビルド、Androidビルド)
- セキュリティレビュー: AIパワー分析で脆弱性や破壊的な変更を検知
- 自動マージ: CIが通過し、セキュリティレビューが承認した場合のみ
- Auto-Publish: npm に新しいバージョンが公開されました。
@capacitor-plus/*
セキュリティー レビュー詳細
セキュリティレビューの詳細Section titled “Security Review Details”
| Check | Every upstream sync is analyzed for: |
|---|---|
| チェック | What It Catches |
| 検知されるもの | Security |
| セキュリティ | Null ポインタ参照、未処理の例外、レース条件、メモリリーク |
| データセキュリティ | データ損失シナリオ、プライバシー侵害、不正確なストレージ |
| Code の完全性 | 不明瞭な code、疑わしいネットワークコール、バックドア |
プルリクエストの提出
セクション “プルリクエストの提出”公式 Capacitor リポジトリにプルリクエストが詰まっている場合、Capacitor+ で解決してください:
-
問題を開く Capacitor Plus Capacitor+ repo アップストリーム PR にリンクする
-
または直接提出 アップストリーム PR をアップストリームブランチに提出
plusブランチ -
チームはレビュー、CIを実行し、通過した場合にマージします
この方法で、すぐにアップストリームのリリースサイクルを待たずに、自分の作業から他のユーザーがすぐに利益を得ることができます。
FAQ
このプロダクション用?このプロダクション用?
FAQはい。 Capacitor+ は実稼働アプリケーションで使用されています。 すべてのリリースは、公式の Capacitor と同じテストスイートに加えて、追加のセキュリティ分析を通過します。
公式プラグインは機能しますか?
公式プラグインは機能しますか?はい。すべて。 @capacitor/* plugins work with Capacitor+ out of the box.
アップストリームが破壊的な変更をリリースした場合どうしますか?
AI セキュリティ レビューは破壊的な変更を手動でレビューします。変更はマージされる前にドキュメント化されます。問題を報告するにはどうすればいいですか?
問題を報告するにはどうすればいいですか?
__CAPGO_KEEP_0__+ __CAPGO_KEEP_1__ リポジトリで問題を報告してくださいSection titled “How do I report issues?” is not translated as it is a heading and should be kept short. It is translated as Capacitor+ GitHub repo.公式のCapacitorにも影響を与える問題については、上流の調整を支援します。
コントリビュートすることはできますか?
「コントリビュートすることはできますか?」もちろんです! PRは歓迎されています。修正を直接提出するか、特定の上流のPRをマージすることを要求することができます。
「Getting Started」から続けてください。
「Getting Started」から続けてください。「Getting Started」を使用して ネイティブ プラグインの作業を計画する場合、 「Using __CAPGO_KEEP_0__+ (@__CAPGO_KEEP_1__-plus) Packages」 「Using Capacitor+ (@capacitor-plus) Packages」 for the native capability in Using Capacitor+ (@capacitor-plus) Packages, Capgo+ (@__CAPGO_KEEP_1__-plus) Packages Capgo プラグイン ディレクトリの製品ワークフローについて Capacitor プラグインは Capgo によって提供されます Capacitor Plusの実装詳細については、Capacitor プラグインによってCapgoで管理されます。 プラグインの追加または更新 プラグインの追加または更新の実装詳細について イオニック エンタープライズ プラグインの代替 __CAPGO_KEEP_0__ プラグインの製品ワークフローについて