①課題番号-chat風 アプリ

G's DEV15 class menber List

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

student,staffのプロフと画像をfirebaseに保存し、 ブラウザに表示させるアプリになります。

操作 ①student、staffのプロフィールを画面下部に編集エリアに入力。 ②登録ボタンでfire storeにテキストデータを登録。 以降の登録、読込、上書きボタン押す際、プルダウンで student,staffを選択する。 student,staffデータをコレクション別に分けて保存させます。 まだできてませんが、imgファイルをfire storageへ保存したかったです。 fire storageにはconsole上で見た限り、接続できてると思われます。 ③保存したデータを画面に表示。 student,staffそれぞれの指定エリアに表示。 ④読込エリアに個々のNo.を入力し、読込ボタンで 編集エリアに表示。 ⑤読込No.を入力し上書きボタンで、fire storeのデータを上書き

削除ボタンは用意できてないため、fire base上での操作になります。

以上です。

③DEMO

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

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

前回のlocal storageの課題で データ編集(読込、上書き保存)ができなかったので 今回は必ず入れたかった。それができて良かった。

また、aiでなく公式ドキュメントを読み解いて作成できたところも、 良かった。

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

fire storageへの接続も２ｈ程かかってできたが、 ファイル保存ができなかったのは、 トライしたい。

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

fire storageへの接続方法を公式ドキュメントから苦労して見つけたが、 chat-gptは一瞬で返すので、力が抜けた。 しかし、それをすぐ理解できているのは成長してる点だと思えた。

以上。