Promises and Generators: Control Flow Utopia
node --harmony-generators script.jsSlides: pag.forbesl.co.uk Sequence 1function count(n){ var res = [] for (var x = 0; x < n; x++) { res.push(x) } return res } for (var x of count(5)) { console.log(x) } Sequence 2function count(){ var res = [] for (var x = 0; true; x++) { res.push(x) } return res } for (var x of count()) { console.log(x) } Sequence 3function* count(){ for (var x = 0; true; x++) {
Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013
2013年 大音学会 の資料です。 (更新2) 2013/10/15 10:35 リンク切れを修正しました。 (更新1) 2013/10/13 20:40 全てのアプリケーションを公開いたしました。 (オリジナル) localのURLを示しているデモ(localhostの文字が入っているリンク)が複数あり、それらは動作しませんのでご了承ください。
JavaScriptフロントエンド開発の昨今
フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発
Meteor jsの今(2013-07-03)について
日本でもリリースされた 2012 年にはすこし盛り上がってた様子で、2013 年の 4 月には東京で Meetup があったようです。しかし現在、検索できる形で観測する限りユーザは増えておらずもったいないな〜思い“Meteor の今”についてこの記事でアピールしていこうと思います。 まず、日本語で Meteor について検索してみると辿り着くおすすめ記事三本 体感！JavaScript で超速アプリケーション開発 －Meteor 完全解説：連載｜ gihyo.jp … 技術評論社 「Meteor」は、JavaScript/HTML で開発するリアルタイム Web アプリケーション基盤。何が起きているのかすぐに分からないほどすごい － Publickey Meteor.js - naoya のはてなダイアリー そしてこの記事では、naoya さんの当時の Meteor に対しての“まだ微妙な
Using the Fullscreen API in web browsers – Mozilla Hacks - the Web developer blog
Thanks! Please check your inbox to confirm your subscription. If you haven’t previously confirmed a subscription to a Mozilla-related newsletter you may have to do so. Please check your inbox or your spam filter for an email from us. Rodrigo Ayala Excellent!, I didn’t know anything about this feature, a great functionality to show fullscreen videos or play cool games using the whole screen. Note:
Post by @0-9
プロジェクトでファイルが多くなってくると毎回全体でコンパイルし直すのが辛くなってきたので、編集したものだけ先にコンパイルするようにしてみた。 (function () { var cp = require('child_process'); grunt.event.on('watch', function(action, filepath) { var command = 'tsc ' + filepath; var childProcess = cp.exec(command, ''); childProcess.stdout.on('data', function (d) { console.log('stdout: ', d); }); childProcess.stderr.on('data', function (d) { console.log('stderr: ', d);
JavaScriptでLeapMotionアプリを作る方法
こんにちは。クレイの浅海です。 いま話題のLeapMotionとJavascriptを使って、空中でピアノを演奏できるアプリを作りました。 まだLeapMotionを初めて数日なので勘違いしている部分もあるかもしれませんが、JavaScriptでLeapMotion対応アプリをどのように作るのかについて、気づいたことを紹介します。 目次 デモ leap.jsの用意 イベントループ Frameオブジェクト frame.fingers frame.hands frame.gestures circle swipe keyTap screenTap 感想 デモのコード デモ まずは実際に動かしている動画を御覧ください。 空中に手をかざすだけで、ピアノを演奏することができます。 音の再生にはMIDI.jsを使用しています。 ※ 手を3Dで表示している部分は、LeapMotion標準のビジュアライザ
"Thinking in AngularJS" if I have a jQuery background?
1. Don't design your page, and then change it with DOM manipulations In jQuery, you design a page, and then you make it dynamic. This is because jQuery was designed for augmentation and has grown incredibly from that simple premise. But in AngularJS, you must start from the ground up with your architecture in mind. Instead of starting by thinking "I have this piece of the DOM and I want to make it
Angular.jsとBackbone.jsのDOM依存を図解する - ジンジャー研究室
果敢にもMVCフレームワークの図解を試みたので、どうぞ！ MVCの動機 MVCという言葉が初めて登場してから30年以上たった今、最早なんだったのか分からないほどMVCの定義は混迷をきたしているわけだが、どれがMVCでMVVMでMVPであるという定義についてあれこれ考察するのは個人的には好きでなくて、「結局何がしたいのか」という動機がぶれていなければ何でも良いと思っている。 じゃあそれは一体何なのかということを自分なりに考えてみたところ、次の一言に落ち着いた。 「ModelはViewに依存したくない」 世間的には（？）ModelとViewを単に「分ける」と説明されることが多いが、私はそれだけでは納得していなくて、依存の方向こそが重要だと思っている。たとえ分かれているように見えてもModelがViewを参照していたら、情報の取得先や表現方法は固定化されてしまう。 ModelはViewの事情から
DOMNodeInserted と DOMNodeRemoved に似た仕組みを IE でも使えるようにして、セレクタの実行結果をキャッシュする - latest log
セレクタ(id, tag, class, css, xpath)の実行速度を改善するには、2つの方法があります。 ロジックを改善する キャッシュを使う 今日は2の方法について検討したことを書き残します。 心配事 キャッシュを使う上での心配事は「キャッシュが古くなったらどうするか、それをどうやって知るか?」です。 古くなったキャッシュはクリアしなければなりません。 DOM Level2 MutationEvents を使うと、ノードの挿入, 削除と、属性の更新 を取得できる DOM Level2 MutationEvents という仕様があります。これらを活用するとDOMツリーが更新されたタイミングを監視できます。 DOMNodeInserted は ノードの挿入, DOMNodeRemoved は ノードの削除, DOMAttrModified は 属性の変更に対応しています。 各ブラウザ
データバインディングによるインタラクティブなUIの効率的な表現
requestIdleCallback()による協調的バックグラウンド処理の実現 / requestIdleCallback()
Optimizing your JavaScript game for Firefox OS – Mozilla Hacks - the Web developer blog
When developing on a quad core processor with 16 gigabytes of RAM you can easily forget to consider how it will perform on a mobile device. This article will detail some best practices and things to consider for moving a game to Firefox OS or any similar hardware target. Making the best of 256 Mb RAM/800 Mhz CPU There are many areas of focus to keep in mind while developing a game. When your goal
asm.js は本当に速いのか? | g200kg Music & Software
この結果から、確かにFirefoxとしてはasm.jsが有効になる事で速くはなっているのだけど、asm.js 非対応のChromeと大して変わらない(場合によっては負ける)、というのがわざわざ文法を変えてまで改善した結果としては物足りない、という所ですね。 なお、このテストは実用的なFFTモジュールを目指していてデータの入出力部に通常のJavascriptとのインターフェースのために非asm.jsの処理が多少残っていますので、純粋なベンチマークならばもう少しasm.jsでの改善具合は良くなると思います。 しかしながら、触ってみた実感と世の中の爆速という評判との乖離に釈然としないものを感じていたわけです。1つは比較対象が何であるかという点だと思います。これは数日前の記事。 Surprise! Mozilla can produce near-native performance on the
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Using Grunt to Mock Endpoints
Optimizing Angular Templates with Grunt on Heroku - codelord.net
Web Scratch
https://qiita.com/Axross/items/0522810585ad40185604
VMware Tanzu Blog | VMware Tanzu
GitHub - adriancooney/console.snapshot: An actual useful fork of the console.image. Snapshot the canvas and output it to the console.
Debugging & Profiling Node.js
