Dreamweaverでソースの変更箇所(差分)を比較して確認する方法

dreamweaver

急にレイアウトが崩れたり、システムが動かなくなった場合に原因を探るために、
Dreamweaverで2つのファイルの差分を比較(例えば「バックアップファイルと現在のファイル」を比較したり、「ローカルファイルとリモートファイル」を比較)する方法です。

Dreamweaverで使用する差分を比較するソフトをインストールして設定

Windowsの場合「WinMerge」や「Diff」といったソフトをインストール

以下のページからソフトをインストールしてください。

Dreamweaverの設定をする

  1. 「編集(E)」>「環境設定(P)」を選択
  2. 環境設定画面から「ファイルの比較」を選択
  3. 「アプリケーションを選択してファイルを比較」から「参照」ボタンをクリックし、
    先ほどインストールした差分比較ソフトを選択。
    例)C:\Program Files\WinMerge\WinMergeU.exe

実際の使い方

  1. F8キーをクリックして、ファイルパネルを開き、上部のプルダウンから「ローカルビュー」を選択。
  2. ローカル環境下の2つのファイルを比較したい場合は、それらのファイルを選択して、右クリック。
    「ローカルファイルの比較」を選択すればOK。
  3. リモート環境のファイルとローカル環境のファイルを比較したい場合は、
    ローカル環境側のファイルを選択して、右クリック。
    「リモートとの比較」を選択すればOK。

WinMergeで左右のペインを変える方法

私の感覚ですが、左のペインで作業して、右のペインでアップロード/確認 といった流れが気持ちいいです。WinMergeの画面表示の左右を切り替える方法です。

「表示」 → 「ペインを切り替える」

コメント