---
generated_at: 2026-02-25 10:35:00
metrics:
  claims_total: 20
  claims_with_evidence: 18
  claims_without_evidence: 2
confidence_derived: 0.90
---

# 根拠レポート：8-エディタプレビュー（HTMLレンダリング）

## 本レポートについて

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

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

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

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

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

---

## 1) サマリー（まず見るところ）
- 総合信頼度（derived）：**0.90**
  - 根拠あり：18 / 20、根拠なし：2
- 優先レビュー（高）
  1. **PreviewHOCの実装詳細**：根拠不足（PreviewHOC.jsファイルを直接確認していない）
  2. **stegaエンコーディングの詳細**：根拠不足（stega.jsファイルを直接確認していない）

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

- E-01: `packages/decap-cms-core/src/components/Editor/EditorPreviewPane/EditorPreviewPane.js` （メインプレビューペイン）
- E-02: `packages/decap-cms-core/src/components/Editor/EditorPreviewPane/EditorPreviewContent.js` （プレビューコンテンツ）
- E-03: `packages/decap-cms-core/src/components/Editor/EditorPreviewPane/EditorPreview.js` （デフォルトプレビュー）
- E-04: `packages/decap-cms-core/src/lib/registry.js` （レジストリ）
- E-05: 帳票一覧.csv（帳票No.8の定義）

## 3) Claims と根拠の対応（レビューの主戦場）
| Claim ID | 主張 | Evidence | 状態 |
|---|---|---|---|
| C-01 | iframeベースのPreviewPaneFrameを使用 | E-01（31-37行目） | ○ |
| C-02 | entry/entry.get('data')がない場合はnull返却 | E-01（241-243行目） | ○ |
| C-03 | getPreviewTemplate || EditorPreviewでテンプレート選択 | E-01（245-246行目） | ○ |
| C-04 | inferFieldsでtitle/shortTitle/authorを推論 | E-01（66-75行目） | ○ |
| C-05 | visualEditing判定はcollection.getIn(['editor','visualEditing']) | E-01（250行目） | ○ |
| C-06 | visualEditing時にencodeEntryでstegaエンコーディング | E-01（253-255行目） | ○ |
| C-07 | getPreviewStylesでプレビュースタイルを取得 | E-01（266行目）, E-04（77-79行目） | ○ |
| C-08 | rawスタイルはstyleタグ、URLスタイルはlinkタグ | E-01（267-271行目） | ○ |
| C-09 | widgetForでフィールド名からプレビューウィジェットを生成 | E-01（83-132行目） | ○ |
| C-10 | resolveWidgetでウィジェットコンポーネントを取得 | E-01（42行目）, E-04（147-149行目） | ○ |
| C-11 | ネストされたフィールドに対して再帰的にウィジェット生成 | E-01（97-107行目, 137-144行目） | ○ |
| C-12 | widgetsForで可変型リストに対応 | E-01（168-219行目） | ○ |
| C-13 | getCollectionでエディタ外コレクションデータ取得可能 | E-01（225-236行目） | ○ |
| C-14 | 50文字未満のstring/text/number値にラベル付き表示 | E-01（109行目, 119-129行目） | ○ |
| C-15 | EditorPreviewはhiddenウィジェットをフィルタリング | E-03（6-8行目, 26行目） | ○ |
| C-16 | EditorPreviewContentでScrollSyncPaneを使用（visualEditing無効時） | E-02（54-58行目） | ○ |
| C-17 | EditorPreviewContentでvercelStegaDecodeを使用（visualEditing有効時） | E-02（23行目） | ○ |
| C-18 | iframeのbase target="_blank"で外部リンクを新タブで開く | E-01（280行目） | ○ |
| C-19 | PreviewHOCがshouldComponentUpdateを制御 | **根拠なし**（PreviewHOC.jsを未確認） | △ |
| C-20 | stegaエンコーディングの具体的な動作 | **根拠なし**（stega.jsを未確認） | △ |

## 4) 不足情報（Unknown / Missing）
- C-19: PreviewHOC.jsのshouldComponentUpdate実装を確認していない。EditorPreviewPane.jsのimport文（28行目）とgetWidgetメソッド（50行目）でPreviewHOCの使用は確認済み
  - 候補：`packages/decap-cms-core/src/components/Editor/EditorPreviewPane/PreviewHOC.js`
- C-20: stega.jsのencodeEntry関数の具体的な実装を確認していない。EditorPreviewPane.jsのimport文（10行目）と使用箇所（254行目）は確認済み
  - 候補：`packages/decap-cms-core/src/lib/stega.js` / `@vercel/stega`ライブラリドキュメント

## 5) リスクフラグ（レビュー観点）
- 1: PreviewHOCの更新制御 - shouldComponentUpdateの実装次第で不要な再レンダリングやプレビュー更新の欠落が起こり得る
- 1: stegaエンコーディング - ビジュアルエディティングは比較的新しい機能であり、不可視文字の埋め込みが一部のコンテンツで副作用を起こす可能性がある
- 0: ErrorBoundary - プレビューエラーがメインエディタに影響しないよう保護されている
- 0: iframe分離 - プレビューコンテンツがメインページのDOMに影響しない

## 6) レビュアーチェックリスト（最小）
- [ ] PreviewHOC.jsのshouldComponentUpdate実装を確認
- [ ] stega.jsのencodeEntry関数の実装を確認
- [ ] カスタムプレビューテンプレート使用時のwidgetFor/widgetsForの動作を確認
- [ ] ネストされたobject/listフィールドのプレビューが再帰的に正しく生成されるか確認
- [ ] ビジュアルエディティング有効時のクリックイベントハンドリングを確認
