ITエンジニア/デザイナ向けにオープンソースを毎日紹介

開発 - 差分の記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2016/01/05

markdiff - MarkdownをHTML展開して差分表示

Markdownを頻繁に使っていると、つい間違った更新も発生してしまいます。そんな時に役立つのがバージョン管理システムですが、Markdownファイル同士の差分は単なるテキストファイルの比較以上のものではありません。せっかくここまで広く使われているのですから、差分ももっと適した表示があるはずです。そこで使ってみたいのが...

List

  • 2015/11/12

Delta - HTMLと標準出力対応の差分表示

差分表示というとバージョン管理システムと組み合わせて使うのが基本となっています。GitやHg、Subversion、CVSなどで使っている人は多いでしょう。しかし二つのファイルがあった時に単独で使う差分表示ソフトウェアも便利です。今回はそんな差分表示ソフトウェアとしてDeltaを紹介します。差分をHTMLと標準出力で出...

List

  • 2015/08/22

Redux DevTools – Diff Monitor - Reduxと組み合わせる状態ビジュアル化ツール

Reactが流行っていますが、より大きなソフトウェアを開発する場合には単にReactを使うだけでなく、Fluxと言われるアーキテクチャで構築するのが推奨されています。Redux

List

  • 2015/03/14

Blink-Diff – Yahoo!製の画像差分表示ツール

あなたは今、目の前に同じような画像ファイルが複数あって、どこが違うのか調べないといけません。文字が違うかも知れませんし、アイコンの並びが違うかも知れません。はたまた色が1%だけ違う可能性もあります。そんなのをすべての画像に対して行うのは大変なことです。そこでBlink-Diffを使ってみましょう。Blink-Diffは...

List

  • 2015/02/24

DiffImg – 画像の差分を表示

開発現場ではDiffを使って変更ポイントをチェックするのが当たり前になっています。バージョン管理とともに使うのが基本ですが、単体でも二つのテキストファイルで更新ポイントを見るのに使われています。DiffImgはその画像版というソフトウェアです。クリエイターの方必携のソフトウェアではないでしょうか。## DiffImgの...

None

  • 2014/12/27

icdiff - CUIでもサイドバイサイドの差分表示

CLIにおけるdiffコマンドは行の削除や追加が縦に並ぶ形になっています。慣れれば理解できないことはないと思いますが、GUIやWebベースの差分ツールでは一般的にサイドバイサイドの差分表示が使われます。この方が人にとっては分かりやすいのでしょう。そんな差分表示をCLIでも可能にするのがicdiffです。## icdif...

List

  • 2014/11/28

jsinspect – JavaScriptアプリケーションの類似コードを検索

コードのコピペは絶対に悪であるという訳ではありませんが、そこにはメソッド、関数としてまとめられるかも知れないというリファクタリングの余地があります。なのでリファクタリングを行う際には一度既存のコードについて重複した部分がないかチェックしてみると良いでしょう。クライアントサイドのJavaScriptやnodeで作ったアプ...

None

  • 2014/08/26

cccv – 差分を使ってソースコードの重複を探す

プログラミングでやってはいけないことの一つにコピペがあります。場合によっては必要不可欠な時もありますが、基本的にコピペするなら関数にまとめたり、ライブラリ化することでコードの重複をなくすべきでしょう。そこで使ってみたいのがcccvです。ソースコードを差分から洗い出して、コードの重複がないかチェックしてくれるソフトウェア...

List

  • 2014/06/03

PHP Fine Diff - 利用場面が多そうなPHP差分表示ライブラリ

あなたが開発者であるならば差分表示にはいつもお世話になっているのではないでしょうか。かく言う筆者も毎日のように使っています。しかしそれの主な利用はプログラミングやHTMLコーディングではないかと思います。差分表示をもっと色々な場面で使ってみたいと思うならば、自作のWebアプリケーションに組み込んでみると面白そうです。そ...

List

  • 2014/03/21

Pretty Diff - Gitの差分表示をGitHub調にして見やすく整形

これはGitを使っているならぜひ入れておきたいツールです。GitHubのコード差分表示はとても見やすくて、一旦あれに慣れてしまうとターミナルで出力されるDiffが非常に見づらく感じるようになります。しかしプロジェクトによってはGitHubを使えないというケースもあるでしょう。そこで使ってみたいのがPretty Diff...

List

  • 2014/03/08

