---
generated_at: 2026-03-01 10:05:00
metrics:
  claims_total: 35
  claims_with_evidence: 33
  claims_without_evidence: 2
confidence_derived: 0.94
---

# 根拠レポート：2-Playground

## 本レポートについて

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

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

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

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

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

---

## 1) サマリー（まず見るところ）
- 総合信頼度（derived）：**0.94**
  - 根拠あり：33 / 35、根拠なし：2
- 優先レビュー（高）
  1. **Service Workerのオフライン対応詳細**：install-service-worker.jsの存在は確認したが、実際のオフライン機能の範囲は要確認
  2. **複数バージョン対応の詳細仕様**：use-version.jsでバージョン管理があるが、実際に利用可能なバージョン範囲は要確認

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

- E-01: `website/playground/index.jsx` (1-68行目)
- E-02: `website/playground/Playground.jsx` (1-581行目)
- E-03: `website/playground/PrettierFormat.js` (1-62行目)
- E-04: `website/playground/composables/prettier-worker.js` (1-75行目)
- E-05: `website/playground/header.vue` (1-73行目)
- E-06: `docs/code-to-docs/画面一覧/画面一覧.csv` (行3)
- E-07: `docs/code-to-docs/画面一覧/画面遷移図.md`
- E-08: `docs/code-to-docs/画面機能マッピング/画面機能マッピング.csv` (行3-37)

## 3) Claims と根拠の対応（レビューの主戦場）
| Claim ID | 主張 | Evidence | 状態 |
|---|---|---|---|
| C-01 | Playgroundはブラウザ上でPrettierを試用できる画面 | E-06 | ○ |
| C-02 | Vue 3 + React混合構成である | E-01, E-02 | ○ |
| C-03 | 独立SPAとして構築されている | E-06 | ○ |
| C-04 | URLは/playground/である | E-06, E-07 | ○ |
| C-05 | format機能と連携している | E-08, E-03 | ○ |
| C-06 | formatWithCursor機能と連携している | E-08, E-02 | ○ |
| C-07 | 範囲フォーマットが可能 | E-02 (116-133行目), E-08 | ○ |
| C-08 | getSupportInfoでオプション情報を取得 | E-01 (18-27行目), E-08 | ○ |
| C-09 | Web Workerでフォーマット処理を実行 | E-04 (10-39行目) | ○ |
| C-10 | URLハッシュにコードとオプションを保存 | E-02 (537-543行目) | ○ |
| C-11 | printWidthオプションがある | E-02 (33行目) | ○ |
| C-12 | tabWidthオプションがある | E-02 (34行目) | ○ |
| C-13 | useTabsオプションがある | E-02 (35行目) | ○ |
| C-14 | semiオプションがある | E-02 (37行目) | ○ |
| C-15 | singleQuoteオプションがある | E-02 (38行目) | ○ |
| C-16 | bracketSpacingオプションがある | E-02 (39行目) | ○ |
| C-17 | trailingCommaオプションがある | E-02 (44行目) | ○ |
| C-18 | parserオプションがある | E-02 (32行目) | ○ |
| C-19 | 入力パネルがある | E-02 (399-417行目) | ○ |
| C-20 | 出力パネルがある | E-02 (449-462行目) | ○ |
| C-21 | ASTデバッグパネルがある | E-02 (418-425行目) | ○ |
| C-22 | Docデバッグパネルがある | E-02 (434-440行目) | ○ |
| C-23 | サイドバーでオプション設定が可能 | E-02 (256-262行目) | ○ |
| C-24 | Copy linkボタンがある | E-02 (502-504行目) | ○ |
| C-25 | Copy config JSONボタンがある | E-02 (479-492行目) | ○ |
| C-26 | Report issueボタンがある | E-02 (515-527行目) | ○ |
| C-27 | パーサー変更時にサンプルコードが更新される | E-02 (154-158行目) | ○ |
| C-28 | ヘッダーにバージョン情報が表示される | E-05 (20行目) | ○ |
| C-29 | GitHubスターボタンがある | E-05 (24-29行目) | ○ |
| C-30 | テーマトグルがある | E-05 (31行目) | ○ |
| C-31 | Second formatチェック機能がある | E-02 (463-470行目) | ○ |
| C-32 | rangeStart/rangeEndオプションがある | E-02 (135-139行目) | ○ |
| C-33 | cursorOffsetオプションがある | E-02 (141-143行目) | ○ |
| C-34 | Service Workerによるオフライン対応 | E-01 (1行目) | △ |
| C-35 | 複数バージョンのPrettierをサポート | E-04 (15行目) | △ |

## 4) 不足情報（Unknown / Missing）
- **C-34**: `install-service-worker.js`のインポートは確認できるが、実際のService Worker実装（`worker.mjs`）の内容とオフライン機能の範囲は未確認
  - 候補：`website/static/worker.mjs` / Service Workerキャッシュ戦略
- **C-35**: バージョンパラメータをWorkerに渡す実装は確認できるが、利用可能なバージョン一覧と切り替えUIの詳細は要確認
  - 候補：`use-version.js` / バージョン一覧API

## 5) リスクフラグ（レビュー観点）
- 0: 低リスク - コンポーネント構造、オプション一覧
- 0: 低リスク - フォーマット処理フロー
- 1: 中リスク - オフライン対応の詳細仕様
- 1: 中リスク - バージョン切り替え機能の詳細

## 6) レビュアーチェックリスト（最小）
- [ ] Playground.jsxのENABLED_OPTIONSが設計書の入力項目と一致しているか確認
- [ ] Web Worker通信のエラーハンドリングが適切か確認
- [ ] URLハッシュのエンコード/デコードが正しく動作するか確認
- [ ] Service Workerのオフライン機能範囲を確認
- [ ] バージョン切り替え機能の動作を確認
- [ ] 各パーサーのサンプルコードが適切か確認
