01-Chatterbox

②課題内容（どんな作品か）

• Firebaseを使用したリアルタイムチャットアプリケーションです。
• ユーザー認証機能を備え、ログイン状態に応じてチャット機能が表示・動作します。

③DEMO

これからアップロードします

④作ったアプリケーション用のIDまたはPasswordがある場合

• ID: 今回はなし
• PW: 今回はなし

⑤工夫した点・こだわった点

• Firebase Authenticationを使ってログイン・新規登録・ログアウトを実装
• Firebase Realtime Databaseを用いてリアルタイムでチャットデータを共有（講義でつくったもの）
• ログイン状態でのみチャット画面を表示し、未ログイン時は非表示にする工夫

⑥難しかった点・次回トライしたいこと（又は機能）

• Firebase AuthenticationとRealtime Databaseの組み合わせを初めて実装する際に理解に時間がかかった
• 次回トライしたい機能：
  • チャットメッセージの削除履歴の管理
  • チャット画面のデザイン向上
  • チャット履歴の検索機能
  • ユーザーごとのアバターアイコン表示

⑦質問・疑問・感想、シェアしたいこと等なんでも

土曜日までにブラッシュアップ、、、したい →頑張ってブラッシュアップ完了！！！

• [参考記事]

  1. https://www.asobou.co.jp/blog/web/firebase-login01
  2. https://www.asobou.co.jp/blog/web/firebase-login02
     1. この記事の記述と、importがうまく合わずに苦労しました、、、 参考にした記事１ https://www.asobou.co.jp/blog/web/firebase-login01 ログイン認証の解説記事

参考にした記事２ https://techmania.jp/blog/javascript-getelementbyid/ getElementByIdの使い方(jqueryから変更）

参考にした記事3 https://apricot-design.com/staffblog/javascript%E3%81%AE%E5%90%8C%E6%9C%9F%E5%87%A6%E7%90%86%E3%81%A8%E9%9D%9E%E5%90%8C%E6%9C%9F%E5%87%A6%E7%90%86%E3%82%92%E3%82%84%E3%81%95%E3%81%97%E3%81%8F%E8%A7%A3%E8%AA%AC%E3%81%97%E3%81%BE%E3%81%99/ 同期処理と非同期処理

https://tridentwebdesign.blog.fc2.com/e/promise_async_await Promise,async,awaitのまとめ