GolangのdiffMatchPatchライブラリで行単位diffをする - Qiita
diff-match-patch便利ですよね？ これで行単位のdiffを出そうと思ったんですが、APIのリストとにらめっこしてもわからなかったのですが、検索したら大本のGoogle謹製の方のWikiにあったので、実装のメモです。 import "github.com/sergi/go-diff/diffmatchpatch" func lineDiff(src1, src2 string) []diffmatchpatch.Diff { dmp := diffmatchpatch.New() a, b, c := dmp.DiffLinesToChars(src1, src2) diffs := dmp.DiffMain(a, b, false) result := dmp.DiffCharsToLines(diffs, c) fmt.Println(result) return resu
2014年、春のGit事情 - fujimuradaisuke's blog
なんとなく最近どんな感じでGitを使っているか、適当にリストアップしてみた。 よく使うやつ git status git status --branch --short にしている。変更されたファイルが出る。とりあえず何をしたかざっくり把握する用。sにエイリアスしている。一日100回くらい実行しているのではないか。 git diff 特にオプションは指定していない。何をしたかしっかり把握する用。dにエイリアスしている。一日50回くらい実行しているのではないか。 git grep バージョン管理しているファイルから渡した単語を含む行を検索、表示。関数の検索などあらゆる場面で超便利。オプションは --line-number --show-function --color --heading --break がオススメ。 git ls-files バージョン管理しているファイルのファイルパスを表
node.jsのいろいろなモジュール45 – node-huxleyでブラウザ動作の記録＆スクショ撮影 | DevelopersIO
ブラウザ動作を記録 Huxleyとは、Facebookが開発したPython製のソフトウェアです。 HuxleyはSeleniumと連携してテスト実行時ログとスクリーンショットを作成します。 そして、ブラウザ動作の再現ができるようになっています。 そして、今回紹介するnode-huxleyとは、このHuxleyのnode版です。 Githubによると、次の機能を持っているみたいです。 ブラウザのアクションを記録/再生 スクリーンショットを取る スクリーンショットの比較を行う では、node-huxleyをセットアップして動作を確認してみましょう。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.5 Node.js : v0.10.8 npm : 1.2.23 npmを使用して必要なモジュールをインストールしましょう。 node-huxley本体と
psdiff · simple psd file previews for git
If you have Photoshop psd files lying around your git repository, you probably already know there's no easy way to track any changes to them — you have to launch Photoshop and manually inspect them, and if you're not a designer or don't have Photoshop installed on your device, you're fresh out of luck. psdiff is a small tool that you install as a git hook — then, any time anyone makes a change to
tigでmerge diffを表示する - Qiita
tigはマジで便利なんだけど、mergeコミットだとdiffが表示されなくて、merge diffの詳細を見たい場合はtigで見ているコミットをgithubで開くしたりして、その場をしのいでいた。 つまり、これを こんなかんじで表示したい。しかも結構切実に。 それ、最新のtig@masterで出来るよ！ 晴れて tig-2.0.1 がリリースされたので、最新の tig をインストールすれば使えるようになりました 設定 INSTALL.adocに従い、自分でビルドしたり、OSXの人はHomebrew経由(brew install tig)でインストールしたら、~/.tigrcにmergeのdiffを表示するように設定
ImageMagick - ２枚の画像を比較！ - mk-mode BLOG
２枚の画像が全く同じものかどうかを確認したいことがごく稀にあるかと思います。 画像処理ソフト ImageMagick のコマンドを使用して比較する方法についての記録です。 0. 前提条件 Linux Mint 14 (64bit) での作業・動作確認を想定。 画像処理処理ソフト ImageMagick がインストール済みである。 今回の作業で使用した画像は以下の３つ。（全てサイズが同じであること） 元のJPEG画像 元のJPEG画像の70%品質のJPEG画像 元のJPEG画像に文字を描画したJPEG画像 1. 元のJPEG画像と元の70%品質のJPEG画像とノイズ量を比較 ImageMagick の compare コマンドを使用して２枚の画像（元のJPEG画像と70%品質のJPEG画像）を比較する。 compare コマンドは、２つ目の画像が１つ目の画像よりどれだけ劣化しているかを確認す
2枚の画像のdiff（差分）を超簡単に調べる方法 - 昼メシ物語
Githubで画像の差分を見られるモードが話題を呼びましたが、このように2枚の画像の差分を調べたいときって時々ありますよね。 そんなときImageMagickのコマンドラインツールを使えば、たった1行で実現できます。 $ composite -compose difference A.jpg B.jpg diff.jpg とすれば、A.jpg と B.jpg の差分画像 diff.jpg が作られます。この差分画像は以下のようになります。 さらにこの差分画像（diff.jpg）が「真っ黒な画像」かどうかも、コマンドラインで調べることができます。 # 差分がなかった場合（＝diff.jpgは黒一色の画像） $ identify -format "%[mean]" diff.jpg 0 # 差分があった場合 $ identify -format "%[mean]" diff.jpg 960.8
Git の diff を美しく表示するために必要なたった 1 つの設定 #git - 詩と創作・思索のひろば
Git に同梱されている contrib/diff-highlight を使います。 あとは README に書いてあることの引き写しですが、PATH の通ったディレクトリに置いて、~/.gitconfig に以下のように設定を書く。 [pager] log = diff-highlight | less show = diff-highlight | less diff = diff-highlight | less すると、対応するコマンドの出力がこんな風になります。 行レベルの diff に加えて、単語レベルでの diff もハイライトされ、GitHub での diff のように描画されました。 組み込みのオプションで --color-words というのがありますが、こちらを使うと行レベルの diff 情報が失われるので、少し不便だったわけですね。とすべて README に書いてあ
Resemble.js : Image analysis
Compare two images? Drop two images on the boxes to the left. The box below will show a generated 'diff' image, pink areas show mismatch. This example best works with two very similar but slightly different images. Try for yourself! Don't have any images to compare? Use example images Why? Resemble.js can be used for any image analysis and comparison requirement you might have in the browser. Howe
git difftool --dir-diff が便利すぎて泣きそうです
Git の 1.7.11 から git difftool コマンドに --dir-diff というオプションが追加されたのですが、これがライフ チェンジングだと思ったので紹介します。 --dir-diff 登場以前の git difftool は「ファイルごとに順番に差分を表示していく」ことしかできず、使い勝手はいまいちでした。それが、--dir-diff オプションの登場で状況が一変したわけです。 こんな感じの使い心地だよ ある Git レポジトリーで dir1/a.txt と dir2/c.txt を編集したとしましょう。 この状態で git difftool --dir-diff または git difftool -d を実行してみると・・・。 はい、差分のあるファイルが一覧で表示されました。 (difftool に WinMerge を設定して、メニューから [ツリー表示] を有効
【翻訳】あなたの知らないGit Tips
Mislav Marohnićさんの "A few git tips you didn't know about" を翻訳しました。 元記事はこちら： http://mislav.uniqpath.com/2010/07/git-tips/ （翻訳の公開は本人より許諾済みです） 翻訳の間違い等があれば遠慮なくご指摘ください。 あなたの知らないGit Tips注意：いくつかのコマンドやオプションは Git の version 1.7.2 以降が必要です。 OS Xでは、 Homebrew で簡単にアップグレードできます： brew install git git log でブランチとタグも見る$ git log --oneline --decorate 7466000 (HEAD, mislav/master, mislav) fix test that fails if current d
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PhantomCSSでViewの回帰テスト - Qiita
** Sikuli Project **
gitのdiffを見やすく表示する - Qiita
GitHub - rsmbl/Resemble.js: Image analysis and comparison
Visual Regression Testing with PhantomCSS
GitHub - bbc/wraith: Wraith — A responsive screenshot comparison tool
安全な継続的デプロイメントのための知覚的テスト
Visualping: #1 Website change detection, monitoring and alerts
Tiff - a visual typeface diff tool.