HTML5

作業担当者:鈴木 祥護
作業日  :1月16日

■ 作業概要

MIRABA サイトの ページ間背景の自然な接続調整 および
5ページ目「EVENT CALENDAR」画面の設計・実装作業 を実施。

■ 実施内容

1. ページ間背景の調整(1ページ目 → 2ページ目)

  • グラデーション境界が不自然に見える問題を検証

  • .screen 構造と背景指定の関係を整理

  • 疑似要素やブリッジ用グラデーションの影響を切り分け

  • 「二重線が見える」原因を CSS 構造レベルで把握

2. EVENT CALENDAR(5ページ目)設計

  • カレンダー画面のUI仕様を確定

    • タイトル:画面上部

    • 年表示:タイトル下

    • 月表示:左側・大きめフォント

    • 曜日:横並び(英語表記)

    • 日付:中央・グリッド配置

    • 操作ボタン:右下(前月/次月/前年/次年)

  • デザイン方針

    • Googleカレンダーを参考

    • 線・枠は「やさしいシルバー」

    • 高級感・主張しすぎないUI

3. カレンダー日付表示不具合の解決

  • 日付が縦1列になる問題を調査

  • 原因が HTML構造(.cal-date 未使用)+ JS生成方法 にあると特定

  • 正しい Grid 前提構造を整理

  • .cal-date を1日1要素として生成する JS ロジックを確立

  • 10日・20日に EVENT 表示を実装

次回作業予定

・サブリンク画面設計

HTML5

作業担当者:鈴木 祥護

本日の目的

  • CSS分割後の表示崩れ・未反映箇所の修正

  • TOPヘッター領域の調整

  • 1ページ目〜2ページ目の背景を自然につなげる試行

  • UI干渉(MENU・サブタイトル・タイトル等)の解消

明日(1/16)の予定

1~5までのアニメーション連携
6~10までの画面設計・リンク連動
全体のアニメーション・演出確認

26/1/14 CodeUnion 活動報告

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

・隠しミニゲーム作成

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

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

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

・隠しミニゲーム作成

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

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

26/01/14 めがね2/3 活動報告

日誌担当者: 藤原創太


チームの活動内容

  • UIの調整
  • バグの修正
  • サーバーにあげて動作確認

投稿担当者の作業内容

  • UIの調整、修正
  • 遊んだ

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

  • ゲームのUI調整、バグ修正
  • 利用マニュアルの作成
  • スライドの作成

 

サーバーでの動作確認できました!🕺🪩💃
このゲーム面白すぎるぞ~
まだ発生条件がよくわかっていない不具合があるのでたくさん遊んで確認しちゃいます

HTML5

日誌担当:鈴木 祥護
プロジェクト名:MIRABA

■ 作業日

2026年1月14日

  • TOPページ(ABOUTセクション)のUI調整作業

    • 円(キーワードオブジェクト)の3D配置・奥行き表現の調整

    • 中央に来る円を手前に表示し、視認性を高める調整

    • 円同士の重なり・背景への埋没問題の修正対応

  • 背景・レイアウトの検証

    • 上部ナビゲーションと円の重なり回避

    • 下部テキストが正しく表示されるための余白設計

    • 背景の高級感を保ちつつ、縦方向レイアウトの最適化を検討

■ 発生した課題・気づき

レイアウト調整とアニメーション制御が密結合になっており、
今後の保守性に課題があると判断

■ 明日の予定

・各ページのアニメージョン一元管理
・サイドページへのリンク、アクション確認細部の画面設計
・cssの構成見直し

For Fujie Lab Members