日誌担当：鈴木祥護
プロジェクト名：MiraBa
[本日の主要な目標]
本日は、以下の項目を実施し、サイトの基盤となる機能とデザインを実装しました。
[活動内容] [担当者の作業]
-
レイアウト修正:
-
左サイドバーを固定し、右側のメインコンテンツのみスクロールする2分割レイアウトを確立しました。
-
ヘッダーのデザインを変更し、アイコンエリアとして再構築しました。
-
-
デザイン調整:
-
背景画像を設定し、サイト全体の雰囲気を統一しました。
-
キャッチコピー「ーMIRABAー みらいの私たちの場所を ありがとう と 笑顔をともに」の配置とデザインを改善しました。
-
全体をモノクロトーンを基調としつつ、テーマカラー（#4bbac2）をアクセントに使用しました。
-
-
投稿機能（暫定版）の復旧と拡張:
-
js/app.jsにて投稿データのレンダリングロジックを実装しました。 -
「green bird」のボランティア活動を参考にした画像付き投稿を追加しました。
-
投稿に対するコメント機能の表示を実装しました。
-
-
コードの整理:
-
単一ファイルだったコードを
index.html,css/style.css,js/app.js,js/firebase.jsに分割し、保守性を向上させました。
-
[課題と解決の方向性]
なし
[次回の作業]
-
投稿機能の本格実装:
-
現在はJavaScript内の固定データを表示していますが、フォームから入力された内容を画面に反映させる処理を作成します。
-
（発展）Firebase Firestoreへのデータ保存処理の追加検討。
-
-
画像アップロード機能の検討:
-
ユーザーが自分のデバイスから画像を選択し、投稿に添付できる仕組みの調査と実装準備。
-
-
背景設計（動画対応）:
-
静止画の背景だけでなく、動画を背景にするための技術検証と実装。
-
-
新画像投稿への対応:
-
様々なアスペクト比の画像が投稿されてもレイアウトが崩れないよう、CSS（
object-fit等）の調整。
-