デザイン検証証跡
形式の再構成- PC / 実測
- 0.06%
- 幅 1440px
- SP / 実測
- 1.62%
- 幅 375px
2026-07-17 採取・実案件の一例。
模式図と実測値に対応関係はありません。
02設計値と実装値の数値照合
| 照合の範囲 | 項目数 | 結果 |
|---|---|---|
| スタイル照合 | 35 | 不一致 0 |
| レイアウト照合 | 8 | 不一致 0 |
| 合計 | 43 | 不一致 0 |
登録した項目の結果であり、画面全体の完全一致を意味しません。ピクセル差分とは検査対象が異なるため、両方を確認します。
検証証跡レポート
何を基準に、何を照合し、何が残ったか。
検証証跡レポートの形式と、実案件で採取した数値をご紹介します。
2026-07-17 採取・実案件の一例。
模式図と実測値に対応関係はありません。
| 照合の範囲 | 項目数 | 結果 |
|---|---|---|
| スタイル照合 | 35 | 不一致 0 |
| レイアウト照合 | 8 | 不一致 0 |
| 合計 | 43 | 不一致 0 |
登録した項目の結果であり、画面全体の完全一致を意味しません。ピクセル差分とは検査対象が異なるため、両方を確認します。
コントラスト・代替テキスト・ランドマークなどの機械監査結果と、描画速度やレイアウトのずれなどの計測結果を記録します。キーボード操作や読みやすさは、人の確認も重ねます。
カンプと実装の差分、検査対象、未確認の範囲、人の目視結果を合わせて確認します。不一致が出た場合はそのまま記録し、修正後の再計測で更新します。実案件ではコミットごとにレポートを生成します。
検証する側も、検証する
既知の欠陥をわざと入れて、赤くなるか確かめる。無害な変更なら、緑になるか確かめる。検査の盲点が見つかるたびに、検査そのものを育てています。
停止回数・運用データを読むキットの導入も、証跡つきの Web 制作もご相談ください。