【SourceTree】diffツール「P4Merge」で差分を横並びで表示させる方法ここあんぐるここから見えるモノ、やれるコトを。アプリSourceTreeは左メニューで「ファイルステータス」を選択すると、右側にdiff(バージョン間のコードの差分)が縦並びに表示されます。小さな修正ならこの表示方法でも良いですが、連続した行を一度に修正したり、1行が長い場合はこの小さなスペースだと見にくい場合があります。SourceTreeでは外部Diffツールを設定することで、これを縦並びではなくて、下の画像のように横並びで画面いっぱいにdiffを表示でき、両者のコードを効率よく比較することができます。今回は外部Diffツールとして色分け表示してくれて見やすく使いやすい「P4Merge」を設定します。この記事ではOSはMacを想定していますが、P4MergeはLinuxやWindowsでも動作するツールなので、設定の手順は同じようなものになると思います。まとめP4MergeをインストールするこちらのP4Mergeのダウンロードページにアクセスします。以下の項目を選択して、「DOWNLOAD」ボタンを押します。FAMILY(OSを選択する)PLATFORM(OSのバージョン・アーキテクチャを選択する)VERSION(FAMILYとPLATFORMに応じて自動選択される)「P4V.dmg」というファイルがダウンロードされるので、それをFinder上でダブルクリックしすると以下のウィンドウが表示されます。このウィンドウで、「P4Merge.app」をApplicationsディレクトリにドラッグ&ドロップすればインストールは完了です。環境設定」から設定画面を表示させ、「Diff」タブを開きます。[差分表示ツール]と[マージツール]の項目で「P4Merge」を選択します。SourceTreeでP4Mergeを起動するdiffが見たいコードを右クリックして、「外部Diff」を押すと設定されている外部Diffツールが起動します。P4Mergeが起動して、バージョン間のdiffを横並びで確認することができます。まとめSourceTreeで管理しているコードのdiffは、P4Mergeを利用すると見やすく表示して、両者のコードを効率よく比較することができます。出来れば「CompareMerge」というdiffツールをテキストデータの比較に普段使っているので、それをSourceTreeから外部diffツールとして起動させたかったのですが、その方法が分かりませんでした。断念して代替アプリとしてこの「P4Merge」を設定しています。CompareMergeを外部diffツールとして起動させる方法をご存知の方がいれば、教えていただけると助かります。【SourceTree】「ファイルのサイズまたは形式のためdiffを止めた」からdiffを表示させる方法SourceTreeで「ファイルのサイズまたは形式のためdiffを止めた」というエラーが出た時の対処法をまとめました。サイズ制限の値を増加させる方法か、外部Diffツールを使う方法が有効です。記事を読む【Atom】テキストのみで書いたUMLを「PlantUML」でリアルタイムプレビューさせる方法AtomでPlantUML形式のコードをリアルタイムプレビューさせる環境の構築手順をまとめました。テキストのみで書くためgitで管理がしやすいです。パーツの位置は自動調整され、リアルタイムでUMLを確認できるので、UML作成が捗ります。記事を読む【Gmail】狭いサイドバーの幅を広げるには「Stylish」が使えるGoogle拡張機能「Stylish」で、Gmailの狭いサイドバーの幅を広げて、ラベルが途切れず見えるようにする使い方をまとめました。Stylishは見ているサイトのCSSにスタイルを追加して、サイトのデザインを一部変更できるツールです。記事を読む【VSCode】Docker上で動くPythonに接続してリモートデバッグする方法ローカルマシンで動くDockerコンテナ上で実行されているpythonプログラムを、VSCodeでステップ実行する手順をまとめました。「ptvsd」というライブラリを組み合わせることで、VSCodeでリモートデバッグが可能になります。記事を読む【Atom】Markdownで書けないテーブル縦横結合をTextileでリアルタイムプレビューさせる方法ブラウザまたはAtomでテーブル縦横のセル結合をTextile記法で書いてリアルタイムプレビューする手順をまとめました。TextileはMarkdownと同様、文書からHTMLに変換でき、Markdownに比べて表現の幅が広いです。記事を読む【VSCode】Pythonを1行毎に変数の中身見ながらステップ実行する方法VSCodeでPythonプログラムをステップ実行するための環境構築の手順をまとめました。ステップ実行ができると、プログラムの動きを把握しやすくなります。ブレークポイントやショートカットを駆使できるとより効率的にデバッグできます。記事を読む【Mac】Evernoteでダブルクォートの意図しない自動変換を無効にする方法Evernoteやテキストエディットでダブルクォートなどが自動変換されてしまう時は、Mac側の設定から「スマート引用符とスマートダッシュを使用」のチェックをオフにするだけでこれを無効化できます。Macの共有ディレクトリを設定して、vオプションでコンテナ内から参照する手順をまとめました。Macにあるファイルをコンテナからアクセスするには、共有ディレクトリを設定する必要があります。GUIを操作するだけで簡単です。記事を読む見えない文字「U+0008」の潜伏場所をSublimeTextとCotEditorで暴く方法テキストエディタ「SublimeText」と「CotEditor」を使い、「U+0008」という見えない文字を探してエラーを解消できました。それぞれのエディタは文字の位置とUnicodeのコードポイントを表示する機能があります。記事を読む【Mac】VSCodeでステップイン(F11)させるショートカットキーの設定方法MacのVSCodeでステップインするショートカットキー周りの設定を変更する方法をまとめました。F11キーはVSCodeと重複して、MacOSのデフォルトで「デスクトップ表示」機能のショートカットキーとしても設定されていることが原因です。コメントをキャンセルメールアドレスが公開されることはありません。