Firestore

[Firebase] Firestoreでリアルタイムなチャットを作る (Web編) その4

今回はチャットで発言する内容にNGワードのチェックを入れたいと思います。 特定のキーワードが含まれている場合、「?」など伏せ字に置換する機能です。 実装方法を考える 方針 この実装方法は2つのパターンが考えられます。 クライアントでチェック 中身を…

[Firebase] Firestoreでリアルタイムなチャットを作る (Web編) その3

前々回でFirestoreを利用してリアルタイムな通信が行えるチャットを、前回はユーザー認証を導入しました。 今回は自分が書き込んだログを削除する機能を追加してみます。 サンプル 実行結果 miku3.net 書き込むためにはログインが必要です。閲覧は未ログイン…

[Firebase] Firestoreでリアルタイムなチャットを作る (Web編) その2

前回、Firestoreを利用してリアルタイムな通信が行えるチャットを作成しましたが、今回はこのチャットに書き込みためにはログインが必要な状態に仕様変更したいと思います。 サンプル 実行結果 miku3.net 書き込むためにはログインが必要です。閲覧は未ログ…

[Firebase] Firestoreでリアルタイムなチャットを作る (Web編) その1

今回はFirestoreでリアルタイムに情報のやりとりをしてみます。こういったときのサンプルは概ねチャットと相場が決まっていますので、ひとまずデータの授受ができる最低限のコードを書いてみます。 Firestoreの準備と基本的な使い方 詳しくは以下のページを…

[Firebase] Firestoreで読み書きする (Web編)

今回は最近ベータが取れて正式なサービスに昇格したFirestoreを使ってみたいと思います。まずは基本的なCRUDからやってみます。 Firestoreの準備 プロジェクトの作成 詳しくは過去記事を参照してください。 blog.katsubemakito.net Databaseの作成 Firebase…