C-01
エンジニア一覧
URL：/engineers
作成日：2026-05-25
アクセス者：管理職・営業
ステータス：draft
更新日：2026-05-25
モック画面
※ 承認済みモックアップのスクリーンショット
概要
全エンジニアのスキル・稼働状況をイニシャル表記で一覧表示する管理画面。KPIサマリー・フィルタ・テーブル/カード表示切替に対応。案件へのエンジニアマッチングやスキルシート生成の起点となる画面。
アクセス権限
- ロール：管理職・営業（管理権限保持者）
- 認証：要
画面構成要素
KPI（4項目）
| KPI名 |
|---|
| 登録エンジニア数 |
| 稼働中 |
| 稼働可能 |
| 今月参画 |
フィルタバー
| フィルタ名 | 種別 | 選択肢 |
|---|---|---|
| キーワード検索 | テキスト | イニシャル・スキルで絞り込み |
| 稼働状況 | ドロップダウン | すべて / 現場中 / 稼働可能 / 来月から / 翌月以降 |
| 得意分野 | ドロップダウン | すべて / BE / FE / フルスタック / AI / インフラ 等 |
| スキルタグ | ドロップダウン | すべて / Go / Java / AWS / Python 等 |
テーブルビュー列
| 列名 | 内容 |
|---|---|
| （チェックボックス） | 一括操作用 |
| イニシャル | D.K形式のイニシャルバッジ |
| 得意分野 | テキスト |
| スキルタグ | タグチップ複数 |
| 稼働状況 | ステータスピル（現場中/稼働可能/来月から） |
| 希望単価 | 万円単位 |
| 最終更新 | 日付 |
| （アクション） | 詳細ボタン |
カードビュー
イニシャルバッジ・スキルタグ・稼働状況・単価のカードグリッド表示。テーブルビューとの切替はボタンで行い、URLは変化しない。
ボタン・アクション
| ラベル | 動作 |
|---|---|
| ✨ AIで新規生成 | D-02 AIスキルシート生成へ遷移 |
| テーブル/カード切替 | ビュー切替（URL変化なし） |
| 行クリック | C-02 エンジニア詳細へ遷移 |
| 詳細ボタン | C-02 エンジニア詳細へ遷移 |
エラー表示
| ケース | メッセージ |
|---|---|
| データ取得失敗 | エンジニア情報の読み込みに失敗しました。画面を更新してください |
画面遷移
| トリガー | 遷移先 |
|---|---|
| 行クリック / 詳細ボタン | C-02 エンジニア詳細 |
| AIで新規生成ボタン | D-02 AIスキルシート生成 |
備考
- イニシャル表示は全画面で統一。
- テーブル/カード表示は localStorage でユーザー設定を保持する。
未決事項
| # | 内容 |
|---|---|
| 1 | KPI集計の更新頻度（リアルタイム vs バッチ） |
| 2 | フィルタ条件のURL反映（ブックマーク・シェア対応） |
変更履歴
| 日付 | 変更者 | 内容 |
|---|---|---|
| 2026-05-25 | 開発推進本部 | 初版作成 |