BOMCraft - 部品表(BOM)作成・原価積算システム

## 1. アプリの目的・ターゲットユーザー
製造業・加工業・ものづくり系スタートアップの設計・製造・調達担当者が、製品の部品表（Bill of Materials / BOM）を階層構造で管理し、部品単価から製品原価を自動積算できるWebアプリ。Excelでのバラバラ管理を脱し、多段階の親子構成品をブラウザ上で直感的に登録・編集・印刷できる。1〜20名規模の中小製造業が主なターゲット。

---

## 2. 主要機能

- **BOM階層エディタ**: 製品→ユニット→部品→素材の最大5階層をツリー形式で管理。行のドラッグ並び替えと折りたたみ表示に対応。各行に「品番・品名・図番・員数・単位・調達区分(購入/内製/外注)・単価・備考」を入力。
- **原価自動積算**: 員数×単価を末端部品から再帰的に集計し、各階層の合計材料費・加工費(内製は時間×工賃レートで入力)・外注費・総製造原価をリアルタイム表示。利益率を入力すると推奨売価も算出。
- **部品マスタ**: 品番・品名・単位・標準単価・仕入先・リードタイムを登録できる部品辞書。BOMエディタでサジェスト検索して呼び出し可能。
- **バージョン管理**: BOMに対して「Rev.A / Rev.B」などの改版を登録し、旧Revと現行Revの差分（追加・削除・単価変更）を一覧表示。
- **印刷・エクスポート**: A4縦のBOM帳票(階層インデント付き)と原価積算書をブラウザ印刷またはCSVでエクスポート。
- **製品ダッシュボード**: 登録済み製品の一覧カード。総原価・推奨売価・粗利率を色分けバッジで表示し、原価高騰リスク製品を即座に把握。

---

## 3. 画面構成

### ① ダッシュボード (`/`)
- 製品カード一覧（製品名・総原価・粗利率・最終更新日）
- 「新規製品を作成」ボタン
- 部品単価が未入力の警告バッジ件数

### ② 製品BOM編集画面 (`/bom/{product_id}`)
- 上部: 製品基本情報（製品名・型式・担当者・Rev番号）
- 中央: BOMツリーテーブル。行末の「＋」ボタンで子行追加、「×」で削除、ハンドルでドラッグ並び替え
- 右サイドパネル: 原価サマリー（材料費 / 内製加工費 / 外注費 / 合計 / 利益率スライダー / 推奨売価）
- 下部アクション: 保存 / CSV出力 / 印刷プレビュー / 新Rev作成

### ③ 部品マスタ管理画面 (`/parts`)
- 部品一覧テーブル（品番・品名・単位・標準単価・仕入先・リードタイム）
- 検索フィルター・ソート・CSV一括インポート / エクスポート
- 部品登録・編集モーダル

### ④ Revision比較画面 (`/bom/{product_id}/diff`)
- ドロップダウンで比較する2つのRevを選択
- 差分行を追加（緑）・削除（赤）・変更（黄）でカラーハイライト表示
- 原価変動額（±円・±%）を要約カードで表示

### ⑤ 印刷プレビュー（モーダル or 別タブ）
- A4縦レイアウトのBOM帳票（ロゴ・製品名・Rev・発行日・階層インデント付きBOM行）
- 原価積算書（費目別内訳・合計・利益率・推奨売価）

---

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

```sql
-- 製品マスタ
products (id, name, model_no, responsible, memo, created_at, updated_at)

-- BOMリビジョン
bom_revisions (id, product_id, rev_label, status[draft/confirmed], note, created_at)

-- BOM行（自己参照で階層構成）
bom_lines (
id, revision_id, parent_id, -- parent_id=NULL が最上位
sort_order, part_id, -- part_idはpartsへの外部キー(NULLで直接入力も可)
part_no, part_name, drawing_no,
quantity, unit,
procurement_type ENUM('purchase','in-house','outsource'),
unit_price, -- 購入/外注の場合
work_hours, hourly_rate, -- 内製の場合
sub_total, -- 自動計算(保存時に更新)
memo
)

-- 部品マスタ
parts (id, part_no, part_name, unit, std_price, supplier, lead_time_days, memo, updated_at)
```

---

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

- **カラー**: ネイビー (#1e3a5f) をヘッダーとサイドバーに使い、アクセントにオレンジ (#f07d00)。白背景で清潔感と視認性を確保。製造業向けに落ち着いた業務ライクなトーン。
- **フォント**: 日本語は Noto Sans JP（Googleフォント）、数値は等幅で揃え、コスト一覧の数字が縦に整列して読みやすい。
- **BOMツリー**: 階層インデント＋縦ガイドラインで親子関係を視覚化。折りたたみ可能なトグル矢印付き。
- **レスポンシブ**: スマホではBOMツリーを横スクロール対応の横幅広めテーブルとして表示。タブレット以上は左右2カラムで編集とサマリーを並列表示。
- **UX**: Excelライクなタブキーによるセル移動、部品マスタからのサジェスト入力補完（Ajax）、保存確認ダイアログで誤消去を防止。