日誌担当：鈴木祥護

プロジェクト名：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を途中まで

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

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

日誌担当：鈴木祥護

プロジェクト名：MiraBa

[本日の主要な目標]

アプリのUI骨格の完成、デザインの完成

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

UI骨格の作成と修正
レイアウトの見直し

[次回の作業]
切り替え画面の確定
画面ごとのレイアウト修正

日誌担当者: 藤原創太

チームの活動内容

• ゲームロジック：タイピングお題をAPIからとる
• API：ランキング上位を取得する
• データベース：ランキング取得用にちょっと変更
• 背景：1つ途中まで作った
• CORS対応

投稿担当者の作業内容

• API：ランキング上位を取得する
• データベース：ランキング取得用にちょっと変更

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

• ゴースト対戦関連に絶対手を付ける

日誌担当者：久保　拓也
【今日の活動内容】

・問題の追加

・アニメーションの追加、修正

【投稿担当者の作業内容】

・アニメーションの追加、修正

【残タスク、次回の作業内容】

・問題と用語の追加

・アニメーションの追加、修正

報告者：G3A113佐藤桃香

活動内容：コード作成

報告者の活動内容：コード作成

次回の活動内容：コード作成

日誌担当：鈴木祥護

プロジェクト名：MiraBa

[本日の主要な目標]

React開発環境の構築

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

Reactの環境構築完了。
VScodeでのリンクが不能。

[課題と解決の方向性]

ファイル感の見直し、パスの確認

[次回の作業]

Reactで画面表示する

日誌担当者: 藤原創太

チームの活動内容

• ゲームロジック：スコア計算、キー操作し始めたら時間計測する
• API：タイピングお題の配列をランダムに出す
• データベース：タイピングお題のマスタテーブルを作る
• 背景：2つ作った
• タイピングでちょっと遊んだ

投稿担当者の作業内容

• API
• データベース
• タイピングでちょっと遊んだ

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

• ゴースト対戦関連に手を付けたい