どうも、つよぽん(@tsuyopon_xyz)です！
今回はFirebaseの紹介「第10回目」の記事となります^^
前回の「【動画解説】フロントエンドからFirestoreのデータを削除する【Firebase】」でFirestoreのデータを削除する方法を解説しました。
今回は、Cloud Firestoreのコレクションに変更があったときに、変更を検知する実装を実演形式で解説しました^^
今回の「変更の自動検知」の機能を利用することで、Slack、Skypeなどのチャットアプリのような「リアルタイム」のやりとりを行うアプリを作ることが出来ます。
【Firebase】Firestoreの変更を検知する実装方法の流れを動画で解説
参考リンク
【追記】より学習しやすい専用サイトを用意しました
Firebaseの基本を学べる「Firebase入門」というのをYouTubeでも公開しているのですが、より学習しやすい「専用の学習サイト」を用意しました。
「専用の学習サイトはどんな感じなのか？」と気になっている人向けに、
以下のツイートの添付動画に紹介動画を用意したので、そちらで学習サイトのイメージを掴んでいただけたらと思います。
（以下ツイートの添付動画は、Firebaseではない別の学習コンテンツを紹介していますが、学習サイトのデザインは完全に同じものとなります。）
Web白熱教室でも公開している
「Next.js&TypeScript体験シリーズ」
をより学習しやすくするために、新しく作った学習サイトに移植して、
・スライド
・参考リンク集
・学習記録を取れるようにしました^^
以下リンク先はWeb白熱教室
↓https://t.co/MKIlsrIORZ添付動画は移植先の新学習サイト pic.twitter.com/4BhRvMWid5
— つよぽん@FrontHacks講師 (@tsuyopon_xyz) April 26, 2021
こちらの動画をご覧になるとわかると思いますが、以下に挙げたように、より学習しやすい環境になっているのがわかっていただけるかなと思います。
- Udemyのように学習記録が残せる
- 「前のページ」「次のページ」に簡単に移動できる
専用の学習サイトを使って学習を進められたい方は、以下のボタンをクリックしてご確認いただけたらと思います^^
LINE登録で無料特典を受け取る
次のような方向けに、学習をサポートするコンテンツを無料プレゼントしています。
- Webエンジニアになりたいけど何から学習を始めれば良いかわからない
- 今まで独学で頑張ってきたけど、独学に限界を感じてきた
- プログラミングは出来るけど、大きめのコードが書けない
「プレゼント詳細が知りたい」「プレゼントを受け取りたい」といった方は、以下のボタンをクリックして詳細ページをご確認ください。
