ButtonBaseはかっこいいです。 codesandboxでサンプルがあります。

www.youtube.com linear-gradientについて紹介されていた。 やっすんのサイトでも使われているみたいなので真似てみた。 ちなみにソースとか公開してくれないので自分で調べるしかなかった テキストにlinear-gradientをつけるのは簡単だった。 単純につける…

FirebaseAuthのToken（jwt）の発行と認証（php）

今更ながらReactのアプリを開発するならVS CodeでESlint、Prettierを使用した方に気がついた。 コードのタブとかもちゃんと設定できるみたい。 そんな事も知らないのかよ プークスクス、プークスクス ／#このすば2 再放送TOKYO MX 25:35～KBS京都 25:35～＼…

FirebaseStorageのファイル圧縮してアップ（本来、圧縮はFunctionsでやるべきです）

Realtime Databaseでchatアプリ（一覧取得）、入力部分を結合

Realtime Databaseでchatアプリ（書き込み）

Material UIでチャット画面を作りました。動きはないのでご注意。

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

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

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 みたいな形でプロジェクトを作って検証だった。 今後はローカルのみで完結できそう・・・（一部不具合あり）