CHTalent モックアップ一覧

全従業員が使えるタレントマネジメントシステム
Version: 2.0.0 | 最終更新: 2025-10-08

22
P0作成済み
8
P1必須
15+
P2将来
45+
全画面数
100%
P0進捗
0%
P1進捗
優先度別進捗
P0(MVP必須・モックアップ完了) 22 / 22 (100%)
100% 🎉
P1(MVP必須・実装後期) 0 / 8 (0%)
未着手
P2(フェーズ2以降) 15+画面(対象外)
将来実装予定

Admin(管理者)画面

👥 人事名簿
従業員一覧 作成済み P0
ID: ADM-EMP-001 | ファイル: admin/employees/list.html
全従業員の一覧表示。検索・フィルター機能付き。
従業員詳細 作成済み P0
ID: ADM-EMP-002 | ファイル: admin/employees/detail.html | 担当: Claude (2025-10-08)
従業員の詳細情報・評価履歴・エンゲージメント状況を表示。タブ形式でデータを整理。
Excelインポート 作成済み P0
ID: ADM-IMP-001 | ファイル: admin/employees/import.html | 担当: Claude (2025-10-08)
Excelファイルからの一括インポート。エラーチェック・プレビュー機能。ステップバイステップUI。
🏢 組織マスター管理
職種分類管理(5階層対応) 作成済み P0 Task #8完了
ID: ADM-JOB-001 | ファイル: admin/job_classifications/classification_management.html | 担当: Claude (2025-10-08 Task #8)
5階層職種分類マスター管理(カテゴリ > 大分類 > 中分類 > 小分類 > 職位)。 主要機能: ハイブリッド職種セレクター(100ms検索)、ツリービュー + 詳細パネル、レイジーローディング、 職種マスター詳細(推奨等級、報酬範囲、スキル要件)、一括編集機能、CSV インポート/エクスポート。 実装: PostgreSQL ltree、Ant Design Cascader パターン、仮想化ツリー対応。
拠点管理(地図統合) 作成済み P0 Task #7完了
ID: ADM-LOC-001 | ファイル: admin/locations/location_management.html | 担当: Claude (2025-10-08 Task #7)
全国の拠点(店舗、支店、オフィス)を管理。地図統合: Google Maps + マーカークラスター化、3階層カスケード選択: 都道府県 > 市区町村 > エリア、複数拠点一括選択: チェックボックスツリー + 地図ベース選択、プリセット地域: 主要都市・首都圏・関西圏、分割ビュー: 地図60% + リスト40%。
組織階層管理(7階層対応) 作成済み P0 Task #6完了
ID: ADM-ORG-001 | ファイル: admin/organization/hierarchy_management.html | 担当: Claude (2025-10-08 Task #6)
7階層組織構造管理(本社 > リージョン > エリア > 拠点 > 部署 > チーム > グループ)。 レイジーローディング: 初期2階層、展開時に動的取得(10,000ノード対応)、 ハイブリッドUI: ツリービュー + ブレッドクラム + 検索、 時系列機能: 過去・未来の組織図表示(SmartHR事例)、 ドラッグ&ドロップ: Sortable.js実装パターン。 技術: PostgreSQL ltree、Rails 8 Turbo Frames、仮想スクロール対応。
🔥 戦略的人員配置(最重要機能)
人員過不足マップ 作成済み P0 - 最重要体験
ID: ADM-HP-001 | ファイル: admin/headcount_planning/shortage_map.html | 担当: Claude (2025-10-08)
部署 × ポジションのマトリクスで人員過不足を可視化。ドリルダウン検索機能付き。デモで見せる最重要画面。
ポジション管理 作成済み P0
ID: ADM-HP-002 | ファイル: admin/headcount_planning/position_management.html | 担当: Claude (2025-10-08)
ポジション(役職)の設定と必要人員数の管理。ドラッグ&ドロップ、充足状況表示、人員マップの基礎データ。
📊 評価管理
評価進捗ダッシュボード 作成済み P0
ID: ADM-EVA-001 | ファイル: admin/evaluation_management/progress_dashboard.html
評価の進捗状況を一覧表示。部署別・ステップ別の完了率を可視化。
評価期間・テンプレート設定 作成済み P0
ID: ADM-EVA-002 | ファイル: admin/evaluation_management/period_settings.html | 担当: Claude (2025-10-08)
評価期間の設定とテンプレート選択。評価運用の起点。5ステップ評価フロー(自己評価→上司評価→甘辛調整会議→評価会議(昇格検討)→最終確定)。
甘辛調整会議 作成済み P0 新規追加
ID: ADM-EVA-CAL-001 | ファイル: admin/evaluation_management/calibration_meeting.html | 担当: Claude (2025-10-08)
評価基準の統一化を目的とした部門横断会議。主要機能: 評価分布ダッシュボード(Chart.js統合)、部門別比較グラフ、外れ値ハイライト、調整推奨リスト(62名)、個別調整モーダル、調整履歴記録、会議メモ機能。調整可能項目: 評価ランク、評価コメント(グレード・昇給額は評価会議で調整)。
最終承認画面 作成済み P0
ID: ADM-EVA-003 | ファイル: admin/evaluation_management/final_approval.html | 担当: Claude (2025-10-08)
評価結果の最終確認・確定・ロック処理。評価プロセスの終点。チェックリスト、評価分布プレビュー、通知設定機能。
📈 エンゲージメント・離職リスク
サーベイ作成 作成済み P0
ID: ADM-ENG-001 | ファイル: admin/engagement/survey_create.html | 担当: Claude (2025-10-08)
エンゲージメントサーベイの作成。質問項目のドラッグ&ドロップ、テンプレート選択、リアルタイムプレビュー。
サーベイ結果一覧 作成済み P0
ID: ADM-ENG-003 | ファイル: admin/engagement/survey_results.html | 担当: Claude (2025-10-08)
サーベイ結果の一覧表示。進行中/完了/下書きのタブ切り替え。トレンドグラフ表示。
離職リスクダッシュボード 作成済み P0
ID: ADM-ENG-002 | ファイル: admin/engagement/turnover_risk.html | 担当: Claude (2025-10-08)
AI予測による離職リスクの可視化。高/中/低リスク従業員の一覧。AIインサイト・推奨アクション表示。

Employee(従業員)画面

🏠 マイページ
マイページダッシュボード 作成済み P0
ID: EMP-MP-001 | ファイル: employee/mypage/index.html
従業員向けダッシュボード。やるべきタスク、評価状況、目標進捗を表示。
📝 評価
自己評価入力 作成済み P0
ID: EMP-EVA-001 | ファイル: employee/evaluation/self_assessment.html | 表示条件: 全員
従業員自身が自己評価を入力。進捗保存機能。
部下評価入力 - PC版 作成済み P0 - 最重要
ID: EMP-EVA-002 | ファイル: employee/evaluation/subordinate_review.html | 表示条件: 上司のみ
上司が部下を評価。最も使われる画面。
部下評価一覧(大規模部下対応版) 作成済み P0 Task #5完了
ID: EMP-EVA-001 | ファイル: employee/evaluation/subordinate_list.html | 表示条件: 上司のみ | 担当: Claude (2025-10-08 Task #5)
部下の評価状況一覧。100名以上対応: 仮想スクロール、カーソルベースページネーション(17倍高速)、マネージャー表示範囲切り替え(直属/全部下/部門/マトリックス)、モバイル最適化(44x44pxタッチターゲット)。
評価結果確認 作成済み P0
ID: EMP-EVA-003 | ファイル: employee/evaluation/results.html | 表示条件: 全員 | 担当: Claude (2025-10-08)
自分の評価結果を確認。上司コメント、総合評価、強み・改善点、次のアクション、評価履歴グラフ。
🎯 目標管理
自分の目標設定 作成済み P0
ID: EMP-GL-001 | ファイル: employee/goals/my_goals.html | 表示条件: 全員 | 担当: Claude (2025-10-08)
目標設定。AIアシスト機能付き。SMARTな目標設定支援、進捗管理、承認フロー。
部下の目標確認・承認 作成済み P0
ID: EMP-GL-002 | ファイル: employee/goals/subordinate_goals.html | 表示条件: 上司のみ | 担当: Claude (2025-10-08)
部下の目標確認・承認・差し戻し。SMART判定、コメント機能、承認待ち/承認済み/差し戻しのタブ管理。
📊 サーベイ
サーベイ回答 作成済み P0
ID: EMP-SV-001 | ファイル: employee/surveys/answer.html | 表示条件: 全員 | 担当: Claude (2025-10-08)
エンゲージメントサーベイ回答。1問1画面、リッカート尺度、複数選択、自由記述、進捗表示、一時保存機能。
💬 1on1
部下との1on1記録入力 作成済み P0
ID: EMP-OO-001 | ファイル: employee/one_on_one/subordinate_logs.html | 表示条件: 上司のみ | 担当: Claude (2025-10-08)
1on1記録の入力。音声入力、AIアシスト、テンプレート選択機能。モバイル最適化。

シナリオ1: 📊 評価期間の運用(年2回)

半期ごとの評価運用全体の流れ。評価フロー設計→従業員の自己評価→上司評価→進捗管理→結果確認まで。

利用シーン: 評価期間開始前に、評価フローとテンプレートを設定する
評価期間・テンプレート設定(Admin) 作成済み P0
ID: ADM-EVA-002 | ファイル: admin/evaluation_management/period_settings.html
利用シーン: 従業員が自己評価を入力・提出する
自己評価入力(Employee) 作成済み P0
ID: EMP-EVA-001 | ファイル: employee/evaluation/self_assessment.html
利用シーン: 上司が評価対象の部下一覧を確認する(100名以上対応)
部下評価一覧(Employee - 上司のみ) 作成済み P0 Task #5完了
ID: EMP-EVA-001 | ファイル: employee/evaluation/subordinate_list.html | 大規模部下対応: 仮想スクロール、カーソルページネーション、表示範囲切り替え
利用シーン: 上司が部下を評価する(最頻出画面)
部下評価入力 - PC版(Employee - 上司のみ) 作成済み P0 - 最重要
ID: EMP-EVA-002 | ファイル: employee/evaluation/subordinate_review.html
利用シーン: 人事部が全社の評価進捗状況をモニタリングする
評価進捗ダッシュボード(Admin) 作成済み P0
ID: ADM-EVA-001 | ファイル: admin/evaluation_management/progress_dashboard.html
利用シーン: 全マネージャーが参加し、部門横断的に評価基準を統一する
甘辛調整会議(Admin) 作成済み P0 新規追加
ID: ADM-EVA-CAL-001 | ファイル: admin/evaluation_management/calibration_meeting.html | 主要機能: 評価分布ダッシュボード、外れ値検出、調整推奨リスト
利用シーン: 評価期間終了後、人事部が評価結果を確定・ロックする
最終承認画面(Admin) 作成済み P0
ID: ADM-EVA-003 | ファイル: admin/evaluation_management/final_approval.html
利用シーン: 従業員が確定した評価結果を閲覧する
評価結果確認(Employee) 作成済み P0
ID: EMP-EVA-003 | ファイル: employee/evaluation/results.html

シナリオ2: 🔥 人員配置の最適化(随時)

部署・ポジションごとの人員過不足を把握し、戦略的な人員配置を検討する。本システムの最重要差別化機能。

利用シーン: ポジション(役職)の定義と必要人員数を設定する
ポジション管理(Admin) 作成済み P0
ID: ADM-HP-002 | ファイル: admin/headcount_planning/position_management.html | 担当: Claude (2025-10-08)
利用シーン: 部署×ポジションのマトリクスで人員過不足を可視化(デモ最重要画面)
人員過不足マップ(Admin) 作成済み P0 - 最重要体験
ID: ADM-HP-001 | ファイル: admin/headcount_planning/shortage_map.html

シナリオ3: 📈 エンゲージメント管理(月次)

サーベイ実施→結果分析→離職リスク把握→アクション実施のサイクル。従業員満足度・離職予防の要。

利用シーン: 人事部がエンゲージメントサーベイを作成する
サーベイ作成(Admin) 作成済み P0
ID: ADM-ENG-001 | ファイル: admin/engagement/survey_create.html
利用シーン: 従業員がサーベイに回答する(スマホ対応重要)
サーベイ回答(Employee) 作成済み P0
ID: EMP-SV-001 | ファイル: employee/surveys/answer.html
利用シーン: 人事部がサーベイ結果を集計・分析する
サーベイ結果一覧(Admin) 作成済み P0
ID: ADM-ENG-003 | ファイル: admin/engagement/survey_results.html
利用シーン: AI予測による離職リスクを確認し、ハイリスク従業員にアプローチする
離職リスクダッシュボード(Admin) 作成済み P0
ID: ADM-ENG-002 | ファイル: admin/engagement/turnover_risk.html

シナリオ4: 🎯 目標管理(期初・期中)

期初の目標設定→上司承認→期中の進捗確認。評価の基礎となる目標を管理。

利用シーン: 従業員が期初に目標を設定する(AIアシスト機能付き)
自分の目標設定(Employee) 作成済み P0
ID: EMP-GL-001 | ファイル: employee/goals/my_goals.html
利用シーン: 上司が部下の目標を確認・承認・差し戻しする
部下の目標確認・承認(Employee - 上司のみ) 作成済み P0
ID: EMP-GL-002 | ファイル: employee/goals/subordinate_goals.html

シナリオ5: 💬 1on1の実施(週次・月次)

上司と部下の定期的な1on1面談。記録蓄積により人材育成・リスク検知に活用。

利用シーン: 上司が1on1実施後、内容を記録する(モバイル対応・音声入力必須)
部下との1on1記録入力(Employee - 上司のみ) 作成済み P0
ID: EMP-OO-001 | ファイル: employee/one_on_one/subordinate_logs.html

シナリオ6: 📥 初期セットアップ(導入時のみ)

システム導入時の初期データ登録。従業員情報のインポート・基礎データ整備。

利用シーン: Excelファイルから従業員データを一括インポートする
Excelインポート(Admin) 作成済み P0
ID: ADM-IMP-001 | ファイル: admin/employees/import.html
利用シーン: 従業員情報を一覧表示・検索・フィルターする
従業員一覧(Admin) 作成済み P0
ID: ADM-EMP-001 | ファイル: admin/employees/list.html
利用シーン: 7階層の組織構造を設定・管理する(本社 > リージョン > エリア > 拠点 > 部署 > チーム > グループ)
組織階層管理(Admin) 作成済み P0 Task #6完了
ID: ADM-ORG-001 | ファイル: admin/organization/hierarchy_management.html
利用シーン: 個別従業員の詳細情報を確認・編集する
従業員詳細(Admin) 作成済み P0
ID: ADM-EMP-002 | ファイル: admin/employees/detail.html

P0: MVP必須・モックアップ作成済み(22画面)

MVPリリースに必須の画面。全てモックアップ作成完了。実装フェーズ1で開発予定。

👥 人事名簿(Admin - 3画面)
従業員一覧 作成済み P0
ID: ADM-EMP-001 | ファイル: admin/employees/list.html
従業員詳細 作成済み P0
ID: ADM-EMP-002 | ファイル: admin/employees/detail.html
Excelインポート 作成済み P0
ID: ADM-IMP-001 | ファイル: admin/employees/import.html
🏢 組織マスター管理(Admin - 3画面)
職種分類管理(5階層対応) 作成済み P0
ID: ADM-JOB-001 | ファイル: admin/job_classifications/classification_management.html
拠点管理(地図統合) 作成済み P0
ID: ADM-LOC-001 | ファイル: admin/locations/location_management.html
組織階層管理(7階層対応) 作成済み P0
ID: ADM-ORG-001 | ファイル: admin/organization/hierarchy_management.html
🔥 戦略的人員配置(Admin - 2画面)
人員過不足マップ 作成済み P0 - 最重要体験
ID: ADM-HP-001 | ファイル: admin/headcount_planning/shortage_map.html
ポジション管理 作成済み P0
ID: ADM-HP-002 | ファイル: admin/headcount_planning/position_management.html
📊 評価管理(Admin - 4画面)
評価進捗ダッシュボード 作成済み P0
ID: ADM-EVA-001 | ファイル: admin/evaluation_management/progress_dashboard.html
評価期間・テンプレート設定 作成済み P0
ID: ADM-EVA-002 | ファイル: admin/evaluation_management/period_settings.html
甘辛調整会議 作成済み P0
ID: ADM-EVA-CAL-001 | ファイル: admin/evaluation_management/calibration_meeting.html
最終承認画面 作成済み P0
ID: ADM-EVA-003 | ファイル: admin/evaluation_management/final_approval.html
📈 エンゲージメント・離職リスク(Admin - 3画面)
サーベイ作成 作成済み P0
ID: ADM-ENG-001 | ファイル: admin/engagement/survey_create.html
サーベイ結果一覧 作成済み P0
ID: ADM-ENG-003 | ファイル: admin/engagement/survey_results.html
離職リスクダッシュボード 作成済み P0
ID: ADM-ENG-002 | ファイル: admin/engagement/turnover_risk.html
🏠 マイページ・評価(Employee - 5画面)
マイページダッシュボード 作成済み P0
ID: EMP-MP-001 | ファイル: employee/mypage/index.html
自己評価入力 作成済み P0
ID: EMP-EVA-001 | ファイル: employee/evaluation/self_assessment.html
部下評価入力 - PC版 作成済み P0 - 最重要
ID: EMP-EVA-002 | ファイル: employee/evaluation/subordinate_review.html
部下評価一覧(大規模部下対応版) 作成済み P0
ID: EMP-EVA-001 | ファイル: employee/evaluation/subordinate_list.html
評価結果確認 作成済み P0
ID: EMP-EVA-003 | ファイル: employee/evaluation/results.html
🎯 目標管理(Employee - 2画面)
自分の目標設定 作成済み P0
ID: EMP-GL-001 | ファイル: employee/goals/my_goals.html
部下の目標確認・承認 作成済み P0
ID: EMP-GL-002 | ファイル: employee/goals/subordinate_goals.html
📊 サーベイ(Employee - 1画面)
サーベイ回答 作成済み P0
ID: EMP-SV-001 | ファイル: employee/surveys/answer.html
💬 1on1(Employee - 1画面)
部下との1on1記録入力 作成済み P0
ID: EMP-OO-001 | ファイル: employee/one_on_one/subordinate_logs.html

P1: MVP必須・実装後期(8画面)

MVPリリースに必須だが、モックアップは未作成。実装フェーズ2で開発予定。

🔧 評価システム設定(Admin - 2画面)
評価構造ビルダー 未作成 P1
ID: ADM-EVA-BLD-001 | 想定ファイル: admin/evaluation_management/structure_builder.html
企業ごとに異なる評価構造(目標ベース型、MVV型、独自型等)をGUIで設計。プリセットテンプレート選択、カスタム項目追加、プレビュー機能。
評価フロー設計 未作成 P1
ID: ADM-EVA-FLW-001 | 想定ファイル: admin/evaluation_management/evaluation_flow_design.html
評価プロセス(自己評価→上司評価→甘辛調整→評価会議→最終承認)のステップ設計、参加者設定、権限超越モード(評価会議)の設定。
🗄️ マスター管理(Admin - 3画面)
カスタム項目設定 未作成 P1
ID: ADM-CFG-001 | 想定ファイル: admin/config/custom_fields.html
従業員データのカスタム項目定義(テキスト、数値、日付、選択肢等)。項目名、データ型、必須/任意、説明文、表示順序の設定。
権限管理 未作成 P1
ID: ADM-AUTH-001 | 想定ファイル: admin/auth/role_management.html
ロール管理(Super Admin / Admin / Employee)、権限設定、アクセス制御ルール定義。
ポジション要件詳細設定 未作成 P1
ID: ADM-HP-REQ-001 | 想定ファイル: admin/headcount_planning/position_requirements.html
ポジション要件の詳細設定(必須スキル、推奨スキル、経験年数、資格要件、等級範囲)。
📊 人事ダッシュボード(Admin - 1画面)
人事ダッシュボード 未作成 P1
ID: ADM-DASH-001 | 想定ファイル: admin/dashboard/index.html
全社の人事データを俯瞰。従業員数推移、部署別人員構成、評価分布、エンゲージメントスコア、離職率等をグラフ表示。
👤 プロフィール・履歴(Employee - 2画面)
プロフィール編集 未作成 P1
ID: EMP-PRO-001 | 想定ファイル: employee/profile/edit.html
従業員が自分のプロフィール情報を編集(スキル、資格、経歴、自己PR等)。AIアシストによる職務経歴書生成機能。
自分の1on1履歴閲覧 未作成 P1
ID: EMP-OO-002 | 想定ファイル: employee/one_on_one/my_logs.html
自分の1on1履歴を時系列で閲覧。アクションアイテムの進捗確認、上司からのフィードバック履歴。

P2: フェーズ2以降(15+画面)

MVP後のフェーズ2以降で実装予定の機能。顧客フィードバックを元に優先順位を調整。

🔬 戦略的人員配置(高度機能)(Admin - 3画面)
人員配置シミュレーション 将来 P2
ID: ADM-HP-SIM-001
「この人をA部署からB部署に移すと…」といった異動シミュレーション。スキルマッチング、人件費試算、チーム構成最適化提案。
異動提案機能(AI推奨) 将来 P2
ID: ADM-HP-REC-001
AIが従業員のスキル・キャリア志向・評価履歴から、最適な異動先を提案。キャリアパス可視化。
人件費シミュレーション 将来 P2
ID: ADM-HP-COST-001
採用・昇給・異動に伴う人件費の将来予測。予算管理、コストシミュレーション、採用ROI分析。
🏢 組織マスター管理(追加機能)(Admin - 2画面)
組織改編履歴管理 将来 P2
ID: ADM-ORG-HIS-001
組織改編の履歴を時系列で管理。過去の組織図表示、組織変更の影響分析、異動履歴トラッキング。
組織図エクスポート(PowerPoint/PDF) 将来 P2
ID: ADM-ORG-EXP-001
組織図を経営会議資料用にPowerPoint/PDF形式でエクスポート。デザインテンプレート選択、顔写真埋め込み。
🌟 タレントプール・後継者計画(Admin - 3画面)
ハイポテンシャル人材管理 将来 P2
ID: ADM-TAL-001
ハイポテンシャル(HiPo)人材のプール管理。9ボックス評価、育成計画、タレントレビュー会議。
後継者計画(サクセッションプラン) 将来 P2
ID: ADM-SUC-001
重要ポジションの後継者候補管理。レディネス評価、育成進捗、リスク評価(後継者不在の検知)。
スキルマトリクス(組織単位) 将来 P2
ID: ADM-SKL-001
部署ごとのスキル保有状況をマトリクス表示。スキルギャップ分析、育成計画立案。
📊 レポート・分析(Admin - 3画面)
カスタムレポートビルダー 将来 P2
ID: ADM-REP-001
ドラッグ&ドロップでカスタムレポート作成。集計条件設定、グラフ選択、定期レポート自動配信。
ダイバーシティ分析 将来 P2
ID: ADM-DIV-001
性別・年齢・国籍・障がい等の多様性指標分析。D&I推進のための可視化ダッシュボード。
離職要因分析(AI) 将来 P2
ID: ADM-TRN-001
離職者データからAIが要因を分析。部署・マネージャー・評価・エンゲージメントとの相関分析、予防施策提案。
🔄 360度評価・多面評価(Admin + Employee - 2画面)
360度評価設定(Admin) 将来 P2
ID: ADM-360-001
360度評価の設定。評価者選定(上司・同僚・部下)、匿名設定、評価項目カスタマイズ。
360度評価回答(Employee) 将来 P2
ID: EMP-360-001
360度評価の回答画面。匿名で同僚・部下を評価。結果はレーダーチャートで可視化。
🔧 その他機能(2画面)
通知設定・メール配信管理(Admin) 将来 P2
ID: ADM-NOT-001
システム通知のカスタマイズ。メール配信タイミング、通知テンプレート編集、リマインダー設定。
API連携設定(Admin) 将来 P2
ID: ADM-API-001
外部システムとのAPI連携設定。Slack通知、給与計算システム連携、勤怠システム連携等。
CHTalent(シュッとしたタレマネ) | 全従業員が使えるタレントマネジメントシステム
モックアップ作成ガイドライン: README.md