---
generated_at: 2026-02-26 10:10:00
metrics:
  claims_total: 22
  claims_with_evidence: 21
  claims_without_evidence: 1
confidence_derived: 0.95
---

# 根拠レポート：3-VersionSelect（バージョン選択）

## 本レポートについて

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

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

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

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

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

---

## 1) サマリー（まず見るところ）
- 総合信頼度（derived）：**0.95**
  - 根拠あり：21 / 22、根拠なし：1
- 優先レビュー（高）
  1. **defineModel() の Vue 3.4 安定版に関する記述**：Vue 公式ドキュメントの参照が必要
  2. **jsdelivr API のレスポンス形式**：外部 API のレスポンス構造の検証
  3. **エラーハンドリングの欠如に関する指摘**：意図的な設計か確認が必要

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

- E-01: `packages-private/sfc-playground/src/VersionSelect.vue`（152行）
- E-02: `packages-private/sfc-playground/src/Header.vue`（319行）
- E-03: `docs/code-to-docs/画面機能マッピング/画面機能マッピング.csv`
- E-04: `docs/code-to-docs/画面遷移図/画面遷移図.md`

## 3) Claims と根拠の対応（レビューの主戦場）
| Claim ID | 主張 | Evidence | 状態 |
|---|---|---|---|
| C-01 | expanded と versions を ref() で管理 | E-01（5-6行目） | ○ |
| C-02 | defineModel() で version の双方向バインディング定義 | E-01（8行目） | ○ |
| C-03 | defineProps で pkg と label を定義 | E-01（9-12行目） | ○ |
| C-04 | toggle() で expanded を反転し初回時に fetchVersions 呼び出し | E-01（14-19行目） | ○ |
| C-05 | fetchVersions で jsdelivr API にリクエスト | E-01（22-24行目） | ○ |
| C-06 | Vue パッケージでプレリリースフィルタリング | E-01（27-45行目） | ○ |
| C-07 | Vue パッケージで最大30件またはv3.0.10まで制限 | E-01（41行目） | ○ |
| C-08 | TypeScript パッケージで dev/insiders を除外 | E-01（46-48行目） | ○ |
| C-09 | setVersion で version を更新し expanded を閉じる | E-01（52-55行目） | ○ |
| C-10 | copyVersion でクリップボードにコピーし alert 表示 | E-01（57-61行目） | ○ |
| C-11 | alert メッセージが "Vue version has been copied to clipboard." | E-01（59行目） | ○ |
| C-12 | onMounted で window click リスナー登録 | E-01（63-66行目） | ○ |
| C-13 | onMounted で window blur リスナー登録（iframe フォーカス対応） | E-01（67-71行目） | ○ |
| C-14 | @click.stop でドロップダウン内クリックの伝播抑制 | E-01（76行目） | ○ |
| C-15 | Header.vue で TypeScript 用に v-model 直接バインド | E-02（77行目） | ○ |
| C-16 | Header.vue で Vue 用にカスタムイベントとスロット使用 | E-02（81-97行目） | ○ |
| C-17 | ドロップダウン最大高さが calc(100vh - 70px) | E-01（CSSセクション、Header.vue 290行目） | ○ |
| C-18 | バージョン未取得時に "loading versions..." を表示 | E-01（83行目） | ○ |
| C-19 | アクティブバージョンが緑色で表示 | E-01（CSS 135-137行目）、E-02（CSS 164行目） | ○ |
| C-20 | コピーボタンはホバー時のみ表示 | E-01（CSS 144-150行目） | ○ |
| C-21 | スロット囲みの div で expanded = false を設定 | E-01（100行目） | ○ |
| C-22 | defineModel は Vue 3.4 で安定版となった機能 | **根拠なし** | △ |

## 4) 不足情報（Unknown / Missing）
- C-22: defineModel() が Vue 3.4 で安定版になったという記述は Vue 公式ドキュメントや CHANGELOG に基づく知識であるが、本リポジトリ内のソースコードからは直接確認できない
  - 候補：Vue 3.4 CHANGELOG / Vue 公式ドキュメント（Composition API > defineModel） / package.json の Vue バージョン制約

## 5) リスクフラグ（レビュー観点）
- 0: 低リスク - コンポーネントの Props、イベント、テンプレート構造はソースコードから直接確認可能
- 1: 中リスク - fetchVersions に try-catch がなく、jsdelivr API のダウン時にユーザーへのフィードバックがない
- 0: 低リスク - データ永続化は行わず、外部 API 読み取りのみ

## 6) レビュアーチェックリスト（最小）
- [ ] fetchVersions のエラーハンドリング不足が意図的な設計か確認
- [ ] jsdelivr API のレスポンス形式が `{ versions: string[] }` であることを確認
- [ ] Vue パッケージのフィルタリングロジック（プレリリース制御）が最新のリリース方針と一致するか確認
- [ ] copyVersion のメッセージが TypeScript バージョンコピー時にも "Vue version" と表示される点が意図的か確認
