HTML5

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

コメントする

日誌担当者: 藤原創太

チームの活動内容

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

投稿担当者の作業内容

  • フォントの変更、UIの調整
  • バグの修正
  • スライドの作成

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

  • ゲームのUI調整、バグ修正
  • サーバーにあげて動作確認してみる
  • 利用マニュアルの作成
  • スライドの作成

 

始まってしまいました
最後まで頑張ろう

HTML5

HTML5

コメントする

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

■ 本日の主な進捗

1. サイドバー関連（最終確認）

  • bodyスクロール完全停止

  • MENU＋ハンバーガーUI

2. TOPページ（1～３）デザイン完成

■ 現時点での状態まとめ

  • UI構造：安定

  • サイドバーUX：完成

  • TOPページ：完成

■ 次回（1/14）の予定タスク

１．４～６までのTOPページ完成
２．全体トーンの最終仕上げ
３．全体スクロール連動演出

HTML5

HTMLチーム５

コメントする

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

【本日の主要な目標】

サイドバーおよびTOP画面周辺のUI/UX改善を目的として、
スクロール制御・操作性・視認性の整理と、
MENUボタン／ハンバーガーアイコンの統合設計を進める。

【活動内容】（作業内容まとめ）

1. サイドバー開閉時のスクロール制御確認・調整

  • サイドバー開閉時に body のスクロールが完全に停止しない問題を確認。

  • body.menu-open による
    overflow: hidden / height: 100vh / touch-action: none の挙動を再確認。

  • 背景スクロール停止 + サイドバー内部のみスクロール可
    という構成を前提に、CSS構造（.sidebar / .sidebar-body）を整理。

2. サイドバー内部構造の再定義（CSS）

  • .sidebar 自体はスクロール不可とし、
    内部の .sidebar-body のみ overflow-y: auto を許可。

  • スクロールバーのデザイン（細線・半透明）を実装。

  • サイドバー内文字を中央揃えに統一。

  • 上部ロゴ領域・下部タイトル領域を明確に分離。

 

【次回の作業予定】

  • MENUボタン枠内へのハンバーガーアイコン完全統合。

  • フォントサイズ・行間・余白の本格調整。

  • MIRABAロゴ画像の仮配置とサイズ検証。

  • TOP画面背景に動画導入計画
HTML5

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

コメントする

日誌担当者: 鎌田あるん

チームの活動内容

  • UIの調整
  • デプロイお試し
  • ゴースト対戦機能完成
  • CODEモードの追加

投稿担当者の作業内容

  • ゴースト対戦機能完成
  • UIの調整

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

  • UIの調整
  • デバッグ

 

もういくつ寝ると冬休み！たのしみ～～

HTML5

25/12/22　CodeUnion　活動報告

コメントする

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

・問題と用語の追加

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

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

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

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

・問題と用語の追加

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

HTML5

HTML５

コメントする

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

 

【本日の主要な目標】

TOP画面の完成度をさらに高めるため、
サイドバーのUX改善を中心に、
全面オーバーレイ型サイドバーの挙動・操作性・視認性の調整を行う。

【活動内容】（作業内容まとめ）

1. サイドバーUXの高度化（操作性向上）

  • サイドバーを全面オーバーレイ表示とし、
    MENUボタン押下で画面全体を覆う構成を維持。

  • 背景（オーバーレイ）クリックによるサイドバー閉じ処理を実装。

  • ESCキー入力時にサイドバーを閉じる処理を追加。

  • サイドバー表示中は body にクラスを付与し、
    ページスクロールを完全に禁止する仕様を採用。

  • フェード（opacity）とスライド（transform）を組み合わせた
    一体型アニメーションで開閉するよう調整。

2. サイドバー内ナビゲーション動作の整理

  • サイドバー内の「TOP」項目をクリックした際に、
    TOPセクションへスクロール遷移する仕様へ修正。

  • サイドバー開閉ロジックを整理し、
    状態不整合（開いたまま遷移しない等）が起きない構造へ改善。

3. MENUボタン表示と状態表現の調整

  • サイドバー開示中、
    MENUボタンの表示文字を変更する仕様を検討・整理。

  • 今後実装予定として、
    MENUボタン内にハンバーガーアイコンを統合する方針を確定。

  • MENU枠を横方向に拡張し、
    テキストとアイコンを同一ボタン内に配置する設計を決定。

4. ハンバーガーアイコンの仕様設計（設計確定）

以下のアニメーション仕様を確定（※本日は設計まで）：

  • 横棒3本構成（最下段のみ短い）

  • クリック時：

    • 3本目の棒が消失

    • 残り2本が回転し「×」形状へ変形

  • サイドバークローズ時：

    • 元のハンバーガー形状へ戻る

MENUボタンと同一機能・同一状態管理で動作させる設計とした。

【次回の作業予定】

  • MENUボタン内へのハンバーガーアイコン実装

  • ハンバーガー → × へのアニメーション実装

  • サイドバー内部レイアウトの最終調整

  • ロゴ（MIRABAマーク）配置位置の確定

  • CSS構造の整理（後のReactコンポーネント化を意識）

For Fujie Lab Members