作業者別スキルサマリーページの追加（レーダーチャート＋育成計画一覧）

## 1. 目的
現在のマトリクス画面は「全作業者×全工程」の俯瞰ビューであり、特定の作業者に絞って「どの工程が得意か／育成が必要か」を一目で把握する手段がない。現場管理者が個人面談・育成方針の確認を行う際に、作業者単体のスキル状況と育成計画を1画面で見られる「作業者別スキルサマリー」ページを追加する。

## 2. 具体的な仕様

### 2-1. ページ追加
- URL: `index.php?page=worker_summary&worker_id={id}`
- サイドバーに「作業者サマリー」リンクを追加（`index.php?page=worker_summary` でリダイレクト先は先頭の作業者）

### 2-2. 画面構成

#### ヘッダー部
- 作業者セレクトボックス（変更すると同ページで該当作業者に切り替え）
- 選択中の作業者の基本情報（氏名・社員番号・雇用区分・入社日・資格）を横並び表示

#### スキルレーダーチャート（Canvas / 純粋JS実装）
- 外部ライブラリ不使用。`<canvas>` 要素に純粋JSでレーダーチャートを描画する
- 各頂点 = 工程名、値 = 習熟レベル(0〜4)、最大値=4
- 工程数が多い場合（10超）は上位10工程（レベル降順）に絞り「他N工程」と注記
- レベル3以上の頂点は塗り色を濃くして視覚的に強調

#### スキル一覧テーブル
- 工程名 / 難易度 / 習熟レベル（★表示） / 最終更新日 を表示
- レベル0の工程は薄いグレーで表示
- レベルでフィルタリングするセレクトボックスを設置（全て / Lv0のみ / Lv1以上 / Lv3以上）

#### 育成計画テーブル
- 対象作業者の育成計画（training_plans）を一覧表示
- 工程名 / 現在Lv→目標Lv / 期日 / 指導員 / ステータス のカラム
- ステータスバッジに色付け（planned:グレー, training:青, achieved:緑, paused:オレンジ）
- 期限超過（target_date < CURDATE() かつ status IN ('planned','training')）の行は背景を薄赤で強調

### 2-3. データ取得（PHP）
```php
// pages/worker_summary.php
$db = app_db();
$workers = $db->query('SELECT * FROM workers ORDER BY name, id')->fetchAll();
$worker_id = (int)($_GET['worker_id'] ?? ($workers[0]['id'] ?? 0));
// 選択作業者の検証
$worker = null;
foreach ($workers as $w) { if ((int)$w['id'] === $worker_id) { $worker = $w; break; } }
if (!$worker && $workers) { $worker = $workers[0]; $worker_id = (int)$worker['id']; }

$processes = $db->query('SELECT * FROM processes ORDER BY id')->fetchAll();

$skill_stmt = $db->prepare('SELECT process_id, level, updated_at FROM skill_matrix WHERE worker_id = ?');
$skill_stmt->execute([$worker_id]);
$skill_map = [];
foreach ($skill_stmt->fetchAll() as $s) {
$skill_map[(int)$s['process_id']] = ['level' => (int)$s['level'], 'updated_at' => $s['updated_at']];
}

$plan_stmt = $db->prepare(
'SELECT tp.*, p.name AS process_name FROM training_plans tp
JOIN processes p ON p.id = tp.process_id
WHERE tp.worker_id = ? ORDER BY tp.target_date ASC, tp.id DESC'
);
$plan_stmt->execute([$worker_id]);
$plans = $plan_stmt->fetchAll();
```

### 2-4. レーダーチャートJS仕様
- `<canvas id="radar-chart" width="340" height="340"></canvas>` を配置
- PHPからJSON化したデータ（工程名配列・レベル配列）をインライン `<script>` で渡す
- 描画関数 `drawRadar(canvas, labels, values, maxVal)` を実装
- 多角形グリッド（maxVal=4の場合4本）を薄グレーで描画
- 軸ラベルをグリッド外側に表示（長い工程名は12文字で切り捨て＋「…」）
- データ多角形を `rgba(255, 107, 53, 0.35)` 塗りつぶし＋ `#ff6b35` 線で描画
- 工程数が0または作業者未選択時は「データなし」テキストを中央に表示

### 2-5. サイドバーへのリンク追加
`render_layout` 内のナビゲーションリンクに `作業者サマリー` を追加する。
activeクラスは `$page === 'worker_summary'` の場合に付与。

## 3. 既存機能との整合
- 既存テーブル・ページへの変更なし。`pages/worker_summary.php` の新規追加と `lib.php` の `render_layout` ナビ部分への1行追加のみ
- CSVエクスポートは今回スコープ外（既存のマトリクスCSVで代替可能）
- 印刷対応は既存の `.no-print` / `@media print` スタイルをそのまま流用
- スマホ対応：レーダーチャートcanvasは `max-width:100%; height:auto;` でレスポンシブ化、テーブルは既存 `.table-wrap` クラスを使用