mergely-ecmg

ワードプレス

「違い」を調べる神ツール。テキストファイルの差分比較、合併ができるMergelyの使い方

遠い昔の話。正直者の男の目の前に、ある2つのテキストファイルがありました。どちらも1000行ほどの、とても長い文章が書かれていて、内容もとてもよく似ています。

mergely-01

そこに男の上司がやってきて言いました。

この2つのファイル、どこが違うんやろなぁ。ちょっと調べといてんか

正直者の男は答えます。

すみません

しかし残念ながら、上司には断った意思が伝わりませんでした。

わるいけどな、正確に頼むわ。しかしどこが違うんやろなぁ

正直者の男は答えます。

すみません、すみません

しかし残念ながら、2回続けたところで、上司には伝わりませんでした。そして去り際になにかを思い出したように振り向き言ったのです。

そーや。ついでにウマいこと合併しといて。しかしどこが違うんやろなぁ

そう一言添え、部屋を出ていく上司。遠ざかる、上司の後頭部。
すると間もなく、男の前に神様が現れます。

mergely-ins1-ps

正直者のあなたへご褒美です。2つの選択肢を与えましょう。

1つ目は、上司の右サイドから左サイドハーフまでオーバーラップしている数本の毛髪を刺激し25年間守り続けてきたバーコードバトラーとしての資格を剥奪すること。

2つ目は、たったいま与えられた作業をなんなくこなせる神のツール「Mergely(マージリー)」を手に入れること。さああなたはどちらを・・

刺激のほうでお願いします

しかし残念ながら、神様の言葉にかぶり、男の声は届きません。神様はにっこりと微笑みながら消えたのでした。

さて私たちがこの神話から得られる教訓はなんでしょうか。
「分かりやすく断れ」でしょうか。「もっと声を張れ」でしょうか。「神様にはクイ気味に答えるな」でしょうか。いいえどれも違います。

そんなときはMergelyを使えなのです。茶番は以上です。

スポンサーリンク

Mergelyで出来ること

mergely-02

Mergely

お持たせしました。Mergely(マージリー)は、左右に貼り付けたテキストの「違い」を発見する、無料オンラインサービス。さらに、思い通りに組み合わせることもできるので、文章の校正作業などに役立ちます。

これだけじゃピンとこないでしょう。事例を挙げます。

2つの文字列の違いがひと目で分かる

2つのテキストを左右に貼り付けるだけで、どこが違うのか?がひと目で分かります

クリックで拡大

mergely-03

クリック一つで思い通りに合併できる

さらに、必要な部分だけをクリック一つで合併(マージ)できるという便利さを併せ持っています。これが非常にオイシイ。

 Before

mergely-04

 マージ!

mergely-05-2

 After

mergely-06

このように、左か右側のどちらかに完成形を作っていく、という流れになります。(今回は右側)

Mergelyの有効的な活用例

Mergelyは、専門的な知識を必要とするような、特殊な文字列を扱うときに本領を発揮します

例えばWordPressテーマをアップデートするとき。独自カスタマイズをしている場合、アップデートされた新しいファイルへ、カスタマイズを反映する必要があるからです。

参考記事

面倒に感じてしまいがちなアップデートも、旧バージョンと新バージョンの変更点を簡単に把握することができます。

【例】header.phpファイル(旧/新)

mergely-07

ここでは左に旧バージョン、右に新バージョンを貼り付けました。知識のないコードでも差分が一目瞭然。そして改めまして真骨頂。必要な部分だけ、クリックひとつで合併

 21行目に挿入

customized-theme-update-11

 同じ部分を差替え

customized-theme-update-12

※ともにクリックで拡大できます↑

挿入も差替えもクリックひとつ。これなら新バージョンの内容が変わっていても、その中に、今までの独自カスタマイズを簡単に組み込めます。アップデートが大規模であるほど差分箇所は多くなり、たじろぎそうになりますが・・

ほー。いろいろ変わってはりますなー

と眺めておけばいいんです。上から順にスクロールしていき、自分が変更を加えていたカスタマイズ部分だけを右の新バージョンに挿入、または差し替えていくだけ。それ以外の部分は触わらなくていいわけですから、簡単な作業です。

