日誌担当：鈴木祥護

プロジェクト名：MiraBa

[本日の主要な目標]

アプリのUI骨格の完全な完成およびコードの整理・分割を行い、開発の基盤を固めること。

[活動内容]　[担当者の作業]

UI骨格の作成と修正

１・2分割レイアウト: 左サイドバー（固定）と右メインコンテンツ（スクロール）の確立。

２・デザイン調整: 背景画像の適用、ヘッダーアイコンの配置、キャッチフレーズのスタイル調整（枠削除など）。

３・コンテンツ配置: 全体貢献度ウィジェットを最下部に、キャッチフレーズを最上部に配置するレイアウト変更を実施。

４・JavaScriptを用いて、サンプル投稿および画像付き投稿（ボランティア活動の様子）を動的にレンダリングする機能を実装した。

５・単一のHTMLファイルから、css/style.css、js/app.js、js/firebase.js へコードを分離し、保守性を向上させた。

[課題と解決の方向性]

左サイドバーの固定と右コンテンツのスクロールが干渉し、表示が崩れる問題が発生。

投稿フィードに追加した画像が表示されず、コメントも反映されない状態だった。

 

[次回の作業]

１・画像リソースの配置：フォルダを作成し、背景画像やヒーロー画像をローカル環境に配置する。

２・認証機能の強化:ログイン状態に応じた投稿フォームの表示制御（現在は表示のみ）を実装する。

３・Firestore連携: 実際のデータベースへの書き込み・読み込み処理を js/app.js に実装し、リアルタイム更新を有効化する。