日誌担当:鈴木 祥護
プロジェクト名:MiraBa(MIRABA)
【本日の主要な目標】
TOP画面の完成度向上を目的とし、
UIの操作性・視認性・デザイン統一感を高めるための改修を行う。
【活動内容】(担当者の作業)
-
レイアウトおよび構造整理
-
public 配下に CSS・JavaScript・HTML を整理し、実行環境で正しく動作する構成に修正。
-
桜アニメーション(WebGL / shader)を維持したまま、UIレイヤーのみを安全に調整。
-
-
TOP画面UIの調整
-
画面上部に固定ヘッダーとして「MIRABA」タイトルを配置。
-
筆記体フォントを採用し、M・Rを強調することでブランド性を向上。
-
ヘッダーはスクロールしても常時表示される仕様とした。
-
-
サイドバー設計の改善
-
左サイドバーを固定配置とし、画面全体との干渉を防止。
-
サイドバー背景を白色(不透明)に変更し、視認性を向上。
-
-
ダミーコンテンツの再設計
-
「活動の様子」「イベントカレンダー」「活動紹介」各セクションを整理。
-
各セクションのタイトルを中央配置し、タイトル部分のみに枠組みを適用。
-
活動の様子にはダミー画像を複数配置し、2列レイアウトで視覚的に分かりやすくした。
-
イベントカレンダーは月単位(2025年12月想定)の表記に変更し、大きめの表示で作成。
-
-
表示崩れ・不具合の修正
-
ローカルサーバー起動時に発生していたレイアウト崩れを修正。
-
桜背景が表示されない問題を切り分け、UI側の修正のみで安定表示を実現。
-
【次回の作業予定】
-
サイドバーの開閉アニメーションの実装と操作性向上
-
イベントカレンダーのデータ連携(Firestore化)
-
投稿・いいね・コメント機能のUI統合と動作確認
-
画面遷移時のアニメーション演出の追加