おすすめ記事ピックアップ
Mergelyは、HTMLコードなど差分を比較して確認できるサービスです。オンラインで登録も不要ですぐに利用できます。2つの画面に、比較したいHTMLコードを貼り付けるだけで、すぐに違いがある文が何処なのか教えてくれます。
これを利用すれば、BloggerのHTMLを編集するときなど、片側に元のHTMLを貼り付け、もう片側でHTMLをカスタマイズしてゆけば、安全にかつ明確に作業を進めることができます。とても便利です。
・Mergely
http://mergely.com/
Mergelyを実際に使ってみましょう。アクセスすると2分割された画面が出てきます。ここにコードを貼り付けると、比較して差分を教えてくれます。
BloggerのHTMLコードは、テンプレートから右上のバックアップ/復元を押して、テンプレートをダウンロードするで、取得できます。ダウンロードしたxmlファイルはテキスト等で開いてみましょう。
ダウンロードしたHTMLを貼り付けます。
もう片方にも同じコードを貼り付けます。Mergelyのコピーボタン（虫眼鏡の隣のボタン）でも、同じコードをとなりに複製できます。
検索も使えます。適当に左側のコードの一部を変更してみました。変更があり差分が発生した部分は、分かりやすく線が引かれて、ハイライトもされます。分かりやすいですね。
差分が発生した部分はスクロール部分に色が付きます。全体で何処が変更されたか分かりやすいですね。
ウィジェットを追加したり、直接変更を行ったあと、何処が変わったのか確認するにも最適です。ウィジェットを追加したあと、コードを見ても何処が変わったのか、わかりにくいのですが、Mergelyを使えば、すぐにわかります。
左がウィジェットを追加する前、右がウィジェットを追加した後です。ウィジェットをカスタマイズするときも役に立ちますね。
・Mergely
http://mergely.com/
これを利用すれば、BloggerのHTMLを編集するときなど、片側に元のHTMLを貼り付け、もう片側でHTMLをカスタマイズしてゆけば、安全にかつ明確に作業を進めることができます。とても便利です。
・Mergely
http://mergely.com/
Mergelyを実際に使ってみましょう。アクセスすると2分割された画面が出てきます。ここにコードを貼り付けると、比較して差分を教えてくれます。
BloggerのHTMLコードは、テンプレートから右上のバックアップ/復元を押して、テンプレートをダウンロードするで、取得できます。ダウンロードしたxmlファイルはテキスト等で開いてみましょう。
ダウンロードしたHTMLを貼り付けます。
もう片方にも同じコードを貼り付けます。Mergelyのコピーボタン（虫眼鏡の隣のボタン）でも、同じコードをとなりに複製できます。
検索も使えます。適当に左側のコードの一部を変更してみました。変更があり差分が発生した部分は、分かりやすく線が引かれて、ハイライトもされます。分かりやすいですね。
差分が発生した部分はスクロール部分に色が付きます。全体で何処が変更されたか分かりやすいですね。
ウィジェットを追加したり、直接変更を行ったあと、何処が変わったのか確認するにも最適です。ウィジェットを追加したあと、コードを見ても何処が変わったのか、わかりにくいのですが、Mergelyを使えば、すぐにわかります。
左がウィジェットを追加する前、右がウィジェットを追加した後です。ウィジェットをカスタマイズするときも役に立ちますね。
・Mergely
http://mergely.com/
