2011年11月9日のブックマーク (3件)

  • 面白い!JavaScript+Canvasによる画像差分表示·JS-ImageDiff MOONGIFT

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

    keyjam
    keyjam 2011/11/09
  • 米Yahoo!がJavaScriptフレームワーク「Mojito」と、Node.jsのホスティング環境「Manhattan」発表。同一コードをブラウザ、サーバ、iOSアプリで実行可能

    Yahoo!JavaScriptフレームワーク「Mojito」と、Node.jsのホスティング環境「Manhattan」発表。同一コードをブラウザ、サーバ、iOSアプリで実行可能 JavaScriptでアプリケーションを1つ書けば、それがPCでも、クラウドでも、モバイルデバイスでも動作する。米Yahoo!が発表した「Cocktails」(カクテル)が実現するのは、すべてをWeb標準で実現したクロスプラットフォーム/クロスデバイスのアプリケーション環境です。 マルチプラットフォームを実現する「Mojito」 Cocktailsの核となるのが、JavaScriptフレームワークの「Mojito」(モヒート)。 Mojitoベースのコードは、ブラウザでもサーバでも動作すると説明されています。 With Mojito, developers will no longer have to wri

    米Yahoo!がJavaScriptフレームワーク「Mojito」と、Node.jsのホスティング環境「Manhattan」発表。同一コードをブラウザ、サーバ、iOSアプリで実行可能
    keyjam
    keyjam 2011/11/09
  • 映像レッスンでWebやiOSアプリの作り方が学べる『TreeHouse』 | 100SHIKI

    有料(月額25ドル or 49ドル)&まだまだ発展中なのがあれだが、こういうのは必要ですな、と思ったのでご紹介。 TreeHouseではWebデザインやWebアプリ、iOSアプリの作り方を学べるようだ。 レッスンはすべて動画で、5〜6分をかけて一つのトピックを学んでいく。 そしてレッスンの最後にはクイズをうけることになり、それに正解するとバッジがもらえる、という仕組みだ。 こうしてスキルアップをしていくことで転職したり、アプリをつくったり、起業できたりしようよ!ということらしい。 すべて英語ではあるが、一部の映像は無料で見られるので興味のある方はいかがですかね。

    映像レッスンでWebやiOSアプリの作り方が学べる『TreeHouse』 | 100SHIKI
    keyjam
    keyjam 2011/11/09