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
今北産業 男の子が女性に転生したらやるエロの描写がある 料理と食材を探して無双 鍛冶をして無双 引用の画像はこちらからです。ちょっと立ち読みができるので読んでほしいです。 www.cmoa.jp 内容 登場人物 ざっくり分類 漫画 ラノベ 感想 内容 漫画の１～2…
はてなブックマークに下記のリンクがあった https://github.com/beautifulinteractions/beautiful-react-diagrams ダイアグラムを簡単に作成するための軽量のReactコンポーネント 必要になる事はたぶんないと思うが気になってみたら サンプルの画像がない・…
Google先生みたいなログイン画面が作りたかった。 それには「Material UI」を使えばいいので Material UIについて勉強しました Material UIとは GoogleのMaterialデザインをベースに開発された、UIコンポーネントライブラリです。 Google先生のサイトを使っ…
PHPとかなら楽勝だったのですが、無駄にハマったのでメモとして残す Reactはjsxとう特殊なHTMLで構成するため 単純な <br /> 記述できない なので sample=sample.replace(/\n/g,'<br>') スペースをbrのタグに変換したらHTMLエンコードされたbrタグが表示されてしまった…
一般受けはしないがエロもOKな人はオススメです www.cmoa.jp 引用の画像はこちらからです。立ち読みができるので読んでほしいです。 内容 登場人物 ざっくり分類 漫画 感想 内容 女子高生のハルが異世界にいって娼婦になったお話です。チート系は一切ない。…
React Hooks 入門: フックの基礎や使い所をしっかり理解して使いこなす作者:soarflat発売日: 2020/09/22メディア: Kindle版 React hooksのuseReducerについて勉強した。
React Hooks 入門: フックの基礎や使い所をしっかり理解して使いこなす作者:soarflat発売日: 2020/09/22メディア: Kindle版 React hooksのuseContextについて勉強した。
とあるプロジェクトでボタンを押して入力フォームを表示させるという依頼があった。 ページ遷移して入力フォームを表示させてもよかった。 その環境は珍しいbootstrapを使ってくれていた。普通の会社なら当たり前なのですが、オレオレCSSフォームがほとんど…
React Hooks 入門: フックの基礎や使い所をしっかり理解して使いこなす作者:soarflat発売日: 2020/09/22メディア: Kindle版 React hooksのuseRefについて勉強した。
久しぶりに環境構築したら全然動かなくて、涙目・・・ 1年前までは以下のinstallコマンドができた sudo yum install --enablerepo=mysql80-community mysql-community-server 久しぶりに実行したら下記のエラーが発生した Error: Package: mysql-community-c…
