ShiftCost - 製造ライン別・時間帯別 人件費シミュレーター

## 1. アプリの目的・ターゲットユーザー
製造業・物流・食品加工・小売などの現場管理者・工場長・原価担当者を対象に、ライン・工程・時間帯ごとの人員配置と人件費をシミュレーションし、「この体制で1日・1週間いくらかかるか」「残業・深夜割増を加味すると最適配置はどれか」をブラウザ上で即座に試算できる無料ツール。Excelや高価なERP不要で中小製造業がすぐ使い始められる。

## 2. 主要機能
- **作業者マスタ登録**：氏名・雇用区分（正社員/パート/派遣）・基本時給・割増率プリセット（深夜1.25/休日1.35/残業1.25）を登録し最大50名まで管理
- **ライン・工程マスタ**：ライン名（例: A組立ライン、梱包ライン）と稼働時間帯（開始〜終了）を設定。最大10ライン登録可
- **配置シミュレーション**：日付・ラインを選び、各作業者の勤務時間帯をドラッグまたはプルダウンで割り当てるタイムテーブルUI。自動で通常・残業・深夜の区分時間を判定
- **人件費リアルタイム集計**：配置を変えるたびに「1日合計人件費」「ライン別人件費」「雇用区分別内訳」「残業・深夜割増額」を即時表示するダッシュボード
- **週間・月間サマリーレポート**：日ごとの配置を蓄積し、週・月単位の人件費推移グラフ（折れ線）とライン別比較棒グラフを表示。印刷・CSV出力対応
- **最適配置ヒント**：設定した「ライン1日人件費上限予算」と比較して超過・余裕をアラート表示し、削減候補（残業の多い作業者・割高な派遣集中ライン）をハイライト提示

## 3. 画面構成
### ① ダッシュボード（トップ）
- 本日・今週の人件費サマリーカード（合計/ライン別/雇用区分別）
- 残業・深夜割増費の割合ドーナツグラフ
- 予算超過アラートバナー
- クイックナビ（配置入力／マスタ管理／レポート）

### ② 配置シミュレーション画面
- 日付ピッカーで対象日を選択
- 横軸：時間帯（0〜24時、1時間刻み）、縦軸：作業者名のタイムテーブル
- ライン切り替えタブ（最大10ライン）
- セルクリックで勤務区分（通常/残業/深夜/休日）を選択。色で区分を視覚化（青/橙/紺/赤）
- 画面右サイドバーにライン別・合計人件費をリアルタイム表示

### ③ 作業者マスタ管理
- 一覧テーブル（CRUD）
- 雇用区分フィルター
- CSV一括インポート（氏名・時給・区分のみ）

### ④ ライン・工程マスタ管理
- ライン名・標準稼働開始終了時刻・1日定員人数の設定
- 必要人員を下回るとダッシュボードに不足アラート

### ⑤ レポート画面
- 期間指定（週/月/任意範囲）
- 日別人件費推移折れ線グラフ
- ライン別比較棒グラフ
- 雇用区分別積み上げグラフ
- 明細テーブル（日付×作業者×ライン×時間数×金額）
- A4印刷レイアウト／CSV出力ボタン

## 4. データ構造（MySQLテーブル概要）
```
workers（作業者マスタ）
id, name, employment_type(正社員/パート/派遣), hourly_wage, overtime_rate, midnight_rate, holiday_rate, created_at

lines（ラインマスタ）
id, line_name, std_start_time, std_end_time, required_workers, daily_budget, created_at

shifts（配置データ）
id, work_date, worker_id, line_id, start_time, end_time, shift_type(normal/overtime/midnight/holiday), calc_hours, calc_wage, created_at

summary_cache（日次集計キャッシュ）
id, work_date, line_id, total_hours, total_wage, overtime_wage, midnight_wage
```

## 5. デザインの方向性
- カラーテーマ：ダークネイビー×明るいティール（製造現場のモニターで見やすい高コントラスト系）
- フォント：日本語はNoto Sans JP、数値はRoboto Monoで桁が揃うよう設定
- タイムテーブルは色ブロックが直感的に見えるガントチャート風スタイル
- スマホ（現場タブレット）でも配置入力できるよう、セルは最低44px確保・ピンチズーム対応
- グラフはChart.jsを使用（外部APIキー不要）
- 登録・保存の操作にはローディングスピナーとトーストで完了通知
- PC画面では左サイドナビ、スマホでは下部タブナビに切り替えるレスポンシブ構成