Q.ここにHTMLがあります。効率よく比較するにはどうしたらいいでしょう？

Aさんがやってきてこんなクイズを出して行った。 「ここに2つのHTMLがあります。この2つは微妙に違うだけなんだけど、どうしたら効率よく比較出来るでしょう？」 と。

単にテキストの比較ならDFとかRekisaで比較してあたりをつけるけど、今回はHTMLってことで、さらに "微妙に違うだけ" とヒントが含まれていたので、それを利用してみた。

まず、比較するにはなるべく同じ状態に近付け、余計な部分は目につかなくていいようにすること。 今回はHTMLなので、まずはタグを整形してみた。 確かに微妙な差と言うだけあって、この時点で見た目もだいぶ似てることが判別できた。 次はDFを使ってことなる行の比較。 異なっている行を上下に並べてくれるので違いが一目瞭然！

その他に、行の挿入箇所などを確認するためにRekisaを使った。

ここまでの比較でわかったこと。

• 属性値がダブルクォートで囲まれてない。
• 属性の順番が異なる。
• 要素の閉じタグが異なる。

とりあえず、3つはすぐにわかった。

とりあえず、クイズには答えられたようだ。 Aさん、たまにやってきては何か話をして、何かをメモって去っていく(笑) ここまでいろんなツールの使い方や連携について話したことが無いので、珍しいことかも。 在籍している間に役立つのであれば、惜しみなく出していきたいところ。

今回使ったツールはこちら。作者に感謝♪

■HTML整頓くん - HTML整形ソフト http://www.nishishi.com/soft/seiton/

■Vector：DF (Windows95/98/Me / ユーティリティ) - ソフトの詳細 http://www.vector.co.jp/soft/win95/util/se113286.html

■差分表示ソフト Rekisa http://frozenlib.net/rekisa/