EstimateTime - 作業工数見積もり&実績比較トラッカー

## 1. アプリの目的・ターゲットユーザー
フリーランサー・Web制作会社・ITエンジニア・デザイナーが「見積もり工数と実際にかかった工数のズレ」を記録・分析し、次回以降の見積もり精度を継続的に改善するためのブラウザ完結型ツール。「なぜかいつも見積もりが甘くなる」「どの作業カテゴリで時間がブレやすいか」を数値で把握したいビジネスパーソンを対象とする。

## 2. 主要機能
- **プロジェクト登録＆タスク分解**: プロジェクト名・クライアント名・開始日を登録し、タスクを自由に追加。各タスクに「カテゴリ（要件定義・デザイン・実装・テスト・ライティング・その他）」「見積もり工数（時間単位、0.5刻み）」「実績工数（同）」「メモ」を入力する。
- **ズレ率の自動算出＆色分け表示**: 実績÷見積もりで「ズレ率」を自動計算。±20%以内は緑、+20〜50%はオレンジ、+50%超は赤でカード表示。常に全タスクの傾向が一目で把握できる。
- **カテゴリ別精度レポート**: カテゴリごとに「平均ズレ率・累計見積もり時間・累計実績時間・見積もり傾向（楽観的/精確/保守的）」を棒グラフ＋数値で表示。苦手カテゴリを特定できる。
- **見積もり係数サジェスト**: 過去実績から「あなたの実装カテゴリの実際の所要時間は見積もりの平均1.4倍です。次回は×1.4を推奨」と補正係数を自動提案する。
- **プロジェクトサマリーカード**: プロジェクト単位で「合計見積もり時間・合計実績時間・総ズレ率・タスク完了率」を1枚のサマリーカードとして表示。CSVダウンロードにも対応。
- **データはLocalStorage保存**: ログイン不要。ブラウザに完全保存し、JSONエクスポート/インポートでバックアップも可能。

## 3. 画面構成
- **ホーム（プロジェクト一覧）**: カード形式でプロジェクトを一覧表示。各カードに合計ズレ率インジケーターバー付き。右上に「新規プロジェクト作成」ボタン。
- **プロジェクト詳細画面**: 上部にサマリー数値（見積計/実績計/ズレ率/完了率）。中段にタスク一覧テーブル（カテゴリ・見積・実績・ズレ率・メモ・削除ボタン）。タスク追加フォームはテーブル最下行のインライン入力。
- **レポート画面**: カテゴリ別ズレ率棒グラフ（Canvas.js使用）、見積もり係数サジェストパネル、全プロジェクト通算スコア（総見積時間・総実績時間・全体ズレ率）。
- **設定画面**: JSONエクスポート・インポートボタン、全データ削除ボタン（確認ダイアログ付き）。

## 4. データ構造（LocalStorage）
```
projects: [
{
id: UUID,
name: string,
client: string,
startDate: string,
createdAt: string,
tasks: [
{
id: UUID,
category: string, // "設計"/"デザイン"/"実装"/"テスト"/"ライティング"/"その他"
label: string, // タスク名
estimated: number, // 見積もり工数（時間）
actual: number, // 実績工数（時間）, 0=未入力
memo: string,
done: boolean
}
]
}
]
```
DBは不要。全データをLocalStorageのJSONで管理する。

## 5. デザインの方向性
- カラーテーマ: ダークネイビー（#0f172a）をベースに、アクセントカラーはインディゴ（#6366f1）。業務ツールらしいクールで信頼感のある雰囲気。
- カードUIを基本とし、テーブル行は縞模様で視認性を確保。
- ズレ率の色分け（緑/オレンジ/赤）はバッジとプログレスバーの2箇所で重複表示して直感的に把握できるようにする。
- モバイルでもタスク入力しやすいよう、フォームはハーフモーダル（下から出るドロワー）形式で表示。
- フォントはNoto Sans JP + 数値部分はTabular figuresで揃える。
- アニメーション: プロジェクトカードのホバー浮き上がり・グラフのカウントアップアニメーションで操作感を演出。