26/2/9 めがね2/3 活動報告

日誌担当者

松村知生

チームの活動内容

スライド作り、ポスター作り、バグ直し

投稿担当者の作業内容

スライド作り

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

スライド完成(動画撮影)

 

一言
風邪ひきましたー筋トレが早くしたいです

html5

作業担当者:鈴木 祥護
作業日 : 2月6日

作業内容
プロフィール画面の追加機能に対応のため再定義

・プロフィールは
 「人物の象徴」と「付随情報」を明確に分離する画面とする

・情報の重要度に応じて、視覚的レイヤーを分離する

情報レイヤー構造

【人物の核(正規・固定)】
・アバター
・表示名
・(将来)ユーザID(本人のみ確認可能)

【準公開・可変情報】
・年齢
・生年月日(公開/非公開 任意)
・性別(公開/非公開 任意)
・住所(都道府県のみ公開)

【活動情報】
・投稿数
・利用期間

■ 表示ルール(確定)

・初期状態は 表示名のみ表示
・それ以外の項目は 非表示 または「–」表示
・未入力項目は必ず「–」で表示する
・年齢と生年月日は別項目として扱う
 → どちらか一方のみ表示可能な設計
・住所は 都道府県のみ公開(プライバシー保護)

■ デザイン・世界観の確定

【前提】
・背景(画面全体)は変更しない
・MIRABAの「落ち着いた暗さ」は維持する

【問題点】
・暗すぎて見づらい
・黒 × 黒で情報階層が分かりづらい

【解決策(確定)】
・カード内のみ明るくする
・特に「アイコン+名前」領域を
 別レイヤーとして強調する

4. 今後の想定タスク(効率重視)

・profile-hero のデザインを完成レベルまで仕上げる
・プロフィール画面を
 「UI完成」
 「JS機能追加完了」
・メッセージ画面の新規追加機能に応じた画面設計再定義詳細機能の定義ui設計図の作成

26/02/06/ めがね2/3 活動報告

日誌担当者: 鎌田あるん


チームの活動内容

  • スライドの修正
  • アプリの微調整

投稿担当者の作業内容

  • アプリの微調整

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

  • スライドの修正
  • 作品ポスターの作成
  • あればゲームの調整

 

ゆびすま負けた

html5

  1. 作業担当者:鈴木 祥護
    作業日  :2月5日

    RIGHT画面の役割定義
    ・RIGHT画面を、ユーザー投稿を時系列で表示するタイムライン画面として位置づけ
    ・TOP画面の体験価値を補完する「閲覧中心の画面」として設計
    ・操作を最小限に抑え、情報の流れを重視した構成とした

  2. 画面構造設計
    ・投稿カードを最小単位とした縦方向レイアウトを採用
    ・ユーザー情報、投稿テキスト、画像、コメント導線を
     一つのカード内で完結させる構造とした
    ・RIGHT画面はJSによる動的生成を前提とし、
     HTML構造を固定したままデータを差し替える設計を採用

  3. コメントUIの責務分離
    ・コメント表示用(comment-preview)と入力用(comment-panel)を明確に分離
    ・表示と入力を混在させないことで、UXの混乱を防止
    ・コメントは新しいものが上に表示される降順構造とした
    ・表示件数を制限し、スクロール前提のUIとした

  4. 画像表示仕様
    ・画像は正方形(aspect-ratio: 1 / 1)表示に統一
    ・複数画像選択を可能としつつ、表示は常に1枚のみ
    ・左右ボタンによる切り替え方式を採用
    ・投稿画面およびマイページと仕様を完全に共通化

  5. 完了判定
    ・RIGHT画面はUI設計および構造設計ともに完成扱いとする
    ・今後の追加機能実装は行わない


■ プロフィール画面 報告内容

  1. プロフィール画面の役割定義
    ・プロフィール画面を「ユーザー情報の閲覧専用画面」として設計
    ・編集操作は別画面(プロフィール編集)に分離し、
     表示と入力の責務分離を徹底した

  2. 画面構造設計
    ・全画面共通サイドバーを維持し、main領域のみをプロフィール専用構成とした
    ・ユーザー名、基本情報を中心に、落ち着いた情報配置を採用
    ・過度な装飾を避け、公共性・信頼性を意識した構成とした

  3. 編集画面との分離設計
    ・編集ボタンから専用の編集画面へ遷移する構造を採用
    ・プロフィール画面自体には入力要素を持たせない
    ・将来的な公開/非公開制御を想定したデータ構造を前提とした

  4. デザイン方針
    ・高級感・ガラス感・あたたかさ(ダーク寄り)の世界観を踏襲
    ・余白と文字色を重視し、視認性と落ち着きを両立
    ・MIRABA全体のトーンを崩さない画面デザインとした

  5. 完了判定
    ・プロフィール画面およびプロフィール編集画面は
     UI設計・構造設計ともに完成扱いとする
    ・以後の改修・追加作業は行わない

26/02/05 めがね2/3 活動報告

日誌担当者: 藤原創太


チームの活動内容

  • スライドの修正
  • ランキング画面の変更
  • 3D背景の調整

投稿担当者の作業内容

  • ランキング登録のデフォルトの名前をちょっと調整
  • ゲーム用の曲づくり

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

  • スライドの修正
  • 作品ポスターの作成
  • あればゲームの調整

 

全体発表がんばります

26/2/5 CodeUnion 活動報告

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

・スライド修正

・紹介動画作成

・ポスター修正

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

・紹介動画作成

・スライド修正

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

・スライド修正

・紹介動画作成

・ポスター修正

HTML5

作業担当者:鈴木 祥護
作業日  :2月4日

プロジェクト全体の最終整理
・設定、フレンド(メッセージ)、マイページ、投稿画面、RIGHT画面について
 UI設計および画面構造を確定
・全画面共通サイドバー固定構造、data-pageによる画面遷移仕様を最終仕様として整理・共有

次回の作業
① right画面:複数枚画像投稿(最優先)
② プロフィール:公開/非公開制御

For Fujie Lab Members