よく使うgit diff便利パターン5選（Gitの小ネタおれおれAdvent Calendar 2022 – 23日目） | Ginpen.com
Gitの小ネタおれおれAdvent Calendar 2022 – 23 日目 VS Code といったリッチなエディターや IDE でも良いんですが、量が多くないときはコマンドラインから差分を確認したりしてます。 エイリアスはこんな感じで登録。 [alias] d = diff --color-words=\"\\\\w+\" diffc = diff --cached dc = diff --cached --color-words=\"\\\\w+\" diffl = log -1 -p git diff で普通の diff 今作業中の変更を表示します。もし既に git add されている、staged 状態のものがあれば、その後からの変更になります。 まあご存じですよね。 $ git diff diff --git a/README.md b/README.md index 77e
デザインとHTMLのズレを検出！ Node.jsとPuppeteer活用のビジュアル校正テストで実装時のケアレスミスを防ぐ - ICS MEDIA
デザインとHTMLのズレを検出！ Node.jsとPuppeteer活用のビジュアル校正テストで実装時のケアレスミスを防ぐ ウェブ制作において、デザインとHTML実装の一致はエンジニアとして当然求められるものです。とはいえ、デザインツールとブラウザ画面をにらめっこしながら確認するのも大変です。本記事ではNode.jsで動くヘッドレスブラウザのPuppeteerパペティアーを使ってデザインとのズレを検知するビジュアル校正テストの方法を紹介します。 ウェブ業界ではデザイン制作とHTML制作が分業である場合がほとんどです。ビジュアル校正テストを導入することで、HTML制作の品質向上に役立てられます。デザインとHTML実装が別の会社のようなプロジェクトでは、HTML実装時の品質保証の担保になりますし、デザイナーとフロントエンドエンジニアが近い組織でもコミュニケーション円滑化に役立つでしょう。ICS
Gazo-san - OpenCVを使った画像差分ソフトウェア
開発者であればテキストの差分表示にはお世話になることが多いでしょう。そして同様に画像も扱うことの多いコンテンツです。デザイナーの方であれば画像の変更前と変更後で見比べたい方もいるでしょう。 そこで使ってみたいのがGazo-sanです。単純なピクセル単位での比較とは違う画像比較ソフトウェアになります。 Gazo-sanの使い方 古い画像。 新たらしい画像。 差分です。 Gazo-sanは差分を表示する際の要素の抽出をOpenCVを使っています。その抽出された要素に対して差分を見ます。縦や横にずれていても、その部分まで調整してくれるのでテキスト用の差分ツールのように使えます。 Gazo-sanはC++製のオープンソース・ソフトウェア（Apache Licnese 2.0）です。 lifull-dev/Gazo-san: Detect difference between two images.
Git History - ビジュアル的な差分表示
バージョン管理の肝と言えるのが差分表示でしょう。何か誤った更新があっても確認ができて、必要に応じて差し戻すこともできます。多くの場合、上下または左右に並べて比較できるようになっています。 今回はその新しい表示方式としてGit Historyを紹介します。ビジュアル的に優れた格好良い差分ビューワーです。 Git Historyの使い方 Git HistoryはGitHub上のファイルを開いた状態で、github.comをgithub.githistory.xyzにすると差分表示になります（公開されているファイルの場合）。その表示は以下のようになります。 上に出ているコミッターを切り替えると、アニメーションしながらその時のコードになります。 実際に試しているところです。 Git Historyは細かく見比べるときには使いづらいですが、雰囲気としてどれくらい変わったかを把握するには十分です。ある
無料＆ワンクリックで簡単に堅牢性の高いrobocopyによるバックアップが可能な「WinRoboCopy」
なくなってしまうと困るデータがあるにも関わらずバックアップをおろそかにしてしまうと、PCが不調になったときにデータが取り出せなくなってしまうことがあります。Windowsには差分コピー機能である「robocopy」という、より堅牢性の高いバックアップを行える機能が搭載されていますが、コマンドライン上で動かすため、初心者には難しいもの。「WinRoboCopy」はGUI上からrobocopyを行うことが可能なので、コマンドラインが使えない初心者でも簡単にrobocopyによるバックアップを行うことが可能です。 WinRoboCopy http://www.upway2late.com/#/projects/winrobocopy WinRoboCopyをダウンロードするには「Downloads」をクリックして…… 一番下の「WinRoboCopy-Setup-1.3.5953.40896.z
RsyncOSX - macOS用のrsync管理画面
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました rsyncと言えばサーバ間のバックアップや同期に使われることが多いソフトウェアです。多機能で、様々な用途にマッチしますが、それだけに使いこなすのが難しいソフトウェアでもあります。 だからこそ使いたいのがRsyncOSXのようなGUIアプリケーションです。設定を網羅して、rsyncを使いこなせるでしょう。 RsyncOSXの使い方 メイン画面です。ここから実行できます。 パラメータなども選択して指定できます。 検証用。 スケジュール設定。 RsyncOSXを使えばrsyncの細かな設定もすぐに理解して実行できるでしょう。複雑なソフトウェアにはこういったGUIがあると便利です。面白いのはrsyncという昔からあるプログラムなのに対してSwiftで作られていることでしょう。 RsyncO
go-diff-image - Diff風に画像の差分を表示
プログラマにとってdiffは欠かせないツールです。何を変更したのか確認したり、二つのファイルを比較したりするのに使われています。しかし開発において使われるのはテキストだけではありません。 go-diff-imageは画像の差分を表示してくれるソフトウェアですが、生成される差分画像がテキストのdiff風になっているのが面白いです。 go-diff-imageの使い方 元画像。 比較対象の画像。 といった時に差分画像を生成すると以下のようになります。 追加された情報が緑、削除された情報が赤くなっています。多くの差分表示でそういった形になっているかと思います。比較は水平に分割される形で行われています。差分を表示する上で最良の方法かは分かりませんが、どこが違うかは一目で分かるでしょう。 go-diff-imageはGo製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません
ExcelMerge - Excelファイルの差分ビューワー
Excelを仕事で使っていると、メールでやり取りしたり誤った上書きを避けるためにコピーを作ったりして次第に同じようなExcelファイルに埋もれることになります。二つのExcelファイルを並べて、どこが違うのか見比べた経験は誰しもがあるのではないでしょうか。 そんな方に使ってみて欲しいのがExcelMergeです。Excelファイルの差分チェックツールです。 ExcelMergeの使い方 簡易的なExcelファイルを二つ比べています。 変更されたセル、追加された行などにジャンプできます。 設定で色や動作を変更できます。 ExcelMergeは将来的にマージ機能の実装を目指していますが、現時点では差分表示までとなっています。とは言え、差分が見える形になっているだけで作業負荷は大幅に軽減されるのではないでしょうか。Excelをよく使っている方にお勧めです。 ExcelMergeはWindows用
納品ファイルをまとめるのが簡単に！更新分の抽出、ファイルリストの生成もできるWin, Mac対応の国産無料アプリ
まさに、Web制作者のためのアプリです。 納品ファイルをまとめる際に、更新した差分のファイルだけをディレクトリ構造を保持したまま抽出し、ファイルリストと共に納品ファイルセットを作成できるWin, Mac対応のアプリを紹介します。 ディレクトリの枝葉に点在する更新ファイルでも、1クリックでまとめることができます。 バージョン管理のないプロジェクトでは、特に重宝すると思います。 Scone Diff Scone Diffの特徴 Scone Diffのダウンロード・インストール Scone Diffの使い方 Scone Diffの高度な使い方 Scone Diffの特徴 Scone DiffはWindows、macOS対応の国産アプリで、無料版と有料版がリリースされています。無料版でも十分な機能が備わっています。 Web制作のファイル納品時、必要なファイルだけをまとめて納品できます。 必要なファ
Eskil - マルチプラットフォーム対応のGUI差分表示ツール
バージョン管理システムを使っているとよく使うDiffツールですが、それ以外でも使いたいと思うケースは多いでしょう。特にオフィスではフォルダやファイルをコピーして使い回すこともあり、どれが最新で何が違うのか分からなくなったりします。 そこで使ってみたいのがEskilです。マルチプラットフォーム対応のGUI差分ツールです。 Eskilの使い方 Windowsで使った例。UTF-8な文書は文字化けしてしまいました。 ディレクトリの差分も出せます。 意外と便利な差分内容のPDFエクスポート。 EskilはSubversionやGit、Hgといったバージョン管理ツールと組み合わせて使うこともできます。他にもテキストの他、CSVファイルの差分表示も行えます。マージ機能もありますので、文字化けさえ解消すれば十分使えるツールになるでしょう。 EskilはWindows/Mac OSX/Linux用のオープ
TextDiff class - PHP製の差分ライブラリ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました プログラマーであれば誰もがDiff（差分）表示のお世話になっているはずです。しかし多くの場合、差分表示はバージョン管理と密接な関係にあります。差分表示を行うためにバージョン管理に登録するなんてこともあります。 もっと手軽に差分表示を使いたいと思うならばTextDiff classを使ってみましょう。PHP製、Webベースで使える差分表示ライブラリです。 TextDiff classの使い方 TextDiff classのデモです。 日本語で試したところです。日本語は分かち書きも行われているとのことです。 PHPでレスポンスを受け取れます。これらを解析することで差分表示機能を自分のシステムに組み込めます。 英語の場合。単語単位で表示されています。 TextDiff classはシンプ
image-diff - 画像の差分表示
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 開発者であれば差分表示に普段からお世話になっているでしょう。コードのどこを直したのか、どこが削除されたのかなどはDiffを使わなかったら目で探すことになってとても大変です。そして、それはテキストだけではありません。 今回紹介するオープンソース・ソフトウェアはimage-diff、画像で差分表示を行ってくれるライブラリです。 image-diffの使い方 一つ目の画像です。 二つ目の画像です。 差分を取ると、このような画像が生成されます。 image-diffは二つの画像と、その差分となる画像の3つの引数で実行されます。プログラムの中に組み込むこともできます。異なる部分が赤く表示されるので、どこが変わっているのかは一目瞭然でしょう。デザイナーの方などは必須のツールになるのではないでし
ExcelCompare - Excelファイルの差分表示
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました オフィスでの仕事に徹底的に使われているのがExcelです。職人たちの手にかかれば、表計算のみならずあらゆる場面においてExcelが利用されます。メールでも送られ、修正されて、コピーして修正して…と多くの人たちに使われています。 その結果、多くのコピーとどれが最新で何が違うのか分からないExcelファイルに溢れかえります。そこで使ってみたいのがExcelCompareです。 ExcelCompareの使い方 ExcelCompareは2つのExcelファイルを指定して差分を抽出します。 $ excel_cmp spreadsheet.xlsx spreadsheet-2.xlsx DIFF Cell at Sheet1!B2 => '2016年6月26日' v/s '2016年7月2
WinMergeで「エンコーディングエラーにより情報が失われています。」が表示される場合の対処
WinMergeで「エンコーディングエラーにより情報が失われています。」が表示される場合の対処について紹介します。 １．問題点 WinMergeでPowerPointの比較を行ってみたのですが、比較実施時に「エンコーディングエラーにより情報が失われています。」というエラーのダイアログが表示されます。 またそのまま処理を続行すると、文字化けした状態で結果が表示されます。 （クリックで拡大） ということで、WinMergeで「エンコーディングエラーにより情報が失われています。」が表示される場合の対処について紹介します。 ２．原因 原因はOfficeファイルを比較するための「xdocdiff WinMerge Plugin」の設定がきちんとできていないためです。 ３．対処方法 メニューバーの「プラグイン」→「プラグインの設定」を選択。 「プラグインを有効にする」と「amb_xdocdiffPlu
Diff to HTML - 差分をHTMLに変換
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました プログラマーであれば差分をよく使うかと思います。基本的にCLIで実行するか、GUIの差分ソフトウェアで確認するでしょう。筆者はCLIをよく使います。 patchファイルの形式でもいいですが、Side by Sideのが見やすいこともあります。そこで使ってみたいのがDiff to HTML、GitのDiff情報をHTMLにしてくれるソフトウェアです。 Diff to HTMLの使い方 Diff to HTMLの表示です。GitHubのものに似ていますね。 変更されたファイル一覧も取れます。 1カラムだけでなく、サイドバイサイドもサポートされています。 Diff to HTMLはGitHubに近いデザインなので、見慣れた使い勝手になるでしょう。オフラインでも使えるのがいいですし、ローカ
markdiff - MarkdownをHTML展開して差分表示
Markdownを頻繁に使っていると、つい間違った更新も発生してしまいます。そんな時に役立つのがバージョン管理システムですが、Markdownファイル同士の差分は単なるテキストファイルの比較以上のものではありません。 せっかくここまで広く使われているのですから、差分ももっと適した表示があるはずです。そこで使ってみたいのがmarkdiffです。 markdiffの使い方 markdiffはHTML上で使うようにもなっています。 このようにHTMLが出力されるので、スタイルシートで色分けしてあげればOKです。Aタグのhrefが違う場合はちょっと表示が確認しづらいですが、Markdownをそのまま比較するよりも分かりやすいのではないでしょうか。 markdiffはRuby製のオープンソース・ソフトウェア（MIT License）です。 r7kamura/markdiff
git-cola - マルチプラットフォーム対応のGitクライアント
Gitに慣れている人やプログラマーであればCUIでも問題なく使いこなせるでしょう。むしろCUIのが分かりやすいし、自動化もできるので便利だったりするかも知れません。しかしデザイナーや非プログラマーはそうではありません。 そこで使ってみて欲しいのがgit-colaです。GUIのGitクライアントです。 git-colaの使い方 適当なディレクトリを指定してgit-coreを起動するだけです。 差分ツールも内蔵されています。 メニュー。パスをコピーするのは意外と便利かも？ コミット。メッセージが書きやすいですね。 pushするところ。 git-colaを使えばGitコマンドに不慣れな方でも使いこなすことができそうです。あまり複雑な操作には向いていなさそうですが、GitHub以外のGitリポジトリや社内のリポジトリで使うのに良さそうです。 git-colaはWindows/Mac OSX/Lin
任意の2つのテキストの差分をチェック、共有出来るツール・「Diff Checker」
任意の2つのテキストの差分をチェックして変更箇所の割り出しと結果の共有ができる差分チェッカー、Diff Checkerのご紹介。動作も早くて便利そうだったのでメモがてら。 ドキュメントの差分チェックツールです。 左右のカラムにテキストを入れてチェックすればいいだけ。変更箇所が割り出されます。 ↑ こんな感じで割り出されます。変更点がピンポイントで出ると嬉しいですけど、日本語だと上記のように文章まるごと扱われるみたいです。 個人的には使いやすくて好きでしたが、既存ツールも数多にあるのであえて選ぶ理由があるとすればユーザー登録出来る点とURLの発行・共有可能な所くらいでしょうか。 とはいえ、国産のdifff《ﾃﾞｭﾌﾌ》でもURLが発行、共有は可能なのでお好みで。 Diff Checker
Git管理ツール「SourceTree」で差分ファイルを抜き出す方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです、お久しぶりです、はやちです✌(´ʘ‿ʘ｀)✌ ここ最近DMMのブラウザゲーム「刀剣乱舞」にハマってしまいましてひたすら刀狩りをしております( ˇωˇ )＜おじいちゃんこない そんなことはどうでもいいですね。 今回は、Git管理ツール「SourceTree」を使用して昔のファイルと作業したファイルの差分を抜き出す方法をご紹介いたします( ˘ω˘)☝ バッチファイルを用意する まずはバッチファイルを用意しましょう( ˇωˇ)☝ 適当なディレクトリにファイルを保存します。 Windows用 Windows用がこちらです。 export_diff_zip.bat if "%2" EQU "" ( set PARAM1=HEAD set PARAM2=%1 ) else ( set PARAM1=%1 set PARAM2=%2 ) setlocal enabledelayedexpan
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Qiita
