JavascriptとWebに関するPockeのブックマーク (4)

  • kawaii·HTML5/Webカムを使った顔認識 MOONGIFT

    ソフトウェア名については気にしないのが良さそうです。kawaiiはごく単純に言えばgetUserMediaを使った顔認識ソフトウェアになります。以前紹介したHTML5 Face DetectionはHTML5のvideoタグを使っていましたが、こちらはそれをベースにgetUserMediaにしています。 さらに顔を認識するだけでなく、顔の上に画像をかぶせて表示しているのが特徴となっています。 kawaiiの使い方 カメラへのアクセスを許可すればこんな感じで表示されます。 顔の動きにもきちんとついてきますが、手を間に入れたりするとずれます。 HTML5は様々なAPIが追加されていますが、Webカムを使った技術は特に面白いですね。ぜひ自分の顔で試してみてください。 kawaiiはHTML5/JavaScript製のソフトウェアです。 HTML5 Face Detection - JavaScr

    kawaii·HTML5/Webカムを使った顔認識 MOONGIFT
  • gulpのタスクを同期的に実行する方法 - Qiita

    gulpのタスクは基的に非同期で実行されます。例えば以下のコードでは、ファイルコピーが完了する前に "done" と表示される可能性があります。 gulp.task('copy', function() { // ファイルをコピー gulp.src('src/file').pipe(gulp.dest('dest')); }); // copyに依存するタスク gulp.task('done', ['copy'], function() { // ファイルコピー完了「前」に実行される!! console.log("copy done"); }); gulpが高速に動作する理由の一つはこの非同期性ですが、どうしても同期的に処理したい場合(すなわち特定のタスクの完了を待ってから別なタスクを実行したい場合)もあると思います。 この記事では同期的にタスクを実行する方法として、gulp API d

    gulpのタスクを同期的に実行する方法 - Qiita
  • 【翻訳】DeferredはjQueryにおける最も重要なクライアントサイドツール

    jQueryのDeferredを用いたモダンなAjax処理の書き方が結構読んでもらっているみたいなので、今回はdeferred第二弾として、jQuery.Deferred is the most important client-side tool you haveの翻訳をしました。 jQueryのdeferredの導入は、近年のjQueryの歴史における最もパワフルな拡張だ。jQuery自体はとくに新しい概念ではないが、deferredの導入は多くのクライアントサイド開発者にとってメリットがある。非同期プロセスにおいてdeferredパターンはシンプルでありながらも、パワフルなツールだ。皆さんご承知の通り、クライアントサイドの開発においてそういった非同期を使う状況は数多く存在する。 ここでは、deferredおよびjQueryによって提供されるAPIについて概観する。読者が理解できるよう

    【翻訳】DeferredはjQueryにおける最も重要なクライアントサイドツール
  • JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD

    この記事のオリジナルは voxxed に投稿されたものです。 JavaScript関連の問題を抱えるチームをサポートする仕事を通じて、いくつか共通の問題点があることに気づきました。もしあなたもJavaScriptに対するイライラを感じているのであれば、この記事は何らかの助けになるかもしれません。おことわり:私がお教えするヒントはすでにご存知のものもあるとは思いますが、うまくいけば、多少なりとも有用な情報があるかもしれません。特にエンタープライズアプリケーションやCMSソリューションを構築する際に有効なヒントです。チームの誰もが話したがらないCMSのコードについてお話しします。いずれも必要に応じて採用できるものです。 debuggerステートメント 大半のブラウザでサポートされているにもかかわらず、JavaScriptを書く際に最も活用しきれていない機能の1つです。debuggerステートメ

    JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD
  • 1