ReactとFirebaseを使ってチャットアプリにアイコン画像を追加する方法
はじめに 名前とメッセージのみ表示されるチャットアプリに、アイコン画像を追加したいと思ったところ、意外と躓いたので私なりの方法を紹介します。 手順は以下の通りです。 <input type="file" />を使いフォームで画像を送信する FirebaseのStorageで画像を参照、アップロードする Storageからダウンロードし、Authenticationのユーザー情報を更新する Firestoreのコレクションにユーザー情報の画像を追加する Firestoreからデータを取得する データを画面上にレンダリングする 前提：追加前のコード アイコン画像追加前の処理は以下のようになっています。 SignUp.jsにてサインアップフォームにて入力したメールアドレスとパスワードを元に、
Reactチュートリアル2：レビューサイトを作ろう
本資料について 本資料は日本大学文理学部情報科学科の開講科目「Web プログラミング」の教材として作成されました。本資料は下記のライセンスの範囲内で、当授業以外でも自由にご利用いただけます。 対象読者 本資料は、以下の教材を学習済み、もしくはそれと同等以上の知識を持っていることを前提としています。 React チュートリアル：犬画像ギャラリーを作ろう 基本情報技術者試験レベルの関係データベースの知識 本資料で学ぶこと 本資料では以下の内容を学びます。 Express と Sequelize による API サーバー開発 React と API サーバーの連携 Cross-Origin Resourcer Sharing React によるルーティング Auth0 によるユーザー認証 Heroku による API サーバーの公開 ライセンス この作品はクリエイティブ・コモンズ 表示 4.0
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