最後に完成した右側テキストを全選択→任意の場所に保存して完了。

mergely-08

mergely-09

これで【今までの独自カスタマイズを引き継いだ新バージョンファイル】の完成。

危険なことに、一度使ったらこれ無しじゃメンドクサくなる、という中毒性をもっています。もう上司の頭皮の件なんか忘れてしまいます。忘れましょう。

詳細記事

覚えておくと役立つ機能

mergely-ins2-ps

Mergelyは英語表記なので一見ややこしそうに見えるかもしれませんが、「元に戻す」(Ctrl+z)などのショートカットキーも通常どおり機能してくれるので、直感的に使えます。

「Undo(元に戻す)」「Redo(やり直す)」

ただし「左側のテキストだけを元に戻したい」、または「右側のテキストだけを元に戻したい」シチュエーションも頻繁に起こります。

その場合は【現在カーソルのある方のテキストに機能する】ことは覚えておきたいところです。

より慎重に作業をする必要がある場合は、上のメニューの「Left(左側)」または「Right(右側)」から「Undo」「Redo」を選べば、間違いは起こりにくいはずです。

mergely-10

mergely-11

左右のテキストをまるっと入れ替える

メニューの「View」→「Swap sides」で左右のテキスト全てを入れ替えることができます。

mergely-12

「差分のある箇所」だけをジャンプで行き来できる

【Alt+↓】で、ひとつ下の差分箇所へ。【Alt+↑】で、ひとつ上の差分箇所へ一気にジャンプすることができます。

mergely-13

実はスクロールバーにも、差分のある箇所は色付きで表示されているんですが・・・

mergely-14

テキストが長いほどスクロールが大変になってきますし、見逃す可能性も高くなります。そんなとき、このショートカットに助けられます。

「差分だけ」のファイルをダウンロードできる

【Save.diff】をクリックすれば、「左右のテキストの違う部分だけ」を一覧にしたファイルがダウンロードできます。

mergely-15

拡張子は「.diff」となっていますが、テキストエディタで問題なく開けます。

mergely-16-ps

「何行目に違う部分があるのか」その箇所での「左の記述」「右の記述」が記載されています。このように、2つのファイルの差分一覧も簡単に手に入れることができます

主要な機能はメニューバーに集結している

クリックで拡大

mergely-17

実は、これまで紹介してきた主要機能はメニューバーに並んでいます。アイコンをマウスオーバーすれば機能名が表示されるので、慣れてきたらここだけで作業を完結できるようになります。

オフライン環境でも使える

Mergelyはアプリケーション版もあるので、あらかじめダウンロードしておけば、ネット環境のないオフライン環境でも利用できます。いざという時に助かりそうです。

mergely-18

アイデア次第で、いろいろな使い方ができそうですね。ぜひおいしく活用してください。

記事が気に入ったら
Requ.logを "いいね!"
Facebookで更新情報をお届け。

Requ.log | レク.ログ

スポンサーリンク
スポンサーリンク

ピックアップ記事

  1. WordPressで子テーマを作る際に知っておくべき仕組みと注意点
  2. サイトデザインに合わせよう。TCDテーマ記事下にカード型「いいね!ボタン」をセン…
  3. アレ?Chromeの表示文字、汚なくなった!? 変わったフォントを1分で取り戻そ…
  4. ChromeでWEBページ全体をフルスクリーンショット!見ているページの全画面キ…
  5. 子テーマ使用者必見!カスタマイズしたWordPressテーマのアップデート方法と…

関連記事

  1. retina-logo_ec

    ワードプレス

    【Retinaディスプレイ対応4】サイトの顔も綺麗に。TCDテーマなら3ステップで完了する、ロゴ画像…

    サイトロゴは、サイトの顔。このサイトでは最上部にロゴを配置していま…

  2. facebook-fast-display_ecmg
  3. backwpup-japanese_ec

    ワードプレス

    アップデートで英語化された!?BackWPupをサクッと日本語化する方法

    アップデートしたら、設定画面が英語化された!?20…

  4. simple-image-sizes_ec-ps

    ワードプレス

    メディア問題さん、さようなら。画像サイズを気ままに追加するプラグイン「Simple Image Si…

    挿入画像サイズ、もっと自由に選びたい。お悩み相談室のコーナーです。…

  5. switch-by-the-device_ecmg
  6. adjust-the-button_ecmg

    ワードプレス

    【実例集】細部の余白まで美しく。オリジナルシェアボタンのデザイン変更と調整方法

    もっと思い通りに。具体的な調整例。下の記事で紹介した「カッコ美しい…

