全てのコンテンツ

Firebase

【Firebase】プロフィール画面にデフォルトでユーザー情報を表示する

前回は、プロフィール画面で作成したユーザー情報を、Firestore Database に保存しました。 今回は、プロフィール画面にデフォルトでユーザー情報を表示します。 まずは、プロフィールのフックを作成するため、hooks フォルダに useProfile.ts…

続きを読む
2022年03月06日2 分
Firebase

【Firebase】プロフィール画面で作成したユーザー情報を、Firestore Databaseに保存する

前回は、プロフィール画面を作成し、Firestore Storage にアバター画像を保存しました。 今回は、プロフィール画面で作成したユーザー情報を、Firestore Database に保存します。 前回作成した、 handleSubmit の uploadBytes…

続きを読む
2022年03月05日3 分
Firebase

【Firebase】プロフィール編集画面を作成し、Firestore Storageにアバター画像を保存する

前回は、Firestore Database を使い、React でメッセージ送信機能を実装しました。 今回は、プロフィール編集画面を作成し、Firestore Storage…

続きを読む
2022年03月04日5 分
Firebase

【Firebase】Firestore Databaseを使い、Reactでメッセージ送信機能を実装する

前回は、Firebase Authentication の機能を使って、FIrestore Database からデータを取得し、ブラウザに表示させました。 今回は、Firestore Database を使い、React…

続きを読む
2022年03月03日3 分
Firebase

【Firebase】FIrestore Databaseから取得したデータを、ブラウザに表示させる

前回は、Firebase Authentication の機能を使って、パスワード再設定機能を実装しました。 今回は、Firestore Database からデータを取得し、ブラウザに表示させます。 まずは、Firebase の Firestore Database…

続きを読む
2022年03月02日3 分
Firebase

【Firebase】Reactでパスワード再設定機能を実装する

前回は、Firebase Authentication の機能を使って、ユーザーが認証されていない場合、ログイン画面へ遷移しました。 今回は、パスワード再設定機能を実装します。 まずは、useAuth.ts…

続きを読む
2022年03月01日2 分
Firebase

【Firebase】ユーザーが認証されていない場合、ログイン画面へ遷移する方法

前回は、Firebase Authentication の機能を使って、React…

続きを読む
2022年02月28日1 分
Firebase

【Firebase】Firebase Authenticationの機能を使って、Reactでログアウト機能を実装する

前回は、Firebase Authentication の機能を使って、React でログイン機能を実装しました。 今回は、React でログアウト機能を実装します。 まずは、Home.tsx にヘッダーを作成し、ログアウトボタンを作成します。 テンプレートは、 MUI…

続きを読む
2022年02月27日1 分
Firebase

【Firebase】Firebase Authentication の機能を使って、Reactでログイン機能を実装する

前回は、Firebase Authentication の機能を使って、React でユーザー登録機能を実装しました。 今回は、React でログイン機能を実装します。 まずは、pages フォルダに、Home.tsx と Login.tsx を作成します。 Login.tsx…

続きを読む
2022年02月26日3 分
Firebase

【Firebase】Authenticationを使って、Reactでユーザー登録機能を実装する

前回は、Firebase Authentication の機能を使って、React でユーザー登録機能を実装します。 まずは、以前ご紹介した内容に沿って、Firebase を設定します。 ターミナルで npm install --save firebase…

続きを読む
2022年02月25日3 分