面白い！JavaScript+Canvasによる画像差分表示·JS-ImageDiff MOONGIFT
JS-ImageDiffはJavaScript+Canvasタグを使って二つの画像の差分表示を行うライブラリです。 GitHubでは差分をWebブラウザ上で閲覧できますが、その時に画像の差分表示も行えるのを知っているでしょうか。スライダーで動かしたりして差分を確認できるのですが、その一つの差分表示をオープンソースで再現するのがJS-ImageDiffです。 サンプルです。上が元、中間が変換後そして下が差分となります。どこが違うのか一目で分かります。 左が影無し、右が影ありです。一致している部分だけが表示されています。 サイズが違う場合の差分表示です。 JS-ImageDiffはCanvasタグを使って画像を読み込み、その差分を表示しています。各ピクセル単位で画像を比較して同じであれば黒、違う場合はうまく表示するというやり方でここまで見事に表示できるのが面白いですね。 JS-ImageDif
Google ChromeからiOSへURLを転送·Push To iOS/Chrome To iOS MOONGIFT
Push To iOS/Chrome To iOSはGoogle Chromeで今見ているURLをiOSに転送するソフトウェアです。node.jsサーバを介しています。 AndroidではGoogle Chromeから今見ているURLを転送する機能、Chrome To Phoneがあります。それをiOSでも同じように行うのがPush To iOS/Chrome To iOSです。GREEの伊藤直也氏の開発したソフトウェアになります。 サーバです。node.jsとSocket.ioを使っています。 Google Chrome側です。ボタンを押すだけでURLが飛びます。 データを受け取った際のログです。 iOS側でデータを受け取ったときの表示です。Socket.ioのお陰でリアルタイムにデータが追加されます。 サーバ側のログです。 Push To iOS/Chrome To iOSは独立してい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
