Proposal
Why¶
現在のメンバー詳細ページ(MemberDetailPage)では、メンバーが参加したすべてのセッションが勉強会の区別なく一覧表示されている。複数の勉強会に参加しているメンバーの場合、どの勉強会にどれだけ参加しているかを把握しづらい。勉強会別のサマリー表示と、勉強会ごとの出席履歴詳細を表示することで、メンバーの活動状況をより直感的に把握できるようにする。
What Changes¶
- メンバー詳細ページのレイアウトを2層構造に変更
- 第1層:勉強会別のサマリーカード一覧(勉強会名、参加回数、合計時間)
- 第2層:勉強会カードを選択すると、その勉強会のセッション出席履歴を表示
- 既存の全セッション一覧表示を廃止し、勉強会別の表示に置き換え
- データ取得ロジックを勉強会別にグルーピングする処理を追加
Capabilities¶
New Capabilities¶
member-study-group-view: メンバー詳細ページにおける勉強会別サマリー表示と、勉強会選択時の出席履歴詳細表示
Modified Capabilities¶
(なし)
Impact¶
src/pages/MemberDetailPage.jsx:ページ全体のレイアウトとデータ表示ロジックの変更src/services/data-fetcher.js:変更なし(既存のfetch APIをそのまま利用)data/index.json、data/sessions/*.json:データ構造の変更なし(既存データから勉強会別にグルーピング)- E2Eテスト(
e2e/dashboard.spec.js):メンバー詳細ページのセレクター変更が必要になる可能性あり