---
generated_at: 2026-02-24 10:20:00
metrics:
  claims_total: 32
  claims_with_evidence: 32
  claims_without_evidence: 0
confidence_derived: 1.00
---

# 根拠レポート：5-Cost Graph Report (Web UI)

## 本レポートについて

### 目的
本レポートは、生成された設計書・ドキュメントの信頼性を検証し、人間レビュアーが効率的にレビューできるようにすることを目的としています。

### チェック方法
以下の観点でドキュメントの内容（Claim：主張）を検証しています：

1. **根拠の有無確認**：各主張に対して、ソースコード・既存設計書・要件定義書などの根拠（Evidence）が存在するか
2. **根拠との整合性**：主張の内容が根拠と矛盾していないか
3. **網羅性**：参照すべき情報源を適切にカバーしているか

### 信頼度スコアの算出
- **confidence_derived** = 根拠あり件数 / 総主張件数
- 状態「○」：根拠あり、「△」：根拠不足または要確認

### 本レポートの使い方
1. まず「サマリー」で全体の信頼度と優先レビュー項目を確認
2. 「Claims と根拠の対応」で △ の項目を重点的にレビュー
3. 「不足情報」で補完が必要な情報源を確認

---

## 1) サマリー（まず見るところ）
- 総合信頼度（derived）：**1.00**
  - 根拠あり：32 / 32、根拠なし：0
- 優先レビュー（高）
  1. 全項目に根拠あり - 優先レビュー項目なし

## 2) 参照した情報（Evidence一覧）
> ここに「実在するもの」だけ列挙。抽出フェーズで付けたIDをそのまま出す。

- E-01: `packages/console/app/src/routes/workspace/[id]/graph-section.tsx` (1-480行)
- E-02: `docs/code-to-docs/帳票一覧/帳票一覧.csv` (6行目)

## 3) Claims と根拠の対応（レビューの主戦場）
| Claim ID | 主張 | Evidence | 状態 |
|---|---|---|---|
| C-01 | Chart.jsのBarController等を使用 | E-01:13-22行 import文、25行 Chart.register | ○ |
| C-02 | getCosts関数でUsageTable集計 | E-01:27-62行 Database.use内のクエリ | ○ |
| C-03 | GROUP BY date, model, keyID, subscriptionで集計 | E-01:49-54行 groupBy句 | ○ |
| C-04 | KeyTable, UserTable, AuthTableを結合 | E-01:68-87行 JOIN句 | ○ |
| C-05 | MODEL_COLORS定数でモデル色定義 | E-01:101-117行 オブジェクト定義 | ○ |
| C-06 | claude-sonnet-4-5は#D4745C | E-01:102行 | ○ |
| C-07 | 未定義モデルはハッシュからHSL生成 | E-01:122-124行 hash計算とHSL生成 | ○ |
| C-08 | GraphSection関数コンポーネントをエクスポート | E-01:150行 `export function GraphSection()` | ○ |
| C-09 | 初期状態で現在年月を設定 | E-01:155-159行 now.getFullYear(), now.getMonth() | ○ |
| C-10 | onPreviousMonthで前月に移動 | E-01:166-170行 関数実装 | ○ |
| C-11 | onNextMonthで次月に移動 | E-01:172-176行 関数実装 | ○ |
| C-12 | getModelsでユニークモデル一覧取得 | E-01:182-185行 Set使用 | ○ |
| C-13 | getDatesで月内日付配列生成 | E-01:187-193行 daysInMonth計算 | ○ |
| C-14 | isCurrentMonthで次へボタン無効化判定 | E-01:205行 条件式 | ○ |
| C-15 | chartConfigはcreateMemoで計算 | E-01:207行 `const chartConfig = createMemo` | ○ |
| C-16 | dailyDataSub/NonSubで日別データ分離 | E-01:222-226行 Map初期化 | ○ |
| C-17 | subscription判定でサブスクリプション分離 | E-01:232行 `row.subscription` | ○ |
| C-18 | コスト変換は/100_000_000 | E-01:248行 `/ 100_000_000` | ○ |
| C-19 | サブスクリプションは透明度0.5 | E-01:262行 `addOpacityToColor(color, 0.5)` | ○ |
| C-20 | サブスクリプションは"(Sub)"サフィックス | E-01:220行 `subSuffix` 定義、260行使用 | ○ |
| C-21 | グラフタイプは"bar" | E-01:271行 `type: "bar"` | ○ |
| C-22 | スタック設定あり | E-01:282行, 297行 `stacked: true` | ○ |
| C-23 | Y軸は$x / $x.xk形式 | E-01:308-310行 callback関数 | ○ |
| C-24 | ツールチップはmode: "index" | E-01:317行 | ○ |
| C-25 | 凡例位置はbottom | E-01:333行 `position: "bottom"` | ○ |
| C-26 | 凡例ホバーでハイライト | E-01:344-358行 onHover実装 | ○ |
| C-27 | 凡例離脱で元に戻す | E-01:360-374行 onLeave実装 | ○ |
| C-28 | createEffectでデータ取得 | E-01:381-384行 getCosts呼び出し | ○ |
| C-29 | createEffectでChart描画 | E-01:386-394行 new Chart | ○ |
| C-30 | ダークモード監視 | E-01:396-406行 prefers-color-scheme | ○ |
| C-31 | 空状態時は"No cost data yet."表示 | E-01:467-470行 fallback | ○ |
| C-32 | 帳票カテゴリは「コスト分析」 | E-02:6行目 CSV定義 | ○ |

## 4) 不足情報（Unknown / Missing）
- なし - 全ての主張に根拠が存在

## 5) リスクフラグ（レビュー観点）
- 0: 低リスク - コード実装に基づく主張は全て根拠あり
- 0: 低リスク - Chart.js設定の記述は正確

## 6) レビュアーチェックリスト（最小）
- [ ] 大量データ（多モデル・長期間）での描画性能確認
- [ ] ダークモード切り替え時の表示確認
- [ ] モバイル環境でのレスポンシブ表示確認
- [ ] 凡例ホバー時のハイライト動作確認
