mergely-ecmg

ワードプレス

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

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

mergely-01

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

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

正直者の男は答えます。

イヤです

残念ながら上司は耳が遠く、男の声は届きませんでした。

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

正直者の男は答えます。

ムリです

残念ながら上司は耳が遠く、男の声は届きませんでした。そして去り際に、なにかを思い出したように振り向き言いました。

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

そう一言添え、部屋を出ていきました。すると間もなく、男の前に神様が現れます。

mergely-ins1-ps

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

1つ目は、上司の頭皮を刺激し、まっさらな大地にしてさしあげること。

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

頭皮のほうでお願いします

残念ながら神様は耳が遠く、男の声は届きませんでした。
その後、神様はにっこりと微笑みながら、消え際に一言発されたのでした。

Mergelyで、レッツ・マージ・・

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

そんなときはMergelyを使えなのです。

Mergelyで出来ること

mergely-02

Mergely

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

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

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

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

 クリックで拡大

mergely-03

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

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

 Before

mergely-04

 マージ!

mergely-05-2

 After

mergely-06

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

Mergelyの有効的な活用例

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

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

参考記事

Wordpressで子テーマを作る際に知っておくべき仕組みと注意点

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

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

mergely-07

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

 21行目に挿入

customized-theme-update-11

 同じ部分を差替え

customized-theme-update-12

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

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

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

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

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

mergely-08

mergely-09

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

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

詳細記事

子テーマ使用者必見!カスタマイズしたWordPressテーマのアップデート方法と注意点

覚えておくと役立つ機能

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プラグインIn…
  2. カッコ美しい、オリジナルシェアボタン。サイトデザインに合わせた作り方と簡単カスタ…
  3. TodoistでToDoリスト。プロジェクトやタスクの階層化で頭の中を楽にする
  4. Twitterのシェア数表示を復活!「widgetoon.js & count.…
  5. 【使用者レビュー】WordPress初心者にこそおすすめのブログテーマ、TCD「…

関連記事

  1. theme-manual-update_ec

    ワードプレス

    アップデート通知が来ない!?WordPressテーマを手動でアップデートする方法

    アップデート通知、なんでこないの?ある有名なストーリーがあります。…

  2. valuable-content-from-image_ec

    ワードプレス

    『伝わりやすいブログ』を作るには?画像で届ける価値あるコンテンツ

    記事を見栄えよく、伝わりやすくするには?ブログ記事を書き始めると、…

  3. screenpresso-capture_ec

    ワードプレス

    その瞬間をキャプチャー。Screenpressoでブログに必須のスクリーンショットを撮る方法

    ピクセル単位でキレイにキャプチャー。前回の記事ではScreenpr…

  4. child-theme-mechanism_ecmg-ps

    ワードプレス

    WordPressで子テーマを作る際に知っておくべき仕組みと注意点

    知っとかないと、きっと困る。WordPressでカスタマイズをする…

  5. quicktag_ecmg

    ワードプレス

    WordPress初心者にオイシイ、簡単記事装飾。TCDテーマ「クイックタグ」機能の使い方

    反則ギリギリな、簡単さ。小見出しのデザインを美しくしたい?ああ、例…

  6. sns-count-cache_ecmg

    ワードプレス

    便利すぎて、もうヤミツキ。WordPressプラグインSNS Count Cacheの設定方法と有効…

    必要な設定だけにフォーカス!「ページを表示するたびに、今のシェア数…

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

Requ.Sound Lab. | レク.サウンドラボ

レク.サウンドラボ

音に、景色と”振る舞い”を。

特集記事

  1. todoist_ec
  2. adjust-the-button_ecmg
  3. retina_ecmg
  4. todoist-extension_ecmg
  5. tcd-mag_ecmg-ps
  6. valuable-content-from-image_ec
  7. business-books_ecmg
  8. display-speed_ec

ピックアップ記事

  1. phrase-express_ecmg
  2. unroll-me_ec
  3. like-button-card_ecmg-ps
  4. quicktag_ecmg
  5. media-setting_ec
  6. chrome-font_ecmg
  7. annotation-image_ecmg
  8. dash_ecmg

強みを見つけて、活かしていこう。

business-books

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

todoist

掘り出し記事

  1. meta-seo-inspector_ecmg
  2. screenpresso-initial-setting_ec
  3. todoist-design_ec

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

tcd-mag

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

retina-os-solution

ピックアップ記事

  1. blog-theme-mag_ecmg-ps
  2. intuitive-custom-post-order_ec
  3. child-theme_ecmg

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

gif-animation

とっておきのWordPressテーマ。

tcd-theme-selection

最近の記事

  1. customized-theme-update_ecmg-1-ps
  2. mergely-ecmg
  3. child-theme-mechanism_ecmg-ps

Requ.log | Blogger向けおすすめ書籍

「言葉にできる」は武器になる。 現代広告の心理技術101

Requ.log | おすすめ物語

モモ マリコ/マリキータ

Requ.log | WordPress Theme

WordPressテーマ「MAG(TCD036)」

思考・価値感系ピックアップ記事

  1. restriction_ecmg-ps
  2. reset-button_ecrt
  3. blog-contents_ecrt
  1. valuable-content-from-image_ec

    ワードプレス

    『伝わりやすいブログ』を作るには?画像で届ける価値あるコンテンツ
  2. todoist_ec

    マネジメント

    【フリーランス必見】確実に納期を守るために。タスク管理ツールTodoistで予定…
  3. extension-tools-for-bloggers_ec

    ブログ

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

    ワードプレス

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

    ワードプレス

    TCDテーマ導入前に知っておきたい、2つの注目機能とユーザー目線レビュー
PAGE TOP