---
generated_at: 2026-02-26 10:00:00
metrics:
  claims_total: 30
  claims_with_evidence: 28
  claims_without_evidence: 2
confidence_derived: 0.93
---

# 根拠レポート：1-App（メイン画面）

## 本レポートについて

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

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

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

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

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

---

## 1) サマリー（まず見るところ）
- 総合信頼度（derived）：**0.93**
  - 根拠あり：28 / 30、根拠なし：2
- 優先レビュー（高）
  1. **useStore内部のフォールバック処理**：@vue/repl パッケージ内部の実装であり、ソースコード直接確認不可
  2. **play.vuejs.org でのデプロイURL**：本リポジトリ内に deployment 設定の直接的根拠なし

## 2) 参照した情報（Evidence一覧）
> ここに「実在するもの」だけ列挙。抽出フェーズで付けたIDをそのまま出す。

- E-01: `packages-private/sfc-playground/src/App.vue`（207行）
- E-02: `packages-private/sfc-playground/src/main.ts`（9行）
- E-03: `packages-private/sfc-playground/index.html`（26行）
- E-04: `packages-private/sfc-playground/src/Header.vue`（319行）
- E-05: `packages-private/sfc-playground/src/VersionSelect.vue`（152行）
- E-06: `packages-private/sfc-playground/src/download/download.ts`（42行）
- E-07: `docs/code-to-docs/画面一覧/画面一覧.csv`
- E-08: `docs/code-to-docs/画面遷移図/画面遷移図.md`
- E-09: `docs/code-to-docs/画面機能マッピング/画面機能マッピング.csv`
- E-10: `packages-private/sfc-playground/src/vue-dev-proxy.ts`
- E-11: `packages-private/sfc-playground/src/vue-dev-proxy-prod.ts`
- E-12: `packages-private/sfc-playground/src/vue-server-renderer-dev-proxy.ts`

## 3) Claims と根拠の対応（レビューの主戦場）
| Claim ID | 主張 | Evidence | 状態 |
|---|---|---|---|
| C-01 | replRef, useSSRMode, autoSave, theme を ref() で管理 | E-01（7, 15, 21, 107行目） | ○ |
| C-02 | sfcOptions を computed() で算出 | E-01（50-68行目） | ○ |
| C-03 | previewOptions を computed() で算出 | E-01（132-145行目） | ○ |
| C-04 | watchEffect で URLハッシュ永続化 | E-01（82-88行目） | ○ |
| C-05 | watch で Vueバージョン変更時にリロード | E-01（120-130行目） | ○ |
| C-06 | onMounted でテーマクラス設定と process シム | E-01（111-117行目） | ○ |
| C-07 | Ctrl+S / Cmd+S のブラウザ保存ショートカット無効化 | E-01（165-166行目） | ○ |
| C-08 | autoSave の初期値は localStorage から復元 | E-01（17-21行目） | ○ |
| C-09 | URLハッシュに __DEV__ / __PROD__ / __SSR__ プレフィックス | E-01（35-47行目） | ○ |
| C-10 | useVueImportMap で CDN URL を構築 | E-01（23-33行目） | ○ |
| C-11 | useStore() でストア初期化 | E-01（70-77行目） | ○ |
| C-12 | globalThis.store でデバッグ用グローバル公開 | E-01（78-79行目） | ○ |
| C-13 | toggleProdMode で productionMode を反転 | E-01（90-92行目） | ○ |
| C-14 | toggleSSR で useSSRMode を反転 | E-01（94-96行目） | ○ |
| C-15 | toggleAutoSave で autoSave を反転し localStorage に保存 | E-01（98-101行目） | ○ |
| C-16 | reloadPage で replRef.value?.reload() を呼び出し | E-01（103-105行目） | ○ |
| C-17 | theme 初期値は 'dark' | E-01（107行目） | ○ |
| C-18 | Header に store, prod, ssr, autoSave, theme をプロパティ渡し | E-01（149-160行目）, E-04（13-19行目） | ○ |
| C-19 | Header が5種のカスタムイベントを emit | E-04（20-26行目） | ○ |
| C-20 | main.ts で createApp(App).mount('#app') | E-02（9行目） | ○ |
| C-21 | index.html でダークテーマ事前判定 | E-03（10-19行目） | ○ |
| C-22 | download.ts で JSZip を使った ZIP ダウンロード | E-06（全体） | ○ |
| C-23 | setVH() でビューポート高さ CSS 変数設定 | E-01（9-13行目） | ○ |
| C-24 | Vapor モードは Vue 3.6 以上でサポート | E-01（123-126行目） | ○ |
| C-25 | isCustomElement で mjx-container と custom- プレフィックス | E-01（63-64行目） | ○ |
| C-26 | VUE_DEVTOOLS_CONFIG の設定 | E-02（5-7行目） | ○ |
| C-27 | vue-dev-proxy.ts は開発環境用 Vue ランタイムプロキシ | E-10（1-2行目） | ○ |
| C-28 | vue-server-renderer-dev-proxy.ts はサーバーレンダラープロキシ | E-12（1-2行目） | ○ |
| C-29 | URLハッシュ不正時に useStore 内部でフォールバック | **根拠なし** | △ |
| C-30 | play.vuejs.org でのデプロイ | **根拠なし** | △ |

## 4) 不足情報（Unknown / Missing）
- C-29: useStore() のエラーハンドリング実装は `@vue/repl` パッケージ内部にあり、本リポジトリのソースコードからは直接確認できない
  - 候補：`@vue/repl` パッケージのソースコード / npmパッケージの型定義 / @vue/repl のドキュメント
- C-30: play.vuejs.org へのデプロイ設定は Netlify の設定ファイルまたは外部CI/CD設定に依存しており、本リポジトリ内に直接的な設定根拠がない
  - 候補：netlify.toml / Netlify ダッシュボード設定 / Header.vue 内のリンク（93行目に Netlify deploys リンクあり）

## 5) リスクフラグ（レビュー観点）
- 0: 低リスク - ソースコードから直接確認できる主張が大半
- 1: 中リスク - `@vue/repl` パッケージへの依存が大きく、外部パッケージの内部動作に関する記述は検証困難
- 0: 低リスク - データ永続化は localStorage と URLハッシュのみで、サーバーサイドの影響なし

## 6) レビュアーチェックリスト（最小）
- [ ] sfcOptions の computed 算出ロジックが productionMode の値に正しく連動しているか確認
- [ ] URLハッシュの __DEV__ / __PROD__ / __SSR__ プレフィックスの解析順序が正しいか確認
- [ ] @vue/repl パッケージのバージョンアップに伴う API 変更がないか確認
- [ ] Vapor モードのバージョン判定条件（3.6以上）が最新仕様と一致しているか確認
- [ ] previewOptions の customCode が実際の Repl プレビューで正しく注入されるか確認