psdiff - GitHub上でPSDファイルの差分表示を可能にするスクリプト

デザイナーの方は覚えておくと便利そうですよ!GitHubでは様々なファイルの差分表示が行えます。その一つに画像があります。PNGやJPEGといった画像の差分をWebブラウザ上で行えます。これはデザイナーの方にとってかなり便利な機能ではないでしょうか。しかしデザイナーであればなんとしても対応して欲しいと思うのがPhoto...

List

  • 2014/03/02

npm-diff – nodeモジュールのバージョン差分チェック

nodeのパッケージ管理であるnpmはとても便利な仕組みで、ほぼ何も気にすることなくnpm installで使ってしまっています。しかし実際には各ライブラリはバージョンアップし、改善や機能追加が行われています。そんなnodeモジュールがどうアップデートされているか、素早くチェックできるのがnpm-diffです。## n...

List

  • 2014/01/07

exediff – 実行ファイルを比較できる差分チェッカー

プログラマーであればソースコードの差分に助けられることも少なくないと思います。差分は色々な情報が見えてくるでしょう。今回はその一つ、exediffを紹介します。実行ファイル(ExeまたはDLL)のロードイメージを比較し、差異を表示してくれるソフトウェアです。!オプションです。二つの実行ファイルまたはフォルダを指定します...

List

  • 2013/09/19

Webベースのリアルタイムテキスト差分「Mergely」

MergelyはPHP/JavaScript製のオープンソース・ソフトウェア(GPL/LGPL/Mozilla Public License)です。プログラマーであればDiffの恩恵にあずかったことが少なからずあるはずです。この便利さを他の場合でも使いたい、そう考える方はMergelyを使ってみましょう。オンラインで手...

List

  • 2013/07/28

Web Fontを使ってフォントデザインの差分表示「Tiff」

Tiffはnode/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。フォントの世界はとても深く、ぱっと見では分からない詳細なところにまで心が行き届いていたりします。そこで使ってみたいのがTiffです。二つのフォントの差異をビジュアル的に確認できるソフトウェアで...

List

  • 2012/12/12

どこが違うか分かりやすいObjective-C製の画像比較ライブラリ「WCBeforeAfter」

WCBeforeAfterはスライダーを使って二つの画像の表示範囲を切り替えるObjective-Cライブラリです。GitHubのDiff表示で画像もスライダーを使って比較できるようになっています。同じような表示をiOS上で実現する面白いライブラリがWCBeforeAfterです。起動しました。スライダーは中央にありま...

List

  • 2012/11/11

二つのテキストをオンラインで比較「difff(デュフフ)」

difffはdiffコマンドを使った比較結果をWeb上に表示するソフトウェアです。二つのテキストファイルを比較するのによく用いるのがDiffですが、今回はそのオンライン版としてdifffを紹介します。diffコマンドの結果をビジュアル的に分かりやすく表示してくれます。実行前です。実行しました。文字単位で比較されているの...

43559?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f10%2fscreenshot-2012-10-10-21.56.04_thumb

  • 2012/10/20

Dropboxで管理しているファイルの差分を表示「dropbox_diff」

dropbox_diffはファイル単位のDropbox上の差分を表示してくれるソフトウェアです。Dropboxはとても便利に使っています。そんなDropboxの便利な機能の一つが自動バージョン管理だと思うのですが、それをコマンドラインから行えるようにしたツールがdropbox_diffです。個人的によく使っているファイ...

List

  • 2012/05/29

PDFをPDFのまま差分チェック「DiffPDF」

DiffPDFはPDFファイル同士のテキスト、描画の差分を表示するソフトウェアです。プログラマーが開発中によく使うのがDiffです。行や単語単位で比較し、どこが違うか分かるので修正したり相違点をチェックしたりするのにとても便利です。そんなDiffをPDFでも使えるようにするのがDiffPDFです。メイン画面です。二つの...

38558?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2fscreenshot-2012-05-07-15.16.28_thumb

  • 2012/05/17

文学者向けテキスト照合ツール「Juxta」

Juxtaは学者向けのテキスト照合ソフトウェアです。複数のテキストがあった時に、その比較を行う方法として用いられるのが差分(Diff)ツールです。Diffツールは主にプログラマー向けですが、さらに文学者向けに発展させたのがJuxtaです。左側にメモの一覧、右上がコンテンツ、右下がソースとなっています。ドキュメントのプロ...