mcpField
I
ionic-native-essentials

ionic-native-essentials

github.com/erkamyaman開発1649 回インストール1 週間前に更新
リポジトリ

ionic-native-essentials について

ionic-native-essentialsは、モバイルアプリで使う6種類のCapacitorプラグインを解説するリファレンススキルです。プラグインの選択、導入、権限設定、同期の要点をまとめています。

主な機能

  1. 016種類のCapacitorプラグイン解説
  2. 02カメラとギャラリーへのアクセス
  3. 03ファイルシステムと共有の案内
  4. 04ネットワーク、ハプティクス、キーボード
  5. 05プラグイン導入と同期のルール
  6. 06権限のタイミングとInfo.plistの注意点

活用シーン

  1. 01ネイティブアプリ機能向けのプラグイン選定
  2. 02カメラやフォトライブラリーへのアクセス追加
  3. 03オフライン状態やキーボード動作の実装
  4. 04プラグインの権限と同期手順の確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/erkamyaman/ionic-capacitor-skills --skill ionic-native-essentials

インストール後、Claude Code で/ionic-native-essentialsを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/
camera.md
filesystem.md
haptics.md
keyboard.md
network.md
share.md

詳細

ネイティブの基本機能

小規模ながら、よく必要とされる Capacitor プラグインを6つ紹介します。それぞれに個別のリファレンスがあるため、実際に使うものだけをインストールしてください。

参照する場面

  • Camera (@capacitor/camera) — 写真の撮影/ギャラリーからの選択:camera.md
  • Filesystem (@capacitor/filesystem) — アプリのサンドボックス内でのファイルの読み書き:filesystem.md
  • Share (@capacitor/share) — ネイティブの共有シート:share.md
  • Haptics (@capacitor/haptics) — タップ、振動、衝撃のフィードバック:haptics.md
  • Network (@capacitor/network) — 接続状態とオフライン時の UX:network.md
  • Keyboard (@capacitor/keyboard) — フォーカス時の表示/非表示やサイズ変更の動作:keyboard.md

厳守事項

  • ✅ 使用するプラグインだけをインストールしてください。「念のため」に6つすべてをインストールしないでください。プラグインごとにバイナリサイズが増加します。
  • ✅ プラグインをインストールするたびに npx cap sync を実行してください。
  • ✅ 権限が必要なプラグインには、該当する Info.plist の権限文字列を追加してください(Camera = NSCameraUsageDescription、写真ライブラリへのアクセスを伴う Filesystem = NSPhotoLibraryUsageDescription)。
  • ❌ アプリの起動時に権限を要求しないでください。ユーザーが機能を使うとき(アプリ起動時ではなく、「写真を撮る」をタップしたとき)に要求してください。

コメント