ChangePoint - 設計変更・仕様変更履歴管理システム

## 1. アプリの目的・ターゲットユーザー
製造業・建設業・システム開発会社などで日常的に発生する「設計変更・仕様変更」を一元管理するWebアプリ。変更内容・影響範囲・承認フロー・周知状況をブラウザで追跡できるようにし、「いつ・誰が・何を・なぜ変えたか」の証跡を残す。ターゲットは中小製造業の設計担当者・品質管理担当者・プロジェクトマネージャー（1〜30名規模）。

---

## 2. 主要機能

- **変更申請登録**: 変更番号（自動採番）、対象品番/図番、変更前内容・変更後内容、変更理由、変更区分（設計変更／仕様変更／工程変更／材料変更）、影響部門チェックボックス（設計・製造・品質・購買・営業）、添付メモ欄を登録
- **承認ステータス管理**: 「申請中→審査中→承認済→差戻し→廃止」の5ステータスをワンクリックで切替。審査コメント入力欄付き。変更一覧はステータス別タブで即切替表示
- **影響範囲サマリー**: 変更された品番に紐づく関連品番・工程・取引先を手動で関連付けし、変更詳細画面で一覧表示。「この変更で影響を受ける品番は何か」をひと目で把握できる
- **周知・通知管理**: 承認済みになった変更に対して、影響部門ごとの「周知済チェック」を入力し、未周知部門を色付きアラートで強調表示。変更の見落とし・伝達漏れを防止する
- **変更履歴タイムライン**: 品番・図番ごとに過去の変更履歴を時系列で一覧表示。変更回数が多い品番をランキング表示し、リピート問題品の特定に活用
- **CSV出力・A4印刷**: 変更一覧のCSVエクスポートと、変更内容を記載したA4縦レイアウトの変更連絡書（帳票）をブラウザ印刷で出力

---

## 3. 画面構成

### トップ（ダッシュボード）
- ステータス別件数カード（申請中・審査中・承認済・差戻し）
- 直近30日の変更登録件数の棒グラフ（PHP側で集計、JS描画）
- 未周知アラート一覧（承認済だが未周知部門が残っている変更を赤バッジ表示）
- 「新規申請」ボタン（目立つ位置に固定）

### 変更一覧ページ
- ステータスタブ切替（全件／申請中／審査中／承認済／差戻し）
- 品番・変更区分・担当者・日付範囲の絞り込み検索
- テーブル表示（変更番号／品番／変更区分／申請日／ステータス／担当者／操作ボタン）
- CSV出力ボタン

### 変更詳細・編集ページ
- 変更番号・品番・変更区分・変更前後の内容（textarea）・変更理由
- 影響部門チェックボックス（設計・製造・品質・購買・営業・その他）
- 関連品番の追加（品番テキスト入力＋追加ボタン）
- ステータス変更プルダウン＋審査コメント入力
- 部門別周知済チェックボックス（承認済のときのみ表示）
- 変更連絡書の印刷ボタン（A4横レイアウト、変更前後対比テーブル付き）

### 品番別変更履歴ページ
- 品番を入力して検索
- 変更番号・変更日・変更区分・変更内容サマリーを縦型タイムラインで表示
- 変更回数の多い品番TOP10ランキングリスト

---

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

```sql
-- 変更申請テーブル
changes (
id INT AUTO_INCREMENT PRIMARY KEY,
change_no VARCHAR(20) UNIQUE NOT NULL, -- 自動採番 例:ECR-20250001
part_no VARCHAR(100) NOT NULL, -- 品番・図番
change_type ENUM('設計変更','仕様変更','工程変更','材料変更') NOT NULL,
before_content TEXT NOT NULL, -- 変更前内容
after_content TEXT NOT NULL, -- 変更後内容
reason TEXT NOT NULL, -- 変更理由
applicant VARCHAR(100) NOT NULL, -- 申請者名
status ENUM('申請中','審査中','承認済','差戻し','廃止') DEFAULT '申請中',
review_comment TEXT, -- 審査コメント
affected_dept JSON, -- 影響部門 例:["設計","品質"]
notified_dept JSON, -- 周知済部門 例:["設計"]
created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
updated_at DATETIME ON UPDATE CURRENT_TIMESTAMP
);

-- 関連品番テーブル
related_parts (
id INT AUTO_INCREMENT PRIMARY KEY,
change_id INT NOT NULL,
related_part_no VARCHAR(100) NOT NULL,
note VARCHAR(255),
FOREIGN KEY (change_id) REFERENCES changes(id) ON DELETE CASCADE
);

-- 変更履歴ログテーブル（ステータス変化の証跡）
change_logs (
id INT AUTO_INCREMENT PRIMARY KEY,
change_id INT NOT NULL,
action VARCHAR(50) NOT NULL, -- 例:「申請中→審査中」
operator VARCHAR(100),
comment TEXT,
created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
FOREIGN KEY (change_id) REFERENCES changes(id) ON DELETE CASCADE
);
```

---

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

- **カラーパレット**: ネイビー（#1A3A5C）をメインカラー、アクセントにアンバー（#F59E0B）。ステータスは緑（承認済）・黄（審査中）・赤（差戻し）・グレー（廃止）で色分け
- **レイアウト**: 左サイドバーナビ＋右メインコンテンツ。スマホでは下部タブバーに切替（CSS flexbox）
- **フォント**: 源ノ角ゴシック系（Google Fontsの Noto Sans JP）。業務ツールらしい読みやすさを優先
- **トーン**: 現場スタッフでも迷わないシンプルなUI。アイコンはUnicode絵文字を活用してアイコンライブラリ依存をなくす
- **印刷スタイル**: @media print でサイドバー・ナビを非表示にし、変更連絡書をA4縦で出力。変更前後を左右2カラムで対比表示する帳票レイアウト
- **実装規模**: PHP7.4以上＋MySQL5.7以上、素のHTML/CSS/JS（jQuery不使用）で完結。セッション管理はPHPセッション（パスワードなしの簡易認証またはオープンアクセスのどちらでも動作）