日誌担当：鈴木祥護

プロジェクト名：MiraBa

[本日の主要な目標]

TOP画面を中心に、UI表現の強化（アニメーション背景・レイアウト改善）を行い、
各画面（TOP／メイン／投稿／マイページ）の役割を明確化する。

【活動内容】　【担当者の作業】

UI・画面構成の拡張および演出強化

１・TOP画面の再設計
　・筆記体フォントを用いた「MIRABA」ロゴを画面最上部に配置。
　・ロゴにアニメーション（浮遊表現）を加え、印象的なファーストビューを作成した。
　・TOP画面を縦スクロール可能な構成とし、今後のコンテンツ追加に対応できる基盤を整備した。

２・背景表現の整理
　・TOP画面には桜エフェクト（WebGL / shader）を使用した背景を適用。
　・メイン画面／投稿画面／マイページ画面は VANTA.js を用いたアニメーション背景を採用し、画面ごとに演出を分離した。

３・画面間レイアウトの調整
　・各エリア間の余白を広げ、PC表示を前提とした視認性の高いレイアウトに調整した。
　・不要な中央オブジェクト（400×240の描画領域）を除去し、UI表示の妨げを解消した。

４・サイドバーの改善
　・サイドバーの背景色を白に変更し、透明表現を廃止。
　・TOP／メイン／投稿／マイページへの導線（ボタン）を復活・整理した。

５・ダミーコンテンツの配置
　・TOP画面下部に、今後実装予定の
　　「画像エリア」「イベント用カレンダー」「活動紹介エリア」
　　を想定したダミーUIを配置した。

【次回の作業】

１・TOP画面下部コンテンツの具体化
　・イベントカレンダーのデザイン確定
　・活動紹介エリアをカード形式で整理する。

２・画面遷移の演出追加
　・TOP → メイン等の画面切り替えにフェード・アニメーションを追加する。

３・コード整理
　・各画面（TOP／メイン／投稿／マイページ）をHTML単位で分割し、
　　共通CSS・共通JSとして再整理する。

日誌担当者: 藤原創太

チームの活動内容

• ランキング登録APIを途中まで
• 音楽・効果音がなるようになった
• タイピング画面からリザルト画面に行く

投稿担当者の作業内容

• ランキング登録APIを途中まで

残タスク・次回の作業内容

• タイピング終わった後にランキングの登録したい