---
generated_at: 2026-03-01 10:00:00
metrics:
  claims_total: 20
  claims_with_evidence: 18
  claims_without_evidence: 2
confidence_derived: 0.90
---

# 根拠レポート：31-CSSチャンクローディング

## 本レポートについて

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

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

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

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

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

---

## 1) サマリー（まず見るところ）
- 総合信頼度（derived）：**0.90**
  - 根拠あり：18 / 20、根拠なし：2
- 優先レビュー（高）
  1. **CssModulesPluginからのインスタンス化フロー**：CssModulesPlugin.jsの詳細読み込みが不足
  2. **パフォーマンス要件のデフォルト値**：chunkLoadTimeoutのデフォルト値の確認が必要

## 2) 参照した情報（Evidence一覧）
> ここに「実在するもの」だけ列挙。

- E-01: `lib/css/CssLoadingRuntimeModule.js` (全513行)
- E-02: `lib/css/CssModulesPlugin.js` (ファイル存在確認)
- E-03: `lib/RuntimeGlobals.js` (定数参照)
- E-04: `lib/RuntimeModule.js` (基底クラス)
- E-05: `docs/code-to-docs/機能一覧/機能一覧.csv` (機能No.31定義)
- E-06: `docs/code-to-docs/画面機能マッピング/画面機能マッピング.csv` (画面マッピング)

## 3) Claims と根拠の対応（レビューの主戦場）
| Claim ID | 主張 | Evidence | 状態 |
|---|---|---|---|
| C-01 | CssLoadingRuntimeModuleはRuntimeModuleを継承する | E-01 (32行目) | ○ |
| C-02 | 3つのSyncWaterfallHook（createStylesheet, linkPreload, linkPrefetch）を定義 | E-01 (46-48行目) | ○ |
| C-03 | WeakMapでコンパイレーション固有のフックを管理 | E-01 (30行目) | ○ |
| C-04 | ランタイム優先度10で初期化 | E-01 (59行目) | ○ |
| C-05 | conditionMapはchunkGraph.getChunkConditionMapで生成 | E-01 (82-91行目) | ○ |
| C-06 | installedChunksの状態は undefined/null/[resolve,reject,Promise]/0 | E-01 (176-177行目コメント) | ○ |
| C-07 | link要素にcharset, nonce, data-webpack, fetchpriority, rel, href, crossOrigin属性を設定 | E-01 (140-171行目) | ○ |
| C-08 | onLinkCompleteでonerror/onload/timeout統一処理 | E-01 (226-236行目) | ○ |
| C-09 | ChunkLoadErrorをエラー名として設定 | E-01 (298行目) | ○ |
| C-10 | CORSの"use-credentials"は無条件設定、それ以外はオリジン比較で条件付き | E-01 (162-170行目) | ○ |
| C-11 | prefetchはrel="prefetch" as="style"で生成 | E-01 (365-366行目) | ○ |
| C-12 | preloadはrel="preload" as="style"で生成 | E-01 (400-401行目) | ○ |
| C-13 | HMR時はcssTextKeyでCSS内容比較による差分判定 | E-01 (445-451行目) | ○ |
| C-14 | HMR時に古いタグを削除し新しいタグを挿入 | E-01 (429-443行目) | ○ |
| C-15 | isNeutralPlatformでdocument未定義環境に対応 | E-01 (316-324行目) | ○ |
| C-16 | TypeErrorは compilationがCompilationインスタンスでない場合にスロー | E-01 (38-42行目) | ○ |
| C-17 | withLoadingもwithHmrもfalseの場合nullを返却 | E-01 (109-111行目) | ○ |
| C-18 | scriptNonceが設定されている場合nonce属性を付与 | E-01 (141-145行目) | ○ |
| C-19 | CssModulesPluginからCssLoadingRuntimeModuleがインスタンス化・登録される | E-02 | △ |
| C-20 | chunkLoadTimeoutのデフォルト値はwebpack設定による | **根拠なし** | △ |

## 4) 不足情報（Unknown / Missing）
- CssModulesPlugin.jsの詳細な読み込みを行っていないため、CssLoadingRuntimeModuleのインスタンス化・登録フローの正確な確認が不足
  - 候補：lib/css/CssModulesPlugin.js の compilation.hooks を詳細に確認
- chunkLoadTimeoutのデフォルト値について、webpack設定スキーマの確認が必要
  - 候補：schemas/WebpackOptions.json / lib/config/defaults.js

## 5) リスクフラグ（レビュー観点）
- 0: CssLoadingRuntimeModule.js のソースコードに基づく主張はほぼ全て根拠あり（低リスク）
- 1: CssModulesPlugin.jsとの連携フローは部分的確認のみ（中リスク）

## 6) レビュアーチェックリスト（最小）
- [ ] CssModulesPlugin.jsでのCssLoadingRuntimeModuleインスタンス化箇所を確認
- [ ] chunkLoadTimeoutのデフォルト値をwebpack設定スキーマで確認
- [ ] HMR時のcssTextKey比較ロジックがエッジケースで問題ないか確認
- [ ] プラットフォーム中立モード（isNeutralPlatform）の動作が正確に記述されているか確認