【Requ.log記事】魅力的なブログを、今すぐ作る。
tcd-mag
【Requ.log記事】魅力を活かす、カスタマイズまとめ。
tcd-mag

特集記事

  1. valuable-content-from-image_ec
  2. display-speed_ec
  3. tcd-theme-user-review_ecmg
  4. todoist_ec
  5. tcd-theme-selection_ecmg-ps
  6. theme-change_ecrt

タスク管理で、自己管理。

todoist

ピックアップ記事

  1. media-setting_ec
  2. tcd-theme-options_ecmg
  3. blog-theme-mag_ecmg-ps
  4. chrome-font_ecmg
  5. todoist-advanced_ec
  6. todoist-basic_ec-ps

魅力的なブログを、今すぐ作る。

tcd-mag

掘り出し記事

  1. retina-weight-saving_ecmg
  2. mailbox-goodbye-newapp_ec
  3. LightShot-Screenpresso_ecmg
  4. facebook-app-id-app-secret-ecmg2
  5. pushbullet_ec
  6. retina-text-widget-ecmg

ブログのRetina対応、始めませんか?

retina-os-solution

ピックアップ記事

  1. todoist-productivity_ecmg
  2. quicktag_ecmg
  3. tcd-css-customize_ecmg
  4. original-share-button_ecmg-ps
  5. simple-image-sizes_ec-ps
  6. unroll-me_ec

ゆっくり、フシギなGIFアニメ。

gif-animation

最近の記事

  1. firefox-full-screen-capture-ecmg
  2. chrome-full-screen-capture-ecmg
  3. enlarge-image-ecmg
  4. spark-tutorial-ecmg

とっておきのWordPressテーマ。

tcd-theme-selection

ピックアップ記事

  1. sns-count-cache_ecmg2
  2. blog-theme-mag_ecmg-ps
  3. customized-theme-update_ecmg-1-ps
  4. lightshot_ecmg
  5. child-theme_ecmg
  6. simple-image-sizes_ec-ps

CATEGORIES

Requ.log | Recommend

WordPressテーマ「MAG(TCD036)」
WordPressテーマ「Bloom(TCD053)」

特集記事

  1. todoist-extension_ecmg
  2. theme-change_ecrt
  3. todoist-tips_ecmg
  4. todoist_ec
  5. tcd-mag_ecmg-ps
  6. valuable-content-from-image_ec

ピックアップ記事

  1. jpg-gif-png_ecmg
  2. like-button-card_ecmg-ps
  3. spark-tutorial-ecmg
  4. blog-theme-mag_ecmg-ps
  5. todoist-productivity_ecmg
  6. chrome-full-screen-capture-ecmg

最近の記事

  1. firefox-full-screen-capture-ecmg
  2. chrome-full-screen-capture-ecmg
  3. enlarge-image-ecmg
  4. spark-tutorial-ecmg
  1. valuable-content-from-image_ec

    ワードプレス

    「わかりやすいブログ」に必須の「伝わりやすい画像」の作り方
  2. todoist-extension_ecmg

    マネジメント

    いつでもどこでも即タスク化。Todoistの便利すぎる拡張機能4選
  3. extension-tools-for-bloggers_ec

    ブログ

    【作業順まとめ】ブログを彩る!記事作りが捗る!クオリティー底上げに役立つ10個の…
  4. todoist_ec

    マネジメント

    【フリーランス必見】確実に納期を守るために。タスク管理ツールTodoistで予定…
  5. adjust-the-button_ecmg

    ワードプレス

    【実例集】細部の余白まで美しく。オリジナルシェアボタンのデザイン変更と調整方法
PAGE TOP