[B! Deferred] y_yukiのブックマーク

あなたが読むべきJavaScript Promises | JSer.info

はじめにこの記事は、 JavaScript/ES6 promisesについてを理解するために読んだ方がよいと思われる記事やスライド等を紹介しています。 PromisesやDeferredといった言葉を非同期処理の話などで聞いた事があるかもしれませんが、現在Promisesは次のECMAScriptの言語仕様として策定が進められています。 ECMAScript Language Specification ECMA-262 6th Edition – DRAFT domenic/promises-unwrapping まだES6は策定段階ですが、既にPromisesについてはpolyfillとして利用できるライブラリ等もあり、また他のライブラリ内でもjQuery.Deferred()やAngularの$q等類似する実装が存在します。そのため、Generators等に比べると今すぐ使える

y_yuki 2014/02/25

リンク

jQuery.Deferredの使いどころ - fujimuradaisuke's blog

便利便利と言われつつも使ってみないと良さがわからないのがDeferred Object。身近なところで言うと、$.ajaxが返す、doneとかfailとかを呼べるアレもDeferred Objectです。使いこなすと色々な処理をコールバックを渡すよりもうちょっと綺麗に書けるようになります。ということで最近プロジェクトで使ったパターンを中心に例をあげてみます。コードはすべてCoffeeScriptの擬似コードです。まず最初に便利な書き方を覚える Deferred Objectは$.Deferred()で作るわけですが、これには﹁作られたDeferred Object自体を引数にとる関数﹂を引数として渡せます。これを利用すると d = $.Deferred() doSomethingWithCallback -> d.resolve() d を $.Deferred (d) -> doS

y_yuki 2014/02/20

リンク

ボーイフレンドを直す方法　あるいは賢いjQuery.Deferredの使い方 - mizchi's blog

問題モバイルは回線が不安定なので、ロードの失敗が頻繁に起こります。開発時は高速なwifi環境で開発しているので、リリース間近になって帯域を圧迫していることに気づいたりします。解決方法画像を先読みします var preload = function(src){ var d = $.Deferred(); var img = new Image; img.src= src; img.onload = d.resolve img.onerror = d.reject return d.promise(); }; 何をやっているかというと、空のimgタグをつくってそこに画像を読み込みます。その過程でブラウザキャッシュに画像が保存されます。正確に言うとこの時点ではどこにも紐付いていないのでGC対象ですが、その後すぐDOMに画像をはるなら問題ありません。並列で先読みする(速い・不安定) va

y_yuki 2013/12/17

リンク

Angular.jsでDeferredしたくて頑張ってみたらcss animationが綺麗に書けた - Qiita

Angular.jsでDeferredしたい jQueryを使わずにAngular.jsだけで実装したいけど、うまいことDeferredできないかなぁ、と思って。 Serviceに$qっていうのがあった A promise/deferred implementation inspired by Kris Kowal's Q. こんな感じで使えるっぽい。 myDeferredA = (state) -> deferred = $q.defer() successMsg = 'Success!' err orMsg = 'Error!' setTimeout( -> $scope.$apply -> if state == 0 deferred.resolve successMsg else deferred.reject err orMsg , 3000) deferred.promise p

y_yuki 2013/07/19

リンク

結局jQuery.Deferredの何が嬉しいのか分からない、という人向けの小話 - Qiita

結局jQuery.Deferredの何が嬉しいのか分からない、という人向けの小話一年ほど前に JavaScript - jQuery.Deferredを使って楽しい非同期生活を送る方法 - Qiita [キータ] という記事を書きました。で、一年経って、ふと、﹁もっと分かりやすくjQuery.Deferredの便利さを説明できるんじゃないか﹂と思い立ってざざざっと書いてみました。小話と言うにはちょっと長いけど。 -- jQuery.Deferredを使うと嬉しいのは、jQuery.Deferredの仕様を満たす部品同士を簡単に組み合わせることが可能だからです。中には処理を書き下すことができるとかコールバックのネストを防げるのがいいとか言う人もいますが、個人的にこっちのほうがよっぽど重要だと感じます。例えるならレゴブロックです。レゴブロックはあの凸と凹を持ってるブロックを自由に組み合

y_yuki 2013/07/16

リンク

jQuery.Deferredを使って非同期ループ！ - Qiita

if(jQuery) !function($){ 'use strict'; if( typeof $.asyncEach === 'undefined' ){ // setTimeoutとDeferredを使い非同期にする関数 var async = function($callback){ var $dfd = $.Deferred(); setTimeout(function(){ $callback($dfd); },0); return $dfd.promise(); }; // $.asyncEachメソッド本体 $.asyncEach = function($array,$callback,$thisArg){ if( typeof $thisArg === 'undefined' ) $thisArg = $array; //$arrayが大量だった時に$whenを作るのに

y_yuki 2013/06/07

リンク

jQueryのDeffered/Promiseを会得した(いまごろ) - ただのにっき(2013-04-17)

■ jQueryのDeffered/Promiseを会得した(いまごろ) なんか最近、やたらと非同期処理の文脈で﹁promise﹂というキーワードを見ることが増えて、なんか流行ってんのかなーくらいにしか思ってなかったんだけど、実はjQuery.ajaxを使っているときに恩恵を受けていたことを(いくつか実装してみて)ようやく理解したのであった。Deffered/Promiseが実装されたのは、もう2.0もなろうというjQueryが1.5のころの話である。鈍すぎる……。というのも、あんまり理解せずにコピペしていたからなんだよな。かつてはこんな感じに書いていたjQuery.ajaxの呼び出しが: jQuery.ajax({ type: 'POST', url: '/', ..., success: function(){...}, error: function(){...} }); 何かのソ

y_yuki 2013/04/18

リンク

非同期プログラミングを驚きのシンプルさに (するかもしれない) Flow.js を公開しました。 - latest log

(ε・◇・)з o O ( (ミ・◇・ミ) o O ( あたし。ずっと思ってた… (ミ・◇・ミ) o O ( あたしの脳みそだと Deferred/Promises は、ちょっと難しすぎるって… (ミ・◇・ミ) o O ( jQuery.Deferred解説記事をいくつかみたけど、すごく… モジモジしてて、ちょっと縦長すぎるんですもの… (ミ・◇・ミ) o O ( だから作っちゃった… ).done(); 非同期処理をシンプルに書ける、とても小さなライブラリをリリースしました。 Deferred/Promises は既存の構造や, そもそもの考え方を大きく改変する必要がありますが、 flow.js はあまり大きな違和感もなく、現在の流れを維持したまま導入できると思います。使い方はこちらをごらんください http://www.slideshare.net/uupaa/flowjs リポジ

y_yuki 2013/03/13

リンク

爆速でわかるjQuery.Deferred超入門

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech BlogYahoo!デベロッパーネットワークの中野(@Hiraku)です。これまで、JavaScriptで非同期処理を書く上での問題として、コールバック地獄やエラー処理に例外が使えないことなどを解説してきました。これらの問題に対処するライブラリの1つであるjQuery.Deferredに関して、もう少し丁寧に解説いたします。なお、jQueryのバージョンは記事執筆時点の最新である、1.9.1を想定しています。 jQuery.Deferredとは jQuery.DeferredとはjQueryのバージョン1.5から導入された、非同期処理をうまく扱うための標準モジュールです。使いこなすことで、以下のような効果が見込めます。非同期処理を連結

y_yuki 2013/03/06

リンク

はてなブックマーク

タグ

関連タグで絞り込む (12)

Deferredに関するy_yukiのブックマーク (9)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス