パズドラをHTML5/JavaScriptでクローン (それなりブログ)
パズドラ（パズル＆ドラゴンズ）のパズル部分がとても面白いので 自作ゲームに使えないかと、とりあえずJavaScriptでクローンしてみました Github - kjirou/mugen_pazdora (開発兼デモ環境はコチラ、デバッグ中だったらスマン) 色々と未完成ですが、パズル本体部分は再現出来てるつもり Google Chrome と iPhone4 の Safari でしか動作確認していません iPhoneでは残念な速度になっております 今後開発を続けるかは考え中 利用したJavaScriptライブラリの所感 Sugar.js v1.3.6 JSDeferred v0.4 jQuery v1.8.2 jQuery UI v1.9.1 jQuery UI Touch Punch v0.2.2 Sugar.js はかつてのprototype.jsのように プロトタイプを上書き
JavaScriptで処理を同期的に行いたいと考えている人向け·JSDeferred MOONGIFT
JSDeferredはJavaScriptの非同期処理を扱うライブラリです。 JavaScriptの魅力は非同期処理にあると思いますが、これまでのコーディングスタイルと異なるのでやりづらいと感じる人も多いのではないでしょうか。そこでJavaScriptで同期処理的な実行を可能にするライブラリJSDeferredを使ってみましょう。 サンプルコードです。wait(3)で3秒間処理を停止しています。 サンプルのコードです。 ステップ実行のデモコードです。クリックアクションを受けて処理が実行されます。 Beforeです。ネストが深くなって非常に見づらい、汚いコードです。 Afterです。パラレルを使って平行にデータを読み込みつつ、全てが終わった段階でresultsに結果をまとめて次のメソッドを実行しています。 JSDeferredを使わずに書いている場合に比べて、コードがとても見やすいのが分かる
ある値を非同期で取ってくる→その値を使ってさらに非同期処理というのをJSDeferredでする - Islands in the byte stream (legacy)
ユースケースとしては、テストの最初にあるシステムにログインしてユーザIDなりセッションIDなりを得て、それでもって残りのテストを実行するみたいな処理です。 これ、素直にJSDeferredでDeferred.next(...).next(...)と続けても、このnextのコールバックは最初にいきなり呼ばれたあと「待ち」に入るので、非同期で取ってきた値に依存した処理は書けないんですよね。 これは、Deferredオブジェクトを自分で作って制御すればいけるみたいです。 以下サンプルコードです。最初の100msかかる非同期処理で42という値を得て、それを次の処理に渡せることを確認します： #!/usr/bin/env node "use strict"; var Deferred = require('./jsdeferred.js').Deferred; Deferred. next(func
uu59のメモ | jQuery.Deferred その1 JSDeferredとの基本的な違い
JSDeferred $.Deferred 長年JSDeferredを愛用してましたが、jQueryにDeferredがついたらしいので記憶を整理して慣れていきます。 おさらい 基本チェイン // JSDeferred Deferred.next(function(){ alert("a"); }).next(function(a){ alert('b'); }).next(function(b){ alert('c'); }); // $.Deferred $.Deferred().done(function(){ alert("a"); }).done(function(a){ alert('b'); }).done(function(b){ alert('c'); }).resolve(); 値のリレー // JSDeferred Deferred.next(function(){
JavaScriptでシーケンシャルな作業をゆっくりと行う方法 - 檜山正幸のキマイラ飼育記 (はてなBlog)
次の画面ショットは、Catyに描かせた「ログインモジュールを可視化した図」を、ブラウザで表示させたものです*1。 実際のWebページには、次のURLでアクセスできます。 http://www.chimaira.org/misc/fire2.html このWebページに含まれる図はラスター画像ではなくて、SVGをHTML5仕様に従い直接埋め込んでいます（インラインSVG、ソースを見ると確認できます)。SVGの部分も文書のDOMツリーのなかに現れるので、JavaScriptで操作することができます。例えば、ボタンを押すことでモジュールの図（ハイパーリンク・グラフ）の一部を赤く塗ることができます。 しかし、赤く塗る作業が一瞬で終わってしまうので面白くない、とKuwataさんに言われました。jsAnim（http://jsanim.com/）とJSDeferred（http://cho45.stf
jsDeferredの実行順序とハック - En blanc et noir
jsDeferredはjavascriptの非同期処理をエレガントに書けるライブラリで、処理の順序を意識したプログラムが簡単になります。最近気に入ってます。直列実行、並列実行などいろいろな機能がありますが、僕はコールバックにdeferred機能を持たせる使い方をする事が多いです。また、使っているうちにちょっとしたハックを思いついたので、使い方を解説しつつそれについて書いてみます。 jsdeferredを使わない普通のコールバック まず、100msec後にfnを呼び出すようなlater関数をつくります。 function later(fn){ setTimeout(fn, 100); } そして、これを使って以下のような関数を作るとしましょう。 function a1(fn){ console.log("a1", "begin"); fn(); console.log("a1", "end"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Introduction pp.js