EnergyLog - 工場・現場エネルギー使用量記録＆コスト分析システム

## 1. アプリの目的・ターゲットユーザー
中小製造業・食品加工業・物流倉庫・印刷業などの工場・現場担当者が、電気・ガス・水道・燃料（重油・軽油）などのエネルギー使用量を設備・工程・月別に記録し、コスト推移と原単位（単位生産量あたりのエネルギー消費）を可視化することで、省エネ施策の立案と効果検証を支援するWebアプリ。エネルギー管理士・設備担当者・工場長が主なターゲット。環境報告書や省エネ法対応の基礎データ整備にも活用できる。

## 2. 主要機能
- **計量記録入力**：設備・メーター単位で電気(kWh)・ガス(m³)・水道(m³)・燃料(L)の月次または日次の検針値/使用量を入力。単価マスタから自動でコスト換算。
- **設備・メーターマスタ管理**：設備名、工程、設置場所、エネルギー種別、単価（季節別料金対応）、契約容量を登録・編集。設備ごとに最大電力アラート閾値も設定可。
- **原単位（エネルギー強度）集計**：生産実績数量（手入力）と対比した原単位（kWh/個・kWh/t 等）を自動計算し、目標原単位との乖離をカラーバッジで表示。
- **ダッシュボード＆グラフ**：工場全体・工程別・設備別のコスト推移棒グラフ、エネルギー種別の円グラフ、前年同月比カード、上位消費設備ランキングを1画面に集約。
- **省エネ施策登録＆効果追跡**：「照明LED化」「コンプレッサー圧力調整」などの施策を登録し、実施前後の月を指定して削減量・削減コストを自動比較。ステータス（計画中・実施済・効果確認済）で管理。
- **レポート出力**：月次エネルギーレポート（A4縦）をブラウザ印刷対応HTMLで生成。設備別使用量一覧・コスト合計・原単位・前月比をまとめた帳票として印刷可能。CSV出力にも対応。

## 3. 画面構成
### ① ダッシュボード（トップ）
- 当月コスト合計カード（電気/ガス/水道/燃料の内訳）
- 前年同月比・前月比の増減表示（▲▽アイコン付き）
- 月次コスト推移棒グラフ（直近12か月）
- エネルギー種別構成比 ドーナツグラフ
- 原単位達成率メーター（目標値との比較）
- 上位消費設備 TOP5 カード

### ② 計量記録入力
- 年月・設備選択 → 検針値または使用量を入力
- 単価自動取得・コスト自動計算
- 一括入力モード（設備一覧をテーブル形式で縦に並べ、横スクロールなしで入力）
- 入力済み月の確認・修正

### ③ 設備・メーターマスタ
- 設備一覧テーブル（登録・編集・削除）
- エネルギー種別・工程・場所でフィルタ
- 単価マスタ（季節区分別単価の登録）

### ④ 省エネ施策管理
- 施策カード一覧（ステータス別タブ）
- 施策登録フォーム（施策名・対象設備・実施予定日・担当者・期待削減量）
- 実施前後比較パネル（選択した2か月の自動差分表示）

### ⑤ レポート出力
- 年月選択 → 月次レポートHTMLプレビュー
- 印刷ボタン / CSV出力ボタン

### ⑥ 設定
- 工場名・基本情報
- 目標原単位・目標コスト削減率の設定
- データバックアップ（CSV一括エクスポート）

## 4. データ構造（DBテーブル概要）
```
facilities（設備マスタ）
id, name, process, location, energy_type, unit, contract_capacity, alert_threshold, note, created_at

energy_prices（単価マスタ）
id, energy_type, season_label, start_month, end_month, unit_price, updated_at

energy_records（計量記録）
id, facility_id, record_year, record_month, usage_amount, unit_price_snapshot, cost_calc, production_qty, unit_intensity, note, created_at

eco_measures（省エネ施策）
id, title, target_facility_id, status(planned/done/verified), planned_date, actual_date, expected_saving, actual_saving, before_month, after_month, staff_name, note, created_at

factory_settings（工場設定）
id, factory_name, target_unit_intensity, target_cost_reduction_rate, updated_at
```

## 5. デザインの方向性
- **カラーパレット**：ダークネイビー(#0d1b2a)を基調に、電気＝アンバー(#f59e0b)・ガス＝スカイブルー(#38bdf8)・水道＝シアン(#06b6d4)・燃料＝オレンジ(#f97316)でエネルギー種別を色分け。省エネ達成はグリーン(#22c55e)、超過はレッド(#ef4444)で直感的に把握。
- **フォント**：見出しは太めのゴシック、数値はモノスペース風で視認性を確保。
- **レイアウト**：左サイドバーナビ＋右メインコンテンツの2カラム構成。スマホでは下部タブバーに切替。グラフはChart.jsを使用。
- **印象**：重厚すぎず、現場担当者が毎月気軽に入力できるシンプル実用的なUI。ダークテーマをベースにしつつ、入力フォームは白背景カードで視認性を確保。