Evidence Report — 表示例
検証証跡レポート
これは表示形式のサンプルです。ただし「実測」と記した数値は、実案件で検証パイプラインが計測した実際の値です（2026-07-17 採取・クライアント名と差分画像は守秘のため非公開）。 実案件では、このレポートがコミット（変更確定）のたびに自動生成されます。
- Report No.
- S-01-DEMO
- 対象
- サンプル案件 — ヒーローセクション
- 照合幅
- PC 1440 / SP 375
- 生成日
- YYYY-MM-DD（デモ）
01ピクセル差分（カンプ × 実装）
Figma カンプと実装スクリーンショットを重ね、画素単位の差分を計測します。
02数値照合（余白・色・文字・テキスト）
デザインデータから抽出した設計値と、ブラウザで実測した実装値を突き合わせます。 下表は形式例です。実案件の実測では、スタイル照合 35 項目・レイアウト照合 8 項目の 計 43 項目が不一致 0 で通過しています（2026-07-17・1案件の例）。
| 照合項目 | 設計値 | 実装値 | 判定 |
|---|---|---|---|
| 見出し font-size | 48px | 48px | 一致 |
| 見出し色 | #1F392A | #1F392A | 一致 |
| セクション上余白 | 96px | 96px | 一致 |
| 本文 line-height | 2.0 | 2.0 | 一致 |
| テキスト内容（見出し・本文） | カンプの文言と突き合わせ | 一致 | |
| 見出しレベル（h1–h6 の階層） | 文書構造の飛び越しを検査 | OK | |
03アクセシビリティ機械監査
コントラスト・代替テキスト・ランドマーク構造などを機械検査します（表示例）。
| 検査 | 結果 |
|---|---|
| 機械検査（WCAG 準拠ルールセット） | 違反 0 件（デモ） |
| キーボード操作（ドロワー・フォーカス順） | 通過（デモ） |
04表示速度（Core Web Vitals）
公開前のビルドを実ブラウザで計測します（表示例）。
| 指標 | 計測値 | 目安 | 判定 |
|---|---|---|---|
| LCP（最大コンテンツの描画） | 1.2 s（デモ） | < 2.5 s | 良好 |
| CLS（レイアウトのずれ） | 0.02（デモ） | < 0.1 | 良好 |
| TBT（操作のブロック時間） | 80 ms（デモ） | < 200 ms | 良好 |
- 照合項目
- 43（実測）
- 不一致
- 0（実測）
- 差分 PC
- 0.06%（実測）
- 差分 SP
- 1.62%（実測）
再掲: 「実測」と記した数値は実案件の採取値（2026-07-17）、それ以外の表は表示形式の例です。 差分画像とクライアント名は守秘のため公開していません（自社案件の完全公開版を準備中です）。 不一致が出た場合は不一致のまま記録され、修正後の再計測で更新されます—— 「都合の悪い結果を消せない」ことが、このレポートの価値です。運用全体の実測は 実測データをご覧ください。