サークル掲載サイト

• ログイン認証機能実装

• formに入力し、登録することで情報を掲示できる

• ユーザーに紐づけて情報を保存するため、

参考にしたサイト

• ログイン機能（JSとFirebase）

  • https://firebase.google.com/docs/auth/web/start?authuser=0&hl=ja
  • https://www.azukipan.com/posts/firebase-authentication-logout/

• Firestore 大まかな説明

  • https://zenn.dev/nash/articles/6e18bd94eca63e

• Firestore 大まかな説明 公式ドキュメントの方がわかりやすいけど一応

  • https://qiita.com/azukiazusa/items/2cb7405c47ac38fa3fd1

• Firebase Auth エラー内容

  • https://qiita.com/thoth000/items/5b31e5f1daf7c2284473

• Firebase Storage 画像保存方法

  • https://firebase.google.com/docs/storage/web/upload-files?hl=ja
  • https://norm-nois.com/blog/archives/4080

• Firestore 単一ドキュメントの取得

  • https://www.wakuwakubank.com/posts/723-firebase-firestore-query/

• Firebase クエリまとめサイト

  • https://zenn.dev/tentel/articles/ea7d5c03e68e6d142d98

• ログインした人だけ情報を公開できる。ログインしていない人は見るだけ

  • https://qiita.com/karayok/items/0996c8f0ea219c284dbd

• Firestore where() の使い方

  • https://tedate.jp/firebase/basic-data-acquisition-methods-from-cloud-firestore

• 非同期処理

  • https://knowledge.sakura.ad.jp/24890/#then_catch

• いいかんじに画像のサイズを調整してくれるcss object-fit: cover;

  • https://www.webcreatorbox.com/tech/object-fit

• 3点リーダーのやり方 文章が長くて省略したいとき

  • https://design-levelup.com/webdesign/html-css/making-3/

• input要素でファイルを入れる方法 input type=file

  • https://code-kitchen.dev/html/input-file/

• instagram background-color

  • https://stackoverflow.com/questions/37751375/instagram-new-logo-css-background

• aタグ アンダーライン表示しない

  • https://toretama.jp/link-underline-none.html#:~:text=%E4%B8%80%E9%83%A8%E3%81%AE%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%AE%E3%82%A2%E3%83%B3%E3%83%80%E3%83%BC%E3%83%A9%E3%82%A4%E3%83%B3%E3%82%92%E6%B6%88%E3%81%99%E3%81%AB,%E3%81%A6%E3%81%8A%E3%81%84%E3%81%A6%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84%E3%81%AD%E3%80%82