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

# 根拠レポート：30-CSSモジュール

## 本レポートについて

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

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

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

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

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

---

## 1) サマリー（まず見るところ）
- 総合信頼度（derived）：**0.94**
  - 根拠あり：15 / 16、根拠なし：1
- 優先レビュー（高）
  1. **css/autoモードのIS_MODULESパターン**：CssParser.jsの全体を読み込めていないため要確認

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

- E-01: `lib/css/CssModulesPlugin.js` 全体（940行）
- E-02: `lib/css/CssModulesPlugin.js` 213-604行目 applyメソッド
- E-03: `lib/css/CssModulesPlugin.js` 218-249行目 依存関係登録
- E-04: `lib/css/CssModulesPlugin.js` 254-383行目 パーサー/ジェネレーター/モジュールクラス登録
- E-05: `lib/css/CssModulesPlugin.js` 385-426行目 HMR対応
- E-06: `lib/css/CssModulesPlugin.js` 429-474行目 afterCodeGeneration/contentHash
- E-07: `lib/css/CssModulesPlugin.js` 475-523行目 renderManifest
- E-08: `lib/css/CssModulesPlugin.js` 537-603行目 ランタイムモジュール登録
- E-09: `lib/css/CssModulesPlugin.js` 613-725行目 getModulesInOrder
- E-10: `lib/css/CssModulesPlugin.js` 762-854行目 renderModule
- E-11: `lib/css/CssModulesPlugin.js` 861-906行目 renderChunk
- E-12: `lib/css/CssModulesPlugin.js` 927-936行目 chunkHasCss
- E-13: `lib/css/CssParser.js` 先頭80行（IS_MODULES正規表現 63行目）
- E-14: `lib/css/CssGenerator.js` 先頭80行
- E-15: `lib/css/CssModulesPlugin.js` 371-382行目 processResult/BOM除去

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

| Claim ID | 主張 | Evidence | 状態 |
|---|---|---|---|
| C-01 | 4種類のCSSモジュールタイプ（css/css/auto/css/module/css/global） | E-04 (254-258行目) | ○ |
| C-02 | CSS依存関係のファクトリ/テンプレート登録 | E-03 | ○ |
| C-03 | CssParserのdefaultMode設定（css:デフォルト, auto, local, global） | E-04 (260-289行目) | ○ |
| C-04 | CssModuleクラスでのlayer/supports/media継承 | E-04 (301-369行目) | ○ |
| C-05 | BOM除去処理 | E-15 | ○ |
| C-06 | HMR対応（module.hot.invalidate/accept） | E-05 | ○ |
| C-07 | getModulesInOrderによるCSSモジュール順序付け | E-09 | ○ |
| C-08 | 順序競合時のWebpackError警告 | E-09 (699-707行目) | ○ |
| C-09 | renderModuleでの@layer/@supports/@media ラッパー適用 | E-10 (807-836行目) | ○ |
| C-10 | publicPath autoの解決（CssUrlDependency.PUBLIC_PATH_AUTO） | E-10 (791-804行目) | ○ |
| C-11 | CSSコンテンツハッシュの計算 | E-06 (443-474行目) | ○ |
| C-12 | CssLoadingRuntimeModuleの登録 | E-08 (548-550行目) | ○ |
| C-13 | CssMergeStyleSheetsRuntimeModuleの登録 | E-08 (595-602行目) | ○ |
| C-14 | jsonp/importチャンクローディング方式対応 | E-08 (529-536行目) | ○ |
| C-15 | chunkHasCssでCSS_TYPE/CSS_IMPORT_TYPE判定 | E-12 | ○ |
| C-16 | css/autoモードでファイル名`.modules.`パターン判定 | E-13 (63行目 IS_MODULES正規表現確認) | △ |

## 4) 不足情報（Unknown / Missing）
- C-16: CssParser.jsの全体（先頭80行のみ読み込み）でIS_MODULESパターンの実際の使用箇所を確認できていない
  - 候補：CssParser.jsのparse()メソッド内でのモード自動判定ロジック

## 5) リスクフラグ（レビュー観点）
- 1: 中リスク - CssParser.jsの全体が大きく、先頭80行のみの確認であるため、CSS Modulesの自動判定ロジックの詳細は追加確認が推奨される

## 6) レビュアーチェックリスト（最小）
- [ ] CSSモジュール順序付け（getModulesInOrder）のアルゴリズムが正確か確認
- [ ] @layer/@supports/@media の継承チェーン処理が正しいか確認
- [ ] HMR対応のinvalidate/accept判定ロジックが正しいか確認
- [ ] css/autoモードのファイル名判定パターンの詳細をCssParser.jsで確認
