Site Diff Checker Guide

Site Diff Checker 使い方ガイド

Site Diff Checker の利用開始から、URL登録、差分チェック、レポート確認までの基本的な流れをまとめています。

初期設定 URL登録 レポート確認

利用開始までの流れ

Website版では、購入後にアプリの準備、ライセンス認証、URL登録を行ってからチェックを実行します。Microsoft Store版では追加の自社ライセンスキー入力は不要になる想定です。

01

アプリを準備

購入後に案内されるファイルをダウンロードし、Windows PC上でアプリを起動します。初回起動時にWindowsの警告が表示される場合があります。

02

ライセンス認証

Website版では、案内されたライセンスキーを入力して認証します。認証時はインターネット接続が必要です。

03

URLを登録

比較したいWebページのURLを登録します。URL数が多い場合は、Googleスプレッドシート連携も利用できます。

基本的な確認手順

修正前の状態を保存し、修正後に再チェックすることで、見た目とHTMLの差分を確認します。

1

修正前チェック

修正前のページを取得し、基準となるスクリーンショットやHTMLを保存します。

2

サイトを修正

Webサイトの修正、更新、公開前調整などを行います。

3

修正後チェック

修正後のページを再取得し、修正前の状態と比較します。

4

差分を確認

画像差分、HTML差分、HTMLレポートを確認し、意図しない変更がないかを見ます。

確認しやすくするコツ

差分チェックを安定して行うために、あらかじめ確認対象や差分が出やすい箇所を整理しておくと便利です。

URLを整理する

チェック対象URLは、クライアントや案件ごとに分けて管理すると確認しやすくなります。

動的要素を把握する

スライダー、広告枠、ランダム表示などは差分が出やすいため、確認時に注意します。

レポートを共有する

HTMLレポートは、社内確認やクライアント共有用の資料として活用できます。

スクリーンショット付き手順について

アプリ画面のUI確定後、実際の画面キャプチャを使った詳しい手順を追加予定です。現時点では基本的な流れのみ掲載しています。

困ったときは

ライセンス認証、URL取得、Basic認証、Googleスプレッドシート連携などで不明点がある場合は、専用FAQまたはお問い合わせページをご確認ください。

専用FAQを見る お問い合わせへ