本書はFirebaseを使ったウェブアプリケーションをTestableな形で開発していくための技術解説書です。
フレームワークとしてはVite/Reactを利用し、テストフレームワークとしてはVitest/Cypress、Firebaseもウェブアプリケーションとしては一般的なFirebase Authentication、Firestore、Firebase Functions、Firebase Storageを対象としています。
冒頭で開発する流れを説明した上で、サンプルコードを使ってなるべく具体的な例でテストを書きながら開発が進めていけるような形でまとめていますので、ご自身のユースケースのところだけを読んでいただいても理解できるようになっています。
【目次】
第1章 環境構築
第2章 モデリング
第3章 認証機能
第4章 チャット(メッセージ表示)
第5章 チャット(メッセージ一覧)
第6章 チャット(入力フォーム)
第7章 チャット(画像添付)
第8章 プッシュ通知
第9章 E2Eテスト
-
1.1 プロジェクト作成
-
1.2 Lint の設定
-
1.3 Firebaseのインストール
-
1.4 各種設定
-
3.1 ログインプロバイダの有効化
-
3.2 ライブラリーのインストール
-
3.3 AuthContextオブジェクトの作成
-
3.4 AuthProviderの作成
-
3.5 useAuthフックの作成
-
3.6 AuthContextテストの作成
-
3.7 認証関数の作成
-
3.8 ログイン画面の追加
-
3.9 ローディング画面の追加
-
4.1 画面表示の確認
-
4.2 メッセージ部分の作成
-
4.3 ユーザー情報へのアクセス方法
-
4.4 Messageコンポーネントの作成
-
5.1 クエリの作成とテスト
-
5.2 Messagesコンポーネントの作成
-
9.1 Cypressのインストール
-
9.2 Emulatorの準備
-
9.3 CypressとEmulatorの接続
-
9.4 テスト用初期データの作成
-
9.5 Specファイルの修正
-
9.6 テストの実行
-
9.7 CIの設定