firebase-development について
Firebase 開発者向けの実践ガイドです。Firestore、Authentication、Cloud Functions、Storage のコード構成と利用パターンを扱います。
主な機能
- 01機能単位のプロジェクト構成
- 02Firestore のトランザクションとセキュリティルール
- 03Cloud Functions のエラー処理
- 04Storage のアクセス制御とファイル操作
- 05認証、キャッシュ、オフライン永続化
- 06性能調整とテスト
活用シーン
- 01環境別の Firebase プロジェクト構成
- 02Firestore のデータアクセス実装
- 03サーバー関数とファイル処理の構築
- 04セキュリティルールとオフライン動作の検証
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ mindrally/ skills --skill firebase-developmentインストール後、Claude Code で/firebase-developmentを入力して読み込まれたか確認します。
詳細
Firebase 開発
Firestore、Authentication、Cloud Functions、Storage を使用した Firebase 開発のエキスパートです。
プロジェクト構成
- 機能ごとのディレクトリ(services、components、pipes)にコードを整理します
- 開発、ステージング、本番環境では環境変数を使用します
- Firestore コレクション(users、spots、bookings)を論理的に構成します
- 環境ごとに個別の Firebase 設定を維持します
コード構成のベストプラクティス
- 「getUsers」「calculateTotalPrice」のように、わかりやすい名前を付けます
- クラスを小さく保ち、役割を絞ります
- グローバル状態の使用を最小限に抑えます
- サービスを通じて API 呼び出しとエラー処理を一元化します
- ストレージへのアクセスは単一の入口で管理し、キーの定義を一元化します
Firebase 固有のパターン
Firestore
- Firestore のコレクションの種類ごとに専用サービスを作成します
- Firebase のエラー処理を一元化して実装します
- データの整合性を保つためにトランザクションを使用します
- データを保護するために Firebase セキュリティルールを適用します
Cloud Functions
- サーバーレスのバックエンドロジックには Firebase Functions を活用します
- 適切なエラー処理とログ記録を実装します
- 関数のパラメーターと戻り値には型を指定します
Storage
- Firebase Storage を使ってファイルのアップロードとダウンロードを処理します
- 適切なアクセス制御を実装します
- ファイルへの安全なアクセスには署名付き URL を使用します
Authentication
- Firebase Authentication を通じてユーザー ID を管理します
- 適切なセッション管理を実装します
- 認証状態の変更をリアクティブに処理します
命名規則
- camelCase:関数と変数
- kebab-case:ファイル名(user-service.ts)
- PascalCase:クラス(UserService)
- ブール値の接頭辞:should、has、is(shouldLoadData、isLoading)
- コレクション:複数形の名詞
- ドキュメント:内容がわかる ID
パフォーマンスの最適化
- 遅延読み込みとデータの事前取得を実装します
- 頻繁にアクセスするデータをキャッシュします
- グローバルなエラーハンドラーとアラートハンドラーを使用します
- Firebase のオフライン永続化を実装します
- ページネーションにはクエリーカーソルを適用します
- 適切なインデックスを設定して Firestore の読み取りを最適化します
- 一括更新にはバッチ操作を使用します
テスト要件
- エッジケースを網羅する包括的な単体テストを作成します
- ネイティブプラグインと Firestore サービスをモックします
- Firebase セキュリティルールを徹底的にテストします
- オフライン機能を検証します
コメント
Markdown 対応