---
generated_at: 2026-03-01 10:15:00
metrics:
  claims_total: 17
  claims_with_evidence: 16
  claims_without_evidence: 1
confidence_derived: 0.94
---

# 根拠レポート：4-トップページ

## 本レポートについて

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

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

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

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

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

---

## 1) サマリー（まず見るところ）
- 総合信頼度（derived）：**0.94**
  - 根拠あり：16 / 17、根拠なし：1
- 優先レビュー（高）
  1. **skew-7がtransform: skewX(7deg)に相当する**：Tailwind CSSのデフォルト値に基づく推定であり、実際のコンパイル出力の確認が不足
  2. **CSSモジュールのハッシュ化クラス名の形式**：Next.jsのCSSモジュール実装に基づく推定
  3. **@referenceディレクティブの動作説明**：Tailwind CSS v4の仕様に基づく記述

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

- E-01: `playgrounds/nextjs/app/page.tsx`（トップページ本体）
- E-02: `playgrounds/nextjs/app/page.module.css`（CSSモジュール）
- E-03: `playgrounds/nextjs/app/globals.css`（グローバルCSS）
- E-04: `playgrounds/nextjs/app/layout.tsx`（ルートレイアウト）
- E-05: `playgrounds/nextjs/postcss.config.js`（PostCSS設定）
- E-06: `packages/tailwindcss/src/index.ts`（Tailwind CSSコア）
- E-07: `docs/code-to-docs/画面機能マッピング/画面機能マッピング.csv`（機能マッピング）
- E-08: `docs/code-to-docs/画面一覧/画面一覧.csv`（画面一覧）
- E-09: `docs/code-to-docs/画面一覧/画面遷移図.md`（画面遷移図）

## 3) Claims と根拠の対応（レビューの主戦場）
| Claim ID | 主張 | Evidence | 状態 |
|---|---|---|---|
| C-01 | CSSモジュール（page.module.css）を使用してスタイリングしている | E-01 (1行目: `import styles from './page.module.css'`), E-02 | ○ |
| C-02 | `@reference "./globals.css"`でglobals.cssを参照している | E-02 (1行目) | ○ |
| C-03 | `.heading`クラスに`@apply skew-7`が記述されている | E-02 (3-4行目) | ○ |
| C-04 | globals.cssに`@import 'tailwindcss'`が記述されている | E-03 (1行目) | ○ |
| C-05 | `export default function Home()`でデフォルトエクスポートしている | E-01 (3行目) | ○ |
| C-06 | `<h1 className={styles.heading}>Hello world!</h1>`で見出しを表示する | E-01 (4行目) | ○ |
| C-07 | 表示テキストは"Hello world!"である | E-01 (4行目) | ○ |
| C-08 | 関連機能として5つの機能が対応する | E-07 | ○ |
| C-09 | @applyの置換（substituteAtApply）が主機能である | E-07, E-06 (2行目) | ○ |
| C-10 | page.module.cssの@referenceでglobals.cssのスタイル定義を参照する | E-07, E-02 (1行目) | ○ |
| C-11 | parseCandidateがskew-7のクラス文字列を解析する | E-07 | ○ |
| C-12 | ページ間遷移は存在しない | E-09 | ○ |
| C-13 | 認証・認可の仕組みは存在しない | E-01 | ○ |
| C-14 | @referenceはTailwind CSS v4の機能である | E-06, E-08 (画面一覧の説明) | ○ |
| C-15 | CSSモジュールによりクラス名がハッシュ化される | E-01 (Next.jsの標準動作) | ○ |
| C-16 | layout.tsxの{children}として挿入される | E-04 (20行目), E-09 | ○ |
| C-17 | skew-7はtransform: skewX(7deg)に相当する | **根拠なし** | △ |

## 4) 不足情報（Unknown / Missing）
- C-17（skew-7のCSS出力値）：`skew-7`がTailwind CSSのデフォルトスケールで`transform: skewX(7deg)`に変換されるという主張は、Tailwind CSSのデフォルトテーマ設定に基づく推定である。実際のコンパイル出力を確認する場合は、ビルド後のCSS出力を検査する必要がある
  - 候補：ビルド後のCSS出力 / Tailwind CSS公式ドキュメント / テーマ設定ファイル内のskewスケール定義

## 5) リスクフラグ（レビュー観点）
- 0: 低リスク - ページコンポーネントの構造（ソースコードで直接確認可能）
- 0: 低リスク - CSSモジュールの内容（ソースコードで直接確認可能）
- 1: 中リスク - skew-7のCSS出力値（Tailwind CSSデフォルトテーマに基づく推定）
- 0: 低リスク - @referenceディレクティブの存在（ソースコードで直接確認可能）
- 0: 低リスク - 関連機能の記述（画面機能マッピングCSVで直接確認可能）

## 6) レビュアーチェックリスト（最小）
- [ ] page.tsxの構造（CSSモジュールインポート、styles.heading使用）がソースコードと一致しているか
- [ ] page.module.cssの内容（@reference、@apply skew-7）がソースコードと一致しているか
- [ ] 表示テキスト「Hello world!」がソースコードと一致しているか
- [ ] 関連機能5件が画面機能マッピングCSVの内容と一致しているか
- [ ] skew-7のCSS出力値（transform: skewX(7deg)）が実際のTailwind CSSデフォルトテーマと一致するか
- [ ] @referenceディレクティブの説明（出力に含めず@apply解決のみ）がTailwind CSS v4の仕様と一致するか
