日誌担当者: 鎌田 あるん

チームの活動内容

• スライド
• ポスター作製
• アプリの修正

投稿担当者の作業内容

• アプリの修正

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

• スライド
• ポスター作製
• アプリの修正

じゃんけんでも負けました。もうダメぽ

作業担当者：鈴木　祥護
作業日　　：2月3日（最終）

■ 作業概要
MIRABAサイトにおける全画面のUI設計および画面構造整理を完了し、
本プロジェクトの開発・設計フェーズを終了した。

設定、フレンド（メッセージ）、マイページ、投稿画面を含む主要画面について、
共通UI方針・画面遷移仕様・表示ルールを確定し、
最終的な情報共有および設計内容の整理を実施した。

■ 実施内容

1. プロジェクト全体構造の最終確認
   ・MIRABAの世界観を「高級感・ガラス感・あたたかさ（ダーク寄り）」で統一
   ・全画面共通サイドバー固定構造を採用
   ・画面遷移は data-page 属性＋共通JSによる方式に統一
   ・各ページは main 領域のみを差し替える構成とし、共通UIの再実装は禁止とした

2. 各画面のUI設計確定

【設定画面】
・信頼の中核画面として位置づけ
・HELP画面構造をベースに、説明中心・操作最小のUIを採用
・UI設計は完成扱いとし、今後の変更は行わない

【フレンド・メッセージ画面】
・フレンド一覧からメッセージ画面へ遷移する構造を確定
・メッセージ画面ではサイドバーを非表示
・戻るボタンによる遷移のみを許可
・送信時刻表示仕様（当日：時刻、日付跨ぎ：月/日）を確定
・実際のフレンド間でのメッセージは未実装（形のみ）

【マイページ】
・ユーザーの活動履歴を集約する画面として設計
・独立したヘッダー領域を設置
・投稿／いいねのタブ切替構造を採用
・投稿カード単位表示、empty-state前提構造を確定
・UIおよび画面構造は完成扱いとした
・UPページとの連携は未完了

【投稿画面（up画面）】
・コメントおよび画像投稿専用画面として設計
・画像表示仕様を以下に統一
　- 正方形（aspect-ratio: 1 / 1）
　- 複数画像選択可能
　- 表示は常に1枚
　- 左右ボタンによる切り替え方式
・UI設計および仕様確定を完了

【RIGHT画面】
・投稿内容表示画面として設計
・投稿画面およびマイページと画像仕様を共通化
・画面構造は確定し、連携は想定段階で終了

【発表用プレゼンテーション完成】

日誌担当者: 鎌田 あるん

チームの活動内容

• スライドの仕上げ
• 発表練習
• ポスター作製

投稿担当者の作業内容

• ポスター作製

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

• ポスター作製

日報を賭けたタイピング勝負で負けました。絶対勝つ。

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

■ 作業概要
MIRABAサイトにおける、
投稿画面（up画面）のUI設計整理および画像投稿仕様の確定作業を実施した。
既存画面との整合性を保ちながら、投稿機能として必要な構造と挙動の整理を行った。

■ 実施内容

1. 投稿画面の役割整理
   ・投稿画面を、コメントおよび画像を投稿する専用画面として定義
   ・マイページおよびRIGHT画面と連携する前提で設計を実施
   ・画面設計を優先し、ログイン処理や保存処理などの機能実装は後工程とした

2. 画像投稿UI仕様の確定
   ・投稿画像の表示サイズを正方形（aspect-ratio: 1 / 1）に統一
   ・複数画像の選択を可能としつつ、画面上では常に1枚のみ表示する仕様を採用
   ・左右の切り替えボタンにより、選択した画像を順番に確認できるカルーセル方式を採用

3. 画像表示・切り替え構造の整理
   ・ファイル選択後に画像表示領域を表示する構造とした
   ・画像切り替えはインデックス管理による制御を想定
   ・画像が1枚のみの場合は切り替えボタンを非表示とし、UIの簡潔さを維持

4. 他画面との整合性確認
   ・マイページおよびRIGHT画面と同一の画像表示仕様を前提とし、表示比率と構造を共通化
   ・将来的なデータ連携時に、DOM構造を変更せず反映可能な設計を確認

■ 確認事項
・投稿画面はUI設計および仕様確定フェーズを完了とする
・機能実装（保存処理、画面間連携）は後工程で段階的に実施する
・画像表示仕様は投稿画面、RIGHT画面、マイページの3画面共通ルールとして扱う

■ 次回作業予定
・投稿画面とマイページ画面のデータ連携設計
・RIGHT画面への投稿内容反映構造の整理

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

・発表練習

・スライド作成

・発表時に使用する紹介動画作成

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

・発表練習

・発表時に使用する紹介動画作成

・スライド作成

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

・発表練習

・スライド作成

・発表時に使用する紹介動画作成

日誌担当者

松村知生

チームの活動内容

スライド作り、リハーサル、DB操作、いらないファイル削除

投稿担当者の作業内容

スライド作り、リハーサル

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

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

一言
ラソラの筋トレ施設(情専生なら500円のところ)行ってきたんですが、めちゃくちゃよかったです。皆さんジム行きましょう。

作業担当者：鈴木　祥護
作業日　　：1月30日

■ 実施内容

1. マイページ内タブ切替挙動の整理

• 「投稿」「いいね」タブ切替を前提とした画面構造を確認

• タブ切替時に表示内容のみを切り替え、
  ページ全体の再描画を行わない設計方針を整理

• アクティブ状態の視覚表現（下線・強調）を想定したUI整理を実施

2. 投稿表示構造の確認

• 投稿カードを最小単位とした一覧表示構造を再確認

• 投稿が存在しない状態（初期状態）を考慮し、
  empty-state 表示を前提とした構造を採用

• コメント投稿欄・画像投稿欄は常時DOMとして保持し、
  後からJSでデータを差し込む設計とした

3. データ反映を想定した設計整理

• マイページは静的UI完成後に、
  投稿画面（別画面）からのデータ反映を行う前提構造とする

• ユーザー名・投稿内容は将来的にJSで動的に反映する想定とし
  HTML構造側ではプレースホルダ配置に留める設計を確認

■ 次回作業予定

• マイページ関連JS（タブ切替・表示制御）の実装検討

• 投稿画面（up画面）とのデータ連携設計整理

日誌担当者

松村知生

チームの活動内容

発表準備

投稿担当者の作業内容

原稿づくり

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

じゃんけん連敗。次は勝つ。doaの英雄って曲が好きです。

日誌担当者

松村知生

チームの活動内容

ポスター作り、スライド作り

投稿担当者の作業内容

ポスター作り

残タスク、次回の作業内容
ポスター作り、スライド作り

いよいよ大詰めだ～頑張りましょう～

日報担当：髙島海紗

【今日の活動内容】

ポスター作成

プレゼン資料作成

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

ポスター作成

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

ポスター作成

プレゼン資料作成