FirebaseのCloud Functionsでslack通知をしてみた。

FirebaseのCloud Functionsでメール送信(SendGrid)をしました。迷惑メールフォルダにいかなかったので感動！！

いくら記事を更新してもなぜかgoogle先生から検索してもらえませんでした。 放置していたからかな～・・・全然わからないまま1ヶ月ぐらい立ちました。 今日、久しぶりにGAの値をみてあいも変わらずヒットしていませんでした。 不思議だったのが検索する人間…

Firebaseのユーザーの作成時にCloud Functionsを実行する。裏で実行できるので本当に便利

FirebaseのCloud Functionsをエミュレータで実行。効率があがるので必須です。

FirebaseのCloud FunctionsでHello,world

Firebaseにデプロイする。コマンドに従うだけなので簡単！！

FirebaseAuthのGoogle認証を追加してみた。

FirebaseAuthのメールアドレス認証してくれたユーザーに対してもTwitter認証できるようにする

FirebaseAuthの目玉のツイッターログイン機能です。簡単にできたのでマジでびっくり

FirebaseAuthの拡張項目追加。実際にはFirestoreと結合させているだけです。

Firestorageでファイルの移動のプログラムを組みました。バイナリーの操作があって難しい。

FirebaseのFirestoreのコレクション（テーブル）のJOINをやってみました。データの読み込み順番が大切でした

FirebaseのFireStoreでページネーションを作ってみました。オフセットが使えない、レコード件数がとれないとないないづくしで、大変でした

masalib.hatenablog.com の補足記事になります データ取得を色々試してみた結果になります。 whereとorderbyの関係について whereとorderbyのカラムが違う場合 単一のカラムに複数の条件をいれる場合 whereが複数になった場合 レコード件数のみ取得 offset（…

FirebaseのFireStoreの機能を使ってみました。一覧、作成、更新、削除の一通りの処理ができた。色々やってみた結果、一覧の機能がしょぼい。この機能が改善されない限り、オススメできない

アバターの画像は基本的には正方形です。画像をアップする時に画像を切り抜きする機能を追加しました React Firebase入門シリーズ 1-1・ React Firebase入門 初期設定とsignup - masalibの日記 1-2・ 「react-hook-form」を入れてみた - masalibの日記 1-3・…

アバターを登録できるようにします。このアバターがないとChatアプリを作った時に悲しいことになりますｗｗｗ。システム的には必須ではない機能です。 React Firebase入門シリーズ 1-1・ React Firebase入門 初期設定とsignup - masalibの日記 1-2・ 「react…

Firebaseのuserのデフォルトカラムには表示名と画像URLがあります。 表示名を変更できるようにしたいと思います React Firebase入門シリーズ 1-1・ React Firebase入門 初期設定とsignup - masalibの日記 1-2・ 「react-hook-form」を入れてみた - masalibの…

普通はしないのですが、パスワードが流出したみたいな事（笑）があったら必要な機能なので作ります。 あとメールアドレスの変更も実装するのですが、これっているの？ガラゲー時代と違ってあまり変更がないと思うだけど・・・ React Firebase入門シリーズ 1-…

メールアドレスのフォーマットはチェックできてもメールアドレスが本当に存在しているのかは実際にメールを送らないとわかりません。Firebaseではメールを送る事でメールアドレスを有効化する事ができます。 React Firebase入門シリーズ 1-1・ React Firebas…

認証システムでは当たり前のようにある機能のパスワード初期化処理を作りました。 React Firebase入門シリーズ 1-1・ React Firebase入門 初期設定とsignup - masalibの日記 1-2・ 「react-hook-form」を入れてみた - masalibの日記 1-3・ React Firebase入…

ローカルでFirebaseをエミュレートしてくれる機能をためしました 今まではAuth機能の開発をおこなう時はプロジェクト+ dev みたいな形でプロジェクトを作って検証だった。 今後はローカルのみで完結できそう・・・（一部不具合あり）

ログインができたのでログイン認証とログアウト処理を作りたいと思います。 React Firebase入門シリーズ 1-1・ React Firebase入門 初期設定とsignup - masalibの日記 1-2・ 「react-hook-form」を入れてみた - masalibの日記 1-3・ React Firebase入門 sign…

SignUpができたのでログイン処理を作りたいと思います。 React Firebase入門シリーズ 1-1・ React Firebase入門 初期設定とsignup - masalibの日記 1-2・ 「react-hook-form」を入れてみた - masalibの日記 1-3・ React Firebase入門 signupの通信エラー対応…

サインアップのバリデーションができたのですが、通信中にエラーになるなど様々なエラーがあります。 現在はそららをすべてtry-catchで逃げています。 そちらを対応したいと思います 参考にしたのは公式 https://firebase.google.com/docs/reference/js/fire…

SignUpのフォームを作ったがテストをしているとまともなバリデーションができていない事がわかった。 前々から気なっていた「react-hook-form」を導入してみた

アプリを作るなら「Firebase！！」と聞いた事があった www.youtube.com アプリ開発をあまりしたことがなく業務では触らせてくれない。なんとなくは便利なのは知っているんだけど実際に動くアプリを作って理解しようと思った。お決まりのCHATアプリなんかも作…

Google先生みたいなログイン画面が作りたかった。 それには「Material UI」を使えばいいので Material UIについて勉強しました 前回の続きになります

Google先生みたいなログイン画面が作りたかった。 それには「Material UI」を使えばいいので Material UIについて勉強しました 前回の続きになります masalib.hatenablog.com