ツールを使ってコードの違いを見つけてみる「WinMerge」（Windows）

WinMergeのサイトへ行き、右上の「今すぐダウンロード!」を選択することで「WinMerge-2.16.30-Setup.exe」のファイルのダウンロードが出来ます。

exeファイルを開くとセットアップ画面になりますので、ライセンス事項を確認し「次へ」を選択します。

任意の保存先フォルダを指定して「次へ」を選択します。
※特段こだわりが無い場合はデフォルトのままでも問題ありません。

コンポーネントの選択で、インストールするものを選択し「次へ」を選択します。
※今回は「標準インストール」のデフォルトのまま進行します。

「プログラムグループの指定」でアイコン作成場所の設定し「次へ」を選択します。
※こちらも今回はデフォルトのまま進みます。

追加のタスクを選択で、任意のものを選択し「次へ」を選択します。
※デスクトップ上にアイコンを作成したい場合は、チェックを入れましょう。

「インストール準備完了」となりますので、内容に問題なければ「インストール」を選択します。

「情報」と出ますので「次へ」を選択します。

「WinMerge セット アップウィザードの完了」となりますので「完了」を選択しセットアップを完了させます。

WinMergeでファイルを比較してみる

今回は例としてワードプレスの親テーマを編集してしまい、改めて子テーマを作るために、どこを編集したかを見てみるため、編集していない状態のテーマファイルと、編集をしたテーマファイルを比較してみます。
※未編集のテーマファイルは配布元や保存してあるデータを参照してください。
※比較する編集してしまったテーマファイルは、FTPアクセス等で「wp-content＞thtmes」から対象のテーマをダウンロードし、使用していきましょう。
※現在テーマのダウンロードはワードプレスのプラグイン「File Manager（WP File Manager）」でも行えます。File Managerについては以下の記事にて取り上げています。

2023.07.06

WordPressのFTPアクセスを管理画面で行う「File Manager（WP File Manager）」

WordPressのテーマエディターやプラグインエディターでは、ワードプレスを構成するコアファイルを操作することはできませんが、FTP...

WinMergeを起動して、「ファイル＞開く」を選択すると図の様にポップアップが出現しますので、比較したいファイルを「1番目のファイルまたはフォルダ―」と「2番目のファイルまたはフォルダ―」に参照から入れ、右下の「比較」を選択します。

タブが立ち上がりファイル名の羅列が現れます。今回「footer.php」に相違があることが「！マーク」で知らせてくれているので、ダブルクリックをして開いてみます。

開くと相違箇所をマーカーしてくれて分かりやすくなっています。

WinMergeは1文字単位でも違いを教えてくれるため、図で意図的に「2」と入れてみましたが、相違があることを的確に教えてくれます。
※もし編集後に再度「比較」したい場合は、WinMergeのメニューの一番右側にある「表示更新」を行ってください。

どんな風に比較がされるのか、今回の例以外にもWinMergeの公式サイトに例のスクリーンショットが掲載されていますので、そちらのページも参照してみてください。