---
generated_at: 2026-01-30 11:44:00
metrics:
  claims_total: 16
  claims_with_evidence: 15
  claims_without_evidence: 1
confidence_derived: 0.94
---

# 根拠レポート：60-レスポンシブUI

## 本レポートについて

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

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

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

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

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

---

## 1) サマリー（まず見るところ）
- 総合信頼度（derived）：**0.94**
  - 根拠あり：15 / 16、根拠なし：1
- 優先レビュー（高）
  1. **パフォーマンス要件**：レイアウト切り替え16ms以内の根拠が不明

## 2) 参照した情報（Evidence一覧）

- E-01: `packages/component-library/src/tokens.ts` 11-15行目：breakpoints定数
- E-02: `packages/component-library/src/hooks/useResponsive.ts` 全体
- E-03: `packages/component-library/src/hooks/useResponsive.ts` 6-8行目：useWindowSize使用
- E-04: `packages/component-library/src/hooks/useResponsive.ts` 12-21行目：ブレークポイント判定
- E-05: `packages/desktop-client/src/components/mobile/MobileNavTabs.tsx` 234行目：isNarrowWidth制御
- E-06: `packages/desktop-client/src/components/mobile/budget/BudgetPage.tsx`
- E-07: `packages/desktop-client/src/components/mobile/accounts/AccountsPage.tsx`
- E-08: `docs/code-to-docs/画面機能マッピング/画面機能マッピング.csv`

## 3) Claims と根拠の対応（レビューの主戦場）

| Claim ID | 主張 | Evidence | 状態 |
|---|---|---|---|
| C-01 | ブレークポイント small=512px | E-01 | ○ |
| C-02 | ブレークポイント medium=730px | E-01 | ○ |
| C-03 | ブレークポイント wide=1100px | E-01 | ○ |
| C-04 | useResponsiveフックを使用 | E-02 | ○ |
| C-05 | useWindowSizeで画面サイズ取得 | E-03 | ○ |
| C-06 | 250msデバウンス | E-03 (debounceDelay: 250) | ○ |
| C-07 | isNarrowWidthでモバイル判定 | E-04 (15行目) | ○ |
| C-08 | atLeastMediumWidth判定 | E-04 (14行目) | ○ |
| C-09 | width/height出力 | E-04 (20-21行目) | ○ |
| C-10 | MobileNavTabsでモバイルナビ | E-05 | ○ |
| C-11 | isNarrowWidthでナビ表示制御 | E-05 | ○ |
| C-12 | モバイル予算画面 | E-06 | ○ |
| C-13 | モバイル口座画面 | E-07 | ○ |
| C-14 | 関連画面一覧 | E-08 | ○ |
| C-15 | usehooks-tsライブラリ使用 | E-03 (import from 'usehooks-ts') | ○ |
| C-16 | レイアウト切り替え16ms以内 | **根拠なし** | △ |

## 4) 不足情報（Unknown / Missing）

- パフォーマンス要件（C-16）の具体的数値はコードからは導出できない
  - 候補：パフォーマンス測定結果 / Reactの推奨値

## 5) リスクフラグ（レビュー観点）

- 0: パフォーマンス要件はReactの一般的な性能目標として妥当

## 6) レビュアーチェックリスト（最小）

- [ ] ブレークポイント値がデザイン要件と一致しているか確認
- [ ] デバウンス時間（250ms）が適切か確認
- [ ] モバイル/デスクトップのUI切り替えが適切か確認
