[B! JavaScript][GitHub][js] kazuph1986のブックマーク

kazuph1986 id:kazuph1986

JavaScriptとGitHubとjsに関するkazuph1986のブックマーク (2)

面白い！JavaScript+Canvasによる画像差分表示·JS-ImageDiff MOONGIFT
JS-ImageDiffはJavaScript+Canvasタグを使って二つの画像の差分表示を行うライブラリです。 GitHubでは差分をWebブラウザ上で閲覧できますが、その時に画像の差分表示も行えるのを知っているでしょうか。スライダーで動かしたりして差分を確認できるのですが、その一つの差分表示をオープンソースで再現するのがJS-ImageDiffです。サンプルです。上が元、中間が変換後そして下が差分となります。どこが違うのか一目で分かります。左が影無し、右が影ありです。一致している部分だけが表示されています。サイズが違う場合の差分表示です。 JS-ImageDiffはCanvasタグを使って画像を読み込み、その差分を表示しています。各ピクセル単位で画像を比較して同じであれば黒、違う場合はうまく表示するというやり方でここまで見事に表示できるのが面白いですね。 JS-ImageDif
kazuph1986 2013/03/08
これ使ってみたいなぁ。

js

canvas

GitHub

javascript

image

画像

オープンソース

diff
リンク
「Node.js楽園の問題：npmという混沌」 - karasuyamatenguの日記
Drupal・DjangoからNode.jsに移ったが開発者がnpmモジュールの氾濫問題を指摘している： http://mikkel.hoegh.org/blog/2011/12/20/trouble-in-node-dot-js-paradise-the-mess-that-is-npm/ CSSやJavaScriptなどのアセットを圧縮してくれるモジュールが必要だったので調べてみたら、(推定)100を越える候補が出てきた。管理されていないものを除外するなどの一次選択のふるいにかけても26の候補。(リストは元記事参照) Djangoなら明かな候補(asset-managers)があるのにNode.jsだと数十の候補を検証しなければいけない。このような時間をさくぐらいなら、自分で書いた方が速いと困惑している。アセット管理だけでなく、routing、テンプレート、テストなど、Node.j
kazuph1986 2011/12/23
node.js

js

GitHub

javascript
リンク
1