目的・役割
他ユーザーの作成ランキング・投票履歴・フォロー状態を表示し、フォロー/アンフォローを操作できる画面。
UI 構成
| 要素 | 種類 | 説明 |
|---|
| プロフィールヘッダ | HStack | 表示名・フォロー数・フォロワー数 |
| フォロー/解除ボタン | Button | 状態に応じてラベル変化 |
| 作成ランキングリスト | List | そのユーザーが作成した active/ended のランキング |
| 過去投票リスト | List | そのユーザーが投票したランキング履歴 |
状態
| 状態 | 表示内容 |
|---|
| 初期表示 | ProgressView |
| 表示中（フォロー中） | 「フォロー解除」ボタン |
| 表示中（未フォロー） | 「フォロー」ボタン |
| 自分のプロフィール | フォローボタン非表示 |
遷移
| 操作 | 遷移先 |
|---|
| ランキングカードタップ | RankingDetailView |
| フォロー/解除 | FollowService 経由で更新 |
使用するデータモデル
AppUser {
let id: UUID
var displayName: String
var isPremium: Bool
}
Follow {
let followerId: UUID
let followedId: UUID
}
実装メモ
- FollowService.fetchFollowCounts() で並列取得
- isFollowing() でフォロー状態確認
- ブロック機能（v1.1検討）
関連
変更履歴
| バージョン | 日付 | 変更内容 |
|---|
| 1.0 | 2026-05-09 | 初版作成 |