[{"data":1,"prerenderedAt":129},["ShallowReactive",2],{"news-item-\u002Fja\u002Fnews\u002Fenglish-using-external-diff-in-sourcetree":3},{"id":4,"title":5,"body":6,"category":116,"created by":117,"date":118,"description":119,"extension":120,"meta":121,"navigation":122,"path":123,"sections":124,"seo":125,"stem":126,"thumbnail":127,"__hash__":128},"content_ja\u002Fja\u002Fnews\u002Fenglish-using-external-diff-in-sourcetree.md","Sourcetree 外部Diff ツールのセッティング",{"type":7,"value":8,"toc":108},"minimark",[9,14,18,21,24,29,32,40,43,53,56,60,63,66,69,73,76,80,83,87,91,94,98,101,105],[10,11,13],"h2",{"id":12},"sourcetree-外部-diff-ツール","Sourcetree 外部 Diff ツール",[15,16,17],"p",{},"Gitはバージョン管理システムの中でもっとも使われているソフトウェアの一つです。大きなプロジェクトでも小さなプロジェクトでもたくさんのプロジェクトではGitのリポジトリにプログラムが保存され管理されております。Gitを使用するとプロジェクトやチームで使用しているプログラムの共同作業がやりやすくなります。 現在開発者にとってGitを使うというのは重要なスキルの一つです。初心者がGitのコマンドや運用方法を理解することは簡単ではないかもしれません。 しかし、Git CLIを使う代わりにGUIで簡単に操作を行うことができるツールが沢山あります。Github Desktop, Git Kraken, SmartGit, GitCola, Egit, Gitg, Source Treeなどです。",[15,19,20],{},"Sourcetreeは無料のGit clientソフトウェアでWindows, Mac両方使用できます。コーディングに集中できるようにGitのリポジトリとのやり取りを簡素化してくれます。またシンプルなGUIを通してリポジトリの管理を行います。",[15,22,23],{},"一つの特徴的な機能として外部Diffがあります。この機能を使うことでBeyond CompareやWinmergeといったdiffツールを呼び出し使用することができ変更されたデータを特定しやすくすることができます。",[25,26,28],"h3",{"id":27},"windowsの設定","Windowsの設定",[15,30,31],{},"この機能を使うとき\"Source Tree\" → \"Tools\" → \"Options\"を選択します。 Optionsのポップアップ画面の\"Diff\"タブを選択します。そうするとSourcetreeがサポートしているWinMerge, DiffMerge, BeyondCompareのようなソフトウェアがリストに表示されます。 このチュートリアルでは、BeyondCompareを使用しています。このセッティングの前に下記のURLに従いこのツールをインストールしておく必要があります。",[15,33,34],{},[35,36,37],"a",{"href":37,"rel":38},"https:\u002F\u002Fwww.scootersoftware.com\u002Fdownload.php",[39],"nofollow",[15,41,42],{},"もし外部ツールをインストールしていないようならば、この外部ツールのテキストボックスには何も表示されません。引数のテキストボックスに入力しなければなりませんが、それができません。",[44,45],"img",{"className":46,"alt":50,"src":51,"style":52},[47,48,49],"block","mx-auto","mb-4","","https:\u002F\u002Fhomepage-media.s3.ap-southeast-1.amazonaws.com\u002Fwp-content\u002Fuploads\u002F2019\u002F10\u002F06111929\u002FExternalDiffConfig.png","width: 100%;",[15,54,55],{},"たくさん修正したファイルでは、Soucetreeのメインスクリーンで差分が表示されますが、とても小さくわかりずらいです。ただ、この外部Diffツールを使えば、",[44,57],{"className":58,"alt":50,"src":59,"style":52},[47,48,49],"https:\u002F\u002Fhomepage-media.s3.ap-southeast-1.amazonaws.com\u002Fwp-content\u002Fuploads\u002F2019\u002F10\u002F06112028\u002FInternalDiff.png",[15,61,62],{},"SourcetreeのDiffパネルが変更され、3種類の外部Diffツール呼び出す方法があります。(これはBeyond Compareを使用した場合です)。",[15,64,65],{},"Method 1: Diffパネルの左側のファイルをクリックし、Ctrl + Dを押下すると外部Diffツールが開きます。",[15,67,68],{},"Method 2: Diffパネルの左側のファイルをクリックし、メニューバーの\"Actions\" → \"External Diff\"をクリックすると外部Diffツールが開きます。",[44,70],{"className":71,"alt":50,"src":72,"style":52},[47,48,49],"https:\u002F\u002Fhomepage-media.s3.ap-southeast-1.amazonaws.com\u002Fwp-content\u002Fuploads\u002F2019\u002F10\u002F06112050\u002FOpenExternalDiffMethod2.png",[15,74,75],{},"Method 3: Diffパネルの左側のファイルをクリックします。\"Setting\"アイコンをクリックすると外部Diffツールが開きます。",[44,77],{"className":78,"alt":50,"src":79,"style":52},[47,48,49],"https:\u002F\u002Fhomepage-media.s3.ap-southeast-1.amazonaws.com\u002Fwp-content\u002Fuploads\u002F2019\u002F10\u002F06112112\u002FOpenExternalDiffMethod3.png",[15,81,82],{},"上記の３つの中の1つを実行すれば、外部Diffツールが開きます。[All]を選んでいれば外部Diffツールは全てのコードを表示できますが、[Diffs]を選択している場合は差分があるところ、もしくは[Same]では同じところのみ表示します。",[44,84],{"className":85,"alt":50,"src":86,"style":52},[47,48,49],"https:\u002F\u002Fhomepage-media.s3.ap-southeast-1.amazonaws.com\u002Fwp-content\u002Fuploads\u002F2019\u002F10\u002F06112137\u002FBeyond.png",[25,88,90],{"id":89},"macの設定","Macの設定",[15,92,93],{},"この機能を使うとき\"Source Tree\" → \"Preference\"を選択します。",[44,95],{"className":96,"alt":50,"src":97,"style":52},[47,48,49],"https:\u002F\u002Fhomepage-media.s3.ap-southeast-1.amazonaws.com\u002Fwp-content\u002Fuploads\u002F2019\u002F10\u002F06112223\u002Fsourcetree_preference_mac.png",[15,99,100],{},"その後、ポップアップ画面の\"Diff\"タブを選択すると、外部Diffツールを選択する画面が表示されます。",[44,102],{"className":103,"alt":50,"src":104,"style":52},[47,48,49],"https:\u002F\u002Fhomepage-media.s3.ap-southeast-1.amazonaws.com\u002Fwp-content\u002Fuploads\u002F2019\u002F10\u002F06113053\u002Fsourcetree_diff_mac.png",[15,106,107],{},"WindowsとMacでは使用できるDiffツールが異なるため、それぞれのOSにあったDiffツールを選択してください。",{"title":50,"searchDepth":109,"depth":109,"links":110},2,[111],{"id":12,"depth":109,"text":13,"children":112},[113,115],{"id":27,"depth":114,"text":28},3,{"id":89,"depth":114,"text":90},"tech talk","Briswell Vietnam Co Ltd","2019-10-02","Sourcetree 外部 Diff ツール - Gitはバージョン管理システムの中でもっとも使われているソフトウェアの一つです。大きなプロジェクトでも小さなプロジェクトでもたくさんのプロジェクトではGitのリポジトリにプログラムが保存され管理されております。Gitを使用するとプロジェクトやチームで使用しているプログラムの共同作業がやりやすくなります。","md",{},true,"\u002Fja\u002Fnews\u002Fenglish-using-external-diff-in-sourcetree",null,{"title":5,"description":119},"ja\u002Fnews\u002Fenglish-using-external-diff-in-sourcetree","https:\u002F\u002Fhomepage-media.s3.ap-southeast-1.amazonaws.com\u002Fwp-content\u002Fuploads\u002F2019\u002F10\u002F06111827\u002FSourceTree.png","TdNnYoS8Eb48Ph3SyCYBeIDWbELSxVxiVtZqXeyVdHM",1785320530149]