Capacitor ベストプラクティス

本番環境対応の Capacitor アプリケーション構築のための包括的なガイドラインです。

このスキルを使用する場合

• 新しい Capacitor プロジェクトのセットアップ
• Capacitor アプリアーキテクチャのレビュー
• アプリのパフォーマンス最適化
• セキュリティ対策の実装
• App Store への提出準備

プロジェクト構造

推奨ディレクトリレイアウト

my-app/
├── src/                      # Web アプリソース
├── android/                  # Android ネイティブプロジェクト
├── ios/                      # iOS ネイティブプロジェクト
├── capacitor.config.ts       # Capacitor 設定
├── package.json
└── tsconfig.json

設定のベストプラクティス

capacitor.config.ts (正解):

import type { CapacitorConfig } from '@capacitor/cli';

const conf

...