ShiftNotes - 多能工マトリクス＆工程別習熟度管理システム

## 1. アプリの目的・ターゲットユーザー
製造業・食品加工業・物流倉庫などの現場管理者が、作業者ごとの工程別習熟度（多能工化状況）を一元管理し、ライン編成や育成計画の意思決定を素早く行えるようにする業務アプリ。
対象: 班長・ライン長・製造部門のチーフ・生産技術担当（5〜100名規模の現場）

---

## 2. 主要機能

- **作業者マスタ管理**: 氏名、社員番号、雇用区分（正社員／パート／派遣）、入社日、資格、備考を登録・編集・削除
- **工程マスタ管理**: 工程名、難易度区分（初級／中級／上級）、必要資格、標準習熟目安日数を登録
- **多能工マトリクス入力・表示**: 作業者×工程の交差セルに習熟レベル（0:未経験／1:見習い中／2:補助ありで可／3:単独可／4:指導可）を★アイコン付きで入力。ヒートマップ配色（0=白→4=濃緑）で一目把握できる
- **育成計画タスク**: 特定作業者×工程の組み合わせに「目標レベル・目標期日・担当指導員・メモ」を登録し、期限超過アラートをダッシュボードで通知
- **ダッシュボード**: 工程別の平均習熟度バー・要員充足率（習熟Lv3以上の人数／推奨人数）・育成計画の期限アラート・直近の更新履歴ログを表示
- **CSV出力**: マトリクス全体・育成計画リスト・作業者マスタをCSVでダウンロード。印刷用レイアウト（A3横対応）もワンクリックで切替表示

---

## 3. 画面構成

### ① ダッシュボード（トップ画面）
- 上段: サマリーカード3枚（登録作業者数 / 工程数 / 育成計画の期限超過件数）
- 中段: 工程別充足率の横棒グラフ（Lv3以上人数 vs 推奨人数）
- 下段: 期限アラート一覧テーブル・直近更新ログ5件

### ② 多能工マトリクス画面
- 縦軸=作業者（行）、横軸=工程（列）のスクロール可能なテーブル
- 各セルクリックで習熟レベル（0〜4）をドロップダウン選択 → 即時保存
- ヘッダー行に工程の難易度バッジ表示
- 右上に「印刷用表示」「CSV出力」ボタン
- 行ヘッダーに作業者の資格保有アイコン表示

### ③ 育成計画管理画面
- カード形式の一覧表示（作業者名・工程名・現在Lv→目標Lv・期日・担当指導員・進捗コメント）
- ステータス: 計画中 / 訓練中 / 達成 / 中断 の4分類でフィルター
- 新規登録モーダル（作業者と工程をセレクトから選ぶだけ）
- 達成時に習熟レベルをワンクリックで更新してマトリクスに反映

### ④ マスタ管理画面（タブ切替）
- [作業者] タブ: テーブル + 登録・編集・削除モーダル
- [工程] タブ: テーブル + 登録・編集・削除モーダル

---

## 4. データ構造（MySQLテーブル概要）

```sql
workers -- 作業者マスタ
id, name, employee_no, type(enum), hire_date, qualifications(text), note, created_at

processes -- 工程マスタ
id, name, difficulty(enum: basic/mid/advanced), required_qual(text), std_days(int), note, created_at

skill_matrix -- 多能工マトリクス（習熟レベル記録）
id, worker_id(FK), process_id(FK), level(tinyint 0-4), updated_by(text), updated_at
UNIQUE(worker_id, process_id)

training_plans -- 育成計画
id, worker_id(FK), process_id(FK), current_level, target_level,
target_date(date), instructor(text), status(enum), comment(text), created_at, updated_at

activity_logs -- 更新履歴ログ
id, action_type, worker_id, process_id, old_value, new_value, operator(text), created_at
```

---

## 5. デザインの方向性

- **カラーパレット**: ダークネイビー(#1a2744)のサイドバー＋ホワイト(#f8f9fb)のメインエリア。強調色は製造現場らしい鮮明なオレンジ(#ff6b35)
- **マトリクスのヒートマップ配色**: 0=白(#f0f0f0) / 1=薄黄(#fff3cd) / 2=薄緑(#d4edda) / 3=緑(#28a745) / 4=濃緑(#155724)。★アイコン0〜4個で視覚的に強調
- **フォント**: 日本語: Noto Sans JP、英数字: Inter または Roboto
- **レスポンシブ対応**: PC（1280px以上）でマトリクスを横展開、スマホ（768px以下）では作業者を縦リスト表示して工程レベルを横スクロールで確認
- **UIトーン**: 現場管理者が迷わない「シンプルで実用的なダッシュボード型」。アニメーションは最小限、クリック後の即時レスポンスを重視
- **印刷レイアウト**: A3横で1枚に収まるよう@media printで文字サイズ・余白を調整し、工場の壁貼り用としても使えるよう設計