Firebase

【動画解説】フロントエンドからFirestoreのデータを取得する【Firebase】

どうも、つよぽん(@tsuyopon_xyz)です!

今回はFirebaseの紹介「第6回目」の記事となります^^

前回の「【動画解説】Cloud Firestoreのロケーションの注意点【Firebase】」では、Firebaseのデータベースの1つ「Cloud Firestore」を作成するときの注意点を解説しました。

あわせて読みたい
【動画解説】Cloud Firestoreのロケーションの注意点【Firebase】Firebaseの「Cloud Firestore」を利用する時、ロケーションの設定に注意が必要です。Firestoreのロケーションは一度設定してしまうと、後から変更することができなくなるため、変更が必要な際は、新たにFirebaseプロジェクトを作る必要があります。...

今回は、フロントエンド(JavaScript)から「Cloud Firestore」に保存しているデータの取得方法を実演しながら解説しました。

【Firebase】Firestoreからデータを取得する流れを動画で解説

 

動画で解説しているポイントをまとめると以下のとおりです^^

  • ドキュメントからデータ取得のイメージを掴む
  • フロントエンドでFirebaseを利用する準備
  • Cloud Firestoreからデータを取得するまでの流れ
  • 取得したデータを表示するまでの流れ

参考リンク

【追記】より学習しやすい専用サイトを用意しました

Firebaseの基本を学べる「Firebase入門」というのをYouTubeでも公開しているのですが、より学習しやすい「専用の学習サイト」を用意しました。

「専用の学習サイトはどんな感じなのか?」と気になっている人向けに、

以下のツイートの添付動画に紹介動画を用意したので、そちらで学習サイトのイメージを掴んでいただけたらと思います。

(以下ツイートの添付動画は、Firebaseではない別の学習コンテンツを紹介していますが、学習サイトのデザインは完全に同じものとなります。)

こちらの動画をご覧になるとわかると思いますが、以下に挙げたように、より学習しやすい環境になっているのがわかっていただけるかなと思います。

  • Udemyのように学習記録が残せる
  • 「前のページ」「次のページ」に簡単に移動できる

 

専用の学習サイトを使って学習を進められたい方は、以下のボタンをクリックしてご確認いただけたらと思います^^

専用サイトで「Firebase入門」を学ぶ

【3つの特典付き】Webエンジニアに必要な基礎スキルを体系的に効率良く身につけたいですか?

LINE登録で無料特典を受け取る

次のような方向けに、学習をサポートするコンテンツを無料プレゼントしています。

  • Webエンジニアになりたいけど何から学習を始めれば良いかわからない
  • 今まで独学で頑張ってきたけど、独学に限界を感じてきた
  • プログラミングは出来るけど、大きめのコードが書けない

「プレゼント詳細が知りたい」「プレゼントを受け取りたい」といった方は、以下のボタンをクリックして詳細ページをご確認ください。

無料特典を受け取る

 

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です