最近話題の FireStore の使い方を Chat を作りながら説明してみます。 以下の順番でやってみます。 HTML / JavaScript で素朴に Vue でモダンに Quasar でアプリに Quasar でやった最終の形を https://firestore-p.firebaseapp.com でホストしてあります。 適当にサインアップして使ってみてもらって構いません。 準備 Firebase / Firestore をセッティング 公式ドキュメントにのっとればプロジェクトのセットアップまでは簡単です。 Authentication のログイン方法で、メール/パスワードを有効にします。 データベースのルールをとりあえずテストモードにしておきます。 Firebase / Firestore の準備はこれだけで OK です。 チャットのデータの形 以下の4つのプロバティからなるド