HTMLチーム5

日誌担当:鈴木 祥護

プロジェクト名:MiraBa(MIRABA)

【本日の主要な目標】

TOP画面の完成度向上を目的とし、
UIの操作性・視認性・デザイン統一感を高めるための改修を行う。

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

  1. レイアウトおよび構造整理

    • public 配下に CSS・JavaScript・HTML を整理し、実行環境で正しく動作する構成に修正。

    • 桜アニメーション(WebGL / shader)を維持したまま、UIレイヤーのみを安全に調整。

  2. TOP画面UIの調整

    • 画面上部に固定ヘッダーとして「MIRABA」タイトルを配置。

    • 筆記体フォントを採用し、M・Rを強調することでブランド性を向上。

    • ヘッダーはスクロールしても常時表示される仕様とした。

  3. サイドバー設計の改善

    • 左サイドバーを固定配置とし、画面全体との干渉を防止。

    • サイドバー背景を白色(不透明)に変更し、視認性を向上。

  4. ダミーコンテンツの再設計

    • 「活動の様子」「イベントカレンダー」「活動紹介」各セクションを整理。

    • 各セクションのタイトルを中央配置し、タイトル部分のみに枠組みを適用。

    • 活動の様子にはダミー画像を複数配置し、2列レイアウトで視覚的に分かりやすくした。

    • イベントカレンダーは月単位(2025年12月想定)の表記に変更し、大きめの表示で作成。

  5. 表示崩れ・不具合の修正

    • ローカルサーバー起動時に発生していたレイアウト崩れを修正。

    • 桜背景が表示されない問題を切り分け、UI側の修正のみで安定表示を実現。

【次回の作業予定】

  1. サイドバーの開閉アニメーションの実装と操作性向上

  2. イベントカレンダーのデータ連携(Firestore化)

  3. 投稿・いいね・コメント機能のUI統合と動作確認

  4. 画面遷移時のアニメーション演出の追加

25/12/16 めがね2/3 活動報告

日誌担当者: 藤原創太


チームの活動内容

  • ランキング登録APIを修正
  • ランキング画面でランキングを取得して表示する
  • 効果音を増やした
  • フォントを適用した
  • ランキング登録画面を作った

投稿担当者の作業内容

  • ランキング登録APIを修正
  • ランキング画面でランキングを取得して表示する

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

  • タイピング終わった後にランキングの登録したい
  • (ゴースト→)ランカー対戦を作りたい