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. 「私の名前はページプラグイン。」Facebookページのいいね!ボタンをWord…
  2. 理想のWEBサイトを直感デザイン。TCD『テーマオプション』の使い方
  3. ほら、こんなに直感的。投稿記事の順番を並び替えるWordPressプラグインIn…
  4. ブロガー以外も知っておきたい。ブログ記事の書き方と、頭を整理する構成方法
  5. ポチッ、でビョイーン。クリックで画像を拡大表示させるワードプレスプラグイン「Ea…

関連記事

  1. insert-card-link_ecmg

    ワードプレス

    クリックひとつで完成。Embedlyで見栄えの良いカード型の記事リンクを貼る方法

    リンク挿入、どうしてますか?記事を書いていると、「以前に自分が書い…

  2. screenpresso-capture_ec

    ワードプレス

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

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

  3. theme-change_ecrt

    ワードプレス

    【徹底検証】乗り換えたいでしょ?WordPressTCDテーマの変更方法と注意点

    TCDテーマからTCDテーマへ!魅了されてしまった。ついに乗り換え…

  4. blog-theme-mag_ecmg-ps

    ワードプレス

    【使用者レビュー】WordPress初心者にこそおすすめのブログテーマ、TCD「MAG」のデフォルト…

    本当のことを話します。ワードプレスのブログテーマ【MAG】。このサ…

  5. media-setting_ec

    ワードプレス

    知っとかないと、後から大変!? WordPressメディア設定と画像サイズのキケンな関係

    意外と知らない、WordPressの”お気づかい”ひとつの画像をW…

  6. retina-os-solution_ecmg

    ワードプレス

    【Retinaディスプレイ対応1】Macで綺麗に。Windowsでサクサク。ブログ画像をOSごとに適…

    簡単に、美しく。ページ表示速度の観点で考えると、画像においてはでき…

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

特集記事

  1. theme-change_ecrt
  2. adjust-the-button_ecmg
  3. retina_ecmg
  4. todoist_ec
  5. tcd-theme-user-review_ecmg
  6. business-books_ecmg

ピックアップ記事

  1. like-button-card_ecmg-ps
  2. child-theme_ecmg
  3. todoist-advanced_ec
  4. original-share-button_ecmg-ps
  5. spark-tutorial-ecmg
  6. lightshot_ecmg

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

todoist

掘り出し記事

  1. todoist-re-schedule_ec
  2. mailbox-goodbye-newapp_ec
  3. backup-all-in-auto_ec
  4. screenpresso-initial-setting_ec

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

tcd-mag

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

retina-os-solution

ピックアップ記事

  1. customized-theme-update_ecmg-1-ps
  2. chrome-font_ecmg
  3. unroll-me_ec
  4. intuitive-custom-post-order_ec

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

gif-animation

とっておきのWordPressテーマ。

tcd-theme-selection

最近の記事

  1. enlarge-image-ecmg
  2. spark-tutorial-ecmg
  3. modern-dilemma-ecmg
  4. paradigm-shift-ecmg

Requ.log | WordPress Theme

WordPressテーマ「MAG(TCD036)」

思考系ピックアップ記事

  1. irreplaceable-ecmg
  2. reset-button_ecrt
  3. blog-contents_ecrt
  4. restriction_ecmg-ps
  1. theme-change_ecrt

    ワードプレス

    【徹底検証】乗り換えたいでしょ?WordPressTCDテーマの変更方法と注意点…
  2. business-books_ecmg

    マーケティング

    【厳選6冊】起業したくなったら読んでおきたいビジネス書。自分の強みを見つけて活か…
  3. tcd-theme-user-review_ecmg

    ワードプレス

    TCDテーマ導入前に知っておきたい、2つの注目機能とユーザー目線レビュー
  4. tcd-theme-selection_ecmg-ps

    ワードプレス

    【目的別】とっておきのWordPressテーマ比較。TCDテーマのおすすめメンバ…
  5. adjust-the-button_ecmg

    ワードプレス

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