---
generated_at: 2026-03-01 10:40:00
metrics:
  claims_total: 24
  claims_with_evidence: 24
  claims_without_evidence: 0
confidence_derived: 1.00
---

# 根拠レポート：19-App (Host)

## 本レポートについて

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

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

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

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

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

---

## 1) サマリー（まず見るところ）
- 総合信頼度（derived）：**1.00**
  - 根拠あり：24 / 24、根拠なし：0
- 優先レビュー（高）
  1. 全ての主張に根拠あり。重大なレビュー対象なし。
  2. Module Federationのランタイム動作はビルド出力での検証を推奨
  3. singleton共有のバージョン解決ロジックはwebpack公式ドキュメントとの整合確認を推奨

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

- E-01: `examples/module-federation/src/index.js` - ホストエントリポイント
- E-02: `examples/module-federation/src/bootstrap.js` - ブートストラップ処理
- E-03: `examples/module-federation/src/App.js` - Appメインコンポーネント
- E-04: `examples/module-federation/src-b/Component.js` - リモートBコンポーネント
- E-05: `examples/module-federation/src-c/Component.js` - リモートCコンポーネント
- E-06: `examples/module-federation/src-c/LazyComponent.js` - リモートC遅延コンポーネント
- E-07: `examples/module-federation/webpack.config.js` - webpack設定（3ビルド）
- E-08: `examples/module-federation/index.html` - HTML テンプレート
- E-09: `docs/code-to-docs/画面機能マッピング/画面機能マッピング.csv` - 機能マッピング
- E-10: `docs/code-to-docs/画面一覧/画面遷移図.md` - 画面遷移図

## 3) Claims と根拠の対応（レビューの主戦場）
| Claim ID | 主張 | Evidence | 状態 |
|---|---|---|---|
| C-01 | index.jsがimport("./bootstrap")で非同期境界を作成する | E-01 行10 | ○ |
| C-02 | bootstrap.jsがReactDom.renderでAppをマウントする | E-02 行7 | ○ |
| C-03 | bootstrap.jsがmain要素を作成してDOMに追加する | E-02 行6,8 | ○ |
| C-04 | bootstrap.jsがスピナーをDOMから削除する | E-02 行11 | ○ |
| C-05 | App.jsがmfe-b/Componentをインポートする | E-03 行2 | ○ |
| C-06 | App.jsがmfe-c/Componentをインポートする | E-03 行3 | ○ |
| C-07 | App.jsがdate-fns/localeからdeをインポートする | E-03 行4 | ○ |
| C-08 | ComponentDがReact.lazyでmfe-c/Component2を遅延読み込みする | E-03 行7 | ○ |
| C-09 | ComponentBにlocale={de}を渡す | E-03 行15 | ○ |
| C-10 | ComponentCにlocale={de}を渡す | E-03 行17 | ○ |
| C-11 | Suspenseのfallbackに"Lazy loading component..."を設定 | E-03 行18 | ○ |
| C-12 | "Hello World"がh1で表示される | E-03 行12 | ○ |
| C-13 | webpack設定でremotesにmfe-bとmfe-cが定義される | E-07 行60-63 | ○ |
| C-14 | reactがsingleton:trueで共有される | E-07 行73-75 | ○ |
| C-15 | app.jsのビルド出力がdist/aaa/ | E-07 行47-48 | ○ |
| C-16 | uniqueNameがmodule-federation-aaaに設定される | E-07 行53 | ○ |
| C-17 | index.htmlでスピナーCSSが定義される | E-08 行4-63 | ○ |
| C-18 | app.jsがasyncで読み込まれる | E-08 行72 | ○ |
| C-19 | mfeBBB.jsとmfeCCC.jsがasyncで読み込まれる | E-08 行77-78 | ○ |
| C-20 | ComponentBは青ボーダー付きdivを表示する | E-04 行10 | ○ |
| C-21 | ComponentCは赤ボーダー付きdivを表示する | E-05 行5 | ○ |
| C-22 | LazyComponentは緑ボーダー付きdivでlodash/randomを使用する | E-06 行5,8 | ○ |
| C-23 | nodeEnv:"production"でReactプロダクション版が使用される | E-07 行22 | ○ |
| C-24 | 権限による表示制御は実装されていない | E-01, E-03 | ○ |

## 4) 不足情報（Unknown / Missing）
- なし。全ての主張にソースコードおよび設定ファイルによる根拠が確認できる。

## 5) リスクフラグ（レビュー観点）
- 0: 低リスク - 全ての主張がソースコードで直接確認可能
- 0: 低リスク - webpack設定の3ビルド構成も明示的に確認可能
- 0: 低リスク - HTMLテンプレートのスクリプト読み込みも確認済み

## 6) レビュアーチェックリスト（最小）
- [ ] index.jsの非同期境界（import("./bootstrap")）を確認
- [ ] bootstrap.jsのReactDom.renderとスピナー削除処理を確認
- [ ] App.jsのリモートモジュールimportとReact.lazyを確認
- [ ] webpack.config.jsのModuleFederationPlugin設定（remotes, shared）を確認
- [ ] index.htmlのスクリプト読み込み（async属性）を確認
- [ ] 各リモートコンポーネント（ComponentB, ComponentC, LazyComponent）の内容を確認
