日誌担当:鈴木祥護
プロジェクト名:MiraBa
[本日の主要な目標]
アプリのUI骨格の完全な完成およびコードの整理・分割を行い、開発の基盤を固めること。
[活動内容] [担当者の作業]
UI骨格の作成と修正
1・2分割レイアウト: 左サイドバー(固定)と右メインコンテンツ(スクロール)の確立。
2・デザイン調整: 背景画像の適用、ヘッダーアイコンの配置、キャッチフレーズのスタイル調整(枠削除など)。
3・コンテンツ配置: 全体貢献度ウィジェットを最下部に、キャッチフレーズを最上部に配置するレイアウト変更を実施。
4・JavaScriptを用いて、サンプル投稿および画像付き投稿(ボランティア活動の様子)を動的にレンダリングする機能を実装した。
5・単一のHTMLファイルから、css/style.css、js/app.js、js/firebase.js へコードを分離し、保守性を向上させた。
[課題と解決の方向性]
左サイドバーの固定と右コンテンツのスクロールが干渉し、表示が崩れる問題が発生。
投稿フィードに追加した画像が表示されず、コメントも反映されない状態だった。
[次回の作業]
1・画像リソースの配置:フォルダを作成し、背景画像やヒーロー画像をローカル環境に配置する。
2・認証機能の強化:ログイン状態に応じた投稿フォームの表示制御(現在は表示のみ)を実装する。
3・Firestore連携: 実際のデータベースへの書き込み・読み込み処理を js/app.js に実装し、リアルタイム更新を有効化する。