紹介するのは、こちらの動画
解説は主にFirebaseを中心としていて、
それ以外の部分は深く触れていません。
前提
- JavaScriptによるDOM操作
- ターミナルの操作(特にnpm)
はある程度できる状態だとスムーズに実装できるかと思います。
実装する機能一覧
- メールアドレスとパスワードによるユーザ登録
- ユーザのログイン・ログアウト
- ユーザへの管理者権限付与
- ユーザのログイン状況と権限の種別による画面表示の切り替え
- Firestoreへのデータの登録
- Firestoreのデータの表示
何が学べるのか
- メール・パスワードによる認証
- Cloud Functions
- Firestore
- セキュリティルール
…etc
最後に
解説動画では以下のコードが書かれています。
index.html
<script>
・
・
・
//update firestore settings
db.settings({ timestampsInSnapshots: true });
</script>
自分の環境ではコンソールに下記メッセージが表示されました。
@firebase/firestore: Firestore (5.8.2):
The timestampsInSnapshots setting now defaults to true and you no
longer need to explicitly set it. In a future release, the setting
will be removed entirely and so it is recommended that you remove it
from your firestore.settings() call now.
timestampsInSnapshotsは既にtrueになっているので
このコードは消していいよとのことなので、消しました。
最後に
最後まで読んでいただきありがとうございました。
Firebaseに関するオススメの動画がありましたら、どしどしコメントお願いします。