BloggerのHTMLコードカスタマイズに使えるMergely。コードの差分がすぐ分かる!

おすすめ記事ピックアップ

Mergelyは、HTMLコードなど差分を比較して確認できるサービスです。オンラインで登録も不要ですぐに利用できます。2つの画面に、比較したいHTMLコードを貼り付けるだけで、すぐに違いがある文が何処なのか教えてくれます。

これを利用すれば、BloggerのHTMLを編集するときなど、片側に元のHTMLを貼り付け、もう片側でHTMLをカスタマイズしてゆけば、安全にかつ明確に作業を進めることができます。とても便利です。

・Mergely
http://mergely.com/

Mergelyを実際に使ってみましょう。アクセスすると2分割された画面が出てきます。ここにコードを貼り付けると、比較して差分を教えてくれます。


BloggerのHTMLコードは、テンプレートから右上のバックアップ/復元を押して、テンプレートをダウンロードするで、取得できます。ダウンロードしたxmlファイルはテキスト等で開いてみましょう。

ダウンロードしたHTMLを貼り付けます。

もう片方にも同じコードを貼り付けます。Mergelyのコピーボタン(虫眼鏡の隣のボタン)でも、同じコードをとなりに複製できます。

検索も使えます。適当に左側のコードの一部を変更してみました。変更があり差分が発生した部分は、分かりやすく線が引かれて、ハイライトもされます。分かりやすいですね。

差分が発生した部分はスクロール部分に色が付きます。全体で何処が変更されたか分かりやすいですね。

ウィジェットを追加したり、直接変更を行ったあと、何処が変わったのか確認するにも最適です。ウィジェットを追加したあと、コードを見ても何処が変わったのか、わかりにくいのですが、Mergelyを使えば、すぐにわかります。

左がウィジェットを追加する前、右がウィジェットを追加した後です。ウィジェットをカスタマイズするときも役に立ちますね。



・Mergely
http://mergely.com/


いいね!と思ったらお願いします。


名前

AddToAny adsence adwords Amazon AmazonFBA Calculator Analytics Blogger BMAG chrome CODEPREP Eclipse envato facebook FAQ feedly Font Awesome Geek Press Gifzo Illustrator kindle LinkWithin Logaster myfonts NAVER Photoshop PHP picasa Premiere Similarweb TOPSY tumblr Wordpress wpX XAMPP zenback ウェブマスターツール ウハウハモウケタイ カスタマイズ ゲストシリーズ ココナラ サイト制作 ドメイン はじめに プレスリリース プレスリリース作成 プレスリリース利点 まとめ ランディングページ リリース送付先の見つけ方 レビュー 考察 子孫セレクタ 思いつきサイト制作 書評 足成 台湾 通販 日記 忍者おまとめボタン 文章の基本
false
ltr
item
ふりむけばコウホウ : BloggerのHTMLコードカスタマイズに使えるMergely。コードの差分がすぐ分かる!
BloggerのHTMLコードカスタマイズに使えるMergely。コードの差分がすぐ分かる!
http://2.bp.blogspot.com/-HRfypYMewJ4/UXOyG9TUTEI/AAAAAAAAJJ0/m18FLoU6Tco/s640/Mergely+-+Diff+and+merge+documents+online+%25281%2529.jpg
http://2.bp.blogspot.com/-HRfypYMewJ4/UXOyG9TUTEI/AAAAAAAAJJ0/m18FLoU6Tco/s72-c/Mergely+-+Diff+and+merge+documents+online+%25281%2529.jpg
ふりむけばコウホウ
http://www.furimuke.com/2013/04/bloggerhtmlmergely.html
http://www.furimuke.com/
http://www.furimuke.com/
http://www.furimuke.com/2013/04/bloggerhtmlmergely.html
true
8618648785166852656
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All 関連記事:もっと見るはクリック→ LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy