イベント参加者管理機能の実装

[oumelab]

イベント参加者管理機能の実装

概要

イベント作成者が自分が作成したイベントの参加者一覧を確認できる機能を実装する。イベント管理者としての特権機能を提供する。

目的

• イベント作成者は自分のイベントに申し込んだ参加者の一覧を確認できる
• イベント参加状況の管理を可能にする
• イベント運営に必要な情報を提供する

依存関係

以下のIssueがすべて完了していることが前提：

• 認証機能の実装 #3
• イベント情報管理CRUD機能の実装 #4
• イベント申し込み・キャンセル機能の実装 #5

技術的詳細

• 認証と権限チェック（イベント作成者のみアクセス可能）
• 参加者データのフィルタリングと表示
• TanStack QueryとCloudflare Pages Functionsの連携
• イベント所有者チェックの実装

タスク

• イベント参加者一覧取得APIエンドポイントの実装
• イベント所有者/作成者チェックロジックの実装
• 参加者一覧表示コンポーネントの実装
• 認証状態との連携
• 参加者データの表示フォーマットの実装
• 参加者検索/フィルタリング機能の実装（オプション）
• エクスポート機能の実装（オプション）

受け入れ基準

• イベント作成者のみが参加者一覧にアクセスできる
• 他のユーザーが作成したイベントの参加者一覧は表示できない
• 参加者情報が適切に表示される
• UI/UXが使いやすく整理されている
• 認証と権限チェックが適切に実装されている

データアクセス

既存のattendeesテーブルとの連携：

-- イベント参加者データクエリ例
SELECT a.id, a.email, a.created_at, u.username
FROM attendees a
JOIN users u ON a.user_id = u.id
WHERE a.event_id = ? AND 
      ? IN (SELECT creator_id FROM events WHERE id = a.event_id)

ブランチ

feature/event-attendee-management