マイページ設計
概要
業務委託エンジニアが自身のプロフィール、担当中Issue、完了履歴、報酬情報、実績を一元管理する画面。
ワイヤーフレーム
+============================================================================+
| [Logo] Issue Marketplace [通知 🔔] [マイページ 👤] |
+============================================================================+
| |
| ┌─ プロフィール ───────────────────────────────────────────────────────┐ |
| │ │ |
| │ ┌─────┐ 山田 太郎 │ |
| │ │ 👤 │ @yamada-taro (GitLab) │ |
| │ │ │ │ |
| │ └─────┘ スキル: [React] [TypeScript] [Python] [FastAPI] [Docker] │ |
| │ │ |
| │ 登録日: 2026-01-15 [ プロフィール編集 ] │ |
| │ │ |
| └──────────────────────────────────────────────────────────────────────┘ |
| |
| ┌─ 実績サマリー ───────────────────────────────────────────────────────┐ |
| │ │ |
| │ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ ┌────────────┐ │ |
| │ │ 完了Issue数 │ │ 平均完了時間 │ │ 一発OK率 │ │ 評価 │ │ |
| │ │ │ │ │ │ │ │ │ │ |
| │ │ 24件 │ │ 4.2時間 │ │ 83% │ │ ★ 4.7 │ │ |
| │ │ │ │ │ │ │ │ │ │ |
| │ └──────────────┘ └──────────────┘ └──────────────┘ └────────────┘ │ |
| │ │ |
| └──────────────────────────────────────────────────────────────────────┘ |
| |
| ┌─ 報酬サマリー ───────────────────────────────────────────────────────┐ |
| │ │ |
| │ ┌────────────────────┐ ┌────────────────────┐ │ |
| │ │ 今月確定額 │ │ 累計報酬額 │ │ |
| │ │ │ │ │ │ |
| │ │ ¥180,000 │ │ ¥1,520,000 │ │ |
| │ │ │ │ │ │ |
| │ │ (3件完了) │ │ (24件完了) │ │ |
| │ └────────────────────┘ └────────────────────┘ │ |
| │ │ |
| │ ┌─ 月別報酬推移グラフ ──────────────────────────────────────────┐ │ |
| │ │ │ │ |
| │ │ ¥200K | ___ │ │ |
| │ │ | ___ | | ___ │ │ |
| │ │ ¥150K | | | | | | | ___ │ │ |
| │ │ | | | | | | | | | │ │ |
| │ │ ¥100K | | | | | | | | | │ │ |
| │ │ | | | | | | | | | │ │ |
| │ │ ¥50K | | | | | | | | | │ │ |
| │ │ | | | | | | | | | │ │ |
| │ │ ¥0 +---+---+-+---+-+---+-+---+-- │ │ |
| │ │ 10月 11月 12月 1月 2月 3月 │ │ |
| │ │ │ │ |
| │ └────────────────────────────────────────────────────────────────┘ │ |
| │ │ |
| └──────────────────────────────────────────────────────────────────────┘ |
| |
| ┌─ 担当中のIssue ─────────────────────────────────────────────────────┐ |
| │ │ |
| │ ┌────┬──────────────────────┬────────┬────────┬────────┬────────┐ │ |
| │ │ # │ タイトル │ 報酬額 │ 期限 │ 状態 │ 操作 │ │ |
| │ ├────┼──────────────────────┼────────┼────────┼────────┼────────┤ │ |
| │ │123 │ ログイン画面の │¥30,000 │ 4/05 │ 開発中 │[詳細] │ │ |
| │ │ │ レスポンシブ対応 │ │ │ ●──○○ │ │ │ |
| │ ├────┼──────────────────────┼────────┼────────┼────────┼────────┤ │ |
| │ │145 │ ユーザー一覧の │¥45,000 │ 4/08 │ MR提出 │[詳細] │ │ |
| │ │ │ ページネーション実装 │ │ │ ●●─○ │ │ │ |
| │ ├────┼──────────────────────┼────────┼────────┼────────┼────────┤ │ |
| │ │167 │ APIエラーハンドリング│¥60,000 │ 4/12 │ FB対応 │[詳細] │ │ |
| │ │ │ の統一 │ │ │ ●●●─ │ │ │ |
| │ └────┴──────────────────────┴────────┴────────┴────────┴────────┘ │ |
| │ │ |
| └──────────────────────────────────────────────────────────────────────┘ |
| |
| ┌─ 完了済みIssue履歴 ─────────────────────────────────────────────────┐ |
| │ │ |
| │ ┌────┬──────────────────────┬────────┬──────────┬──────┬────────┐ │ |
| │ │ # │ タイトル │ 報酬額 │ 完了日 │ 評価 │ FB回数 │ │ |
| │ ├────┼──────────────────────┼────────┼──────────┼──────┼────────┤ │ |
| │ │ 98 │ ダッシュボード │¥80,000 │ 3/25 │ ★5 │ 0回 │ │ |
| │ │ │ グラフ表示改善 │ │ │ │(一発OK)│ │ |
| │ ├────┼──────────────────────┼────────┼──────────┼──────┼────────┤ │ |
| │ │ 87 │ メール通知機能の │¥50,000 │ 3/18 │ ★4 │ 1回 │ │ |
| │ │ │ テンプレート化 │ │ │ │ │ │ |
| │ ├────┼──────────────────────┼────────┼──────────┼──────┼────────┤ │ |
| │ │ 72 │ CI/CDパイプラインの │¥40,000 │ 3/10 │ ★5 │ 0回 │ │ |
| │ │ │ 高速化 │ │ │ │(一発OK)│ │ |
| │ └────┴──────────────────────┴────────┴──────────┴──────┴────────┘ │ |
| │ │ |
| │ [ もっと見る ] │ |
| │ │ |
| └──────────────────────────────────────────────────────────────────────┘ |
| |
+============================================================================+コンポーネント詳細
プロフィールセクション
| 要素 | 表示仕様 |
|---|---|
| アバター | GitLabアバター画像を表示 |
| 名前 | 表示名(本名またはハンドルネーム) |
| GitLabアカウント | @username形式、GitLabプロフィールへのリンク |
| スキルセット | チップ形式で表示、編集画面で追加・削除可能 |
| 登録日 | プラットフォーム登録日 |
実績サマリー
| 指標 | 算出方法 |
|---|---|
| 完了Issue数 | ステータスが「完了」のIssue総数 |
| 平均完了時間 | 着手から承認までの平均所要時間 |
| 一発OK率 | FB回数0で承認されたIssueの割合 |
| 評価 | レビュアーによる5段階評価の平均 |
報酬サマリー
| 要素 | 表示仕様 |
|---|---|
| 今月確定額 | 当月中に「承認済み」となったIssueの報酬合計 |
| 累計報酬額 | 全期間の確定報酬合計 |
| 月別推移 | 棒グラフ、直近6ヶ月分を表示 |
担当中Issue一覧
| ステータス | 表示 | プログレス | 説明 |
|---|---|---|---|
| 開発中 | 青バッジ | ●──○○ | 着手済み、開発作業中 |
| MR提出 | 紫バッジ | ●●─○ | MR作成済み、レビュー待ち |
| FB対応 | オレンジバッジ | ●●●─ | レビューFB受領、修正作業中 |
| 承認待ち | 緑バッジ | ●●●● | FB対応完了、最終承認待ち |
完了済みIssue履歴
- デフォルト表示: 直近5件
- 「もっと見る」で全件表示(ページネーション付き)
- 評価は星マークで表示
- FB回数0の場合「一発OK」ラベルを表示