[B! deferred] taro-maruã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

taro-maru id:taro-maru

deferredã«é–¢ã™ã‚‹taro-maruã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

jQueryã®Deferredã¨Promise - tkawachi Blog
JavaScript(ã¨ã„ã†ã‹ CoffeeScript)ã£ã¦90å¹´ä»£ã«ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ä½¿ã‚ã‚Œã¦ã„ãŸé ƒã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒæ‹ãˆãšã€ã©ã†ã‚‚æ°—æŒã¡æ‚ªãã¦é€ƒã’ã¦å›žã£ã¦ãŸã‚“ã§ã™ãŒã€äº‹æƒ…ãŒã‚ã£ã¦æœ€è¿‘ã¯æ¸‹ã€…æ›¸ã„ã¦ã¾ã™ã€‚ JavaScripterã®çš†æ§˜ã«ã¨ã£ã¦ã¯ä½•ã‚’ä»Šæ›´ã ã¨ã¯æ€ã„ã¾ã™ãŒ jQuery.Deferredã‚’ä½¿ã£ã¦æ¥½ã—ã„éžåŒæœŸç”Ÿæ´»ã‚’é€ã‚‹æ–¹æ³• ã‚’èªã‚“ã§ Deferred ä¾¿åˆ©ã ãªã€ã¨æ€ã£ãŸã®ã§ç†è§£ã—ãŸã¨ã“ã‚ã‚’ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ åˆ©ç”¨ã‚·ãƒ¼ãƒ³ $.get() ã£ã¦ã‚¨ãƒ©ãƒ¼ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã§ããªã„ã®ã‹ã€‚ä½¿ãˆãªã„ãªãƒ¼ã€‚ã¨æ€ã£ãŸã¨ã è¤‡æ•°ã® AJAX ãƒªã‚¯ã‚¨ã‚¹ãƒˆ(ãªã©ã®éžåŒæœŸå‡¦ç†)ã‚’åŒæ™‚ã«é–‹å§‹ã—ã¦ã€å…¨éƒ¨çµ‚ã‚ã£ãŸã‚‰ä½•ã‹ã—ãŸã„ã¨ãã€‚ Deferred object ã‚ãƒ¼ã«ãªã‚‹ã®ã¯ Deferred object ã§ã™ã€‚ çŠ¶æ…‹ Deferred object ã¯çŠ¶æ…‹ã‚’æŒã¡ã¾ã™ã€‚çŠ¶æ…‹ã¯ï¼“ã¤ã®ã†ã¡ã„ãšã‚Œã‹ã€‚ æœªè§£æ±º(unresolv
taro-maru 2013/04/16
deferred

jQuery

Javascript
ãƒªãƒ³ã‚¯
çˆ†é€Ÿã§ã‚ã‹ã‚‹jQuery.Deferredè¶…å…¥é–€
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10æœˆ1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEãƒ¤ãƒ•ãƒ¼ Tech Blog Yahoo!ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã®ä¸é‡Ž(@Hiraku)ã§ã™ã€‚ã“ã‚Œã¾ã§ã€JavaScriptã§éžåŒæœŸå‡¦ç†ã‚’æ›¸ãä¸Šã§ã®å•é¡Œã¨ã—ã¦ã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ã‚„ã‚¨ãƒ©ãƒ¼å‡¦ç†ã«ä¾‹å¤–ãŒä½¿ãˆãªã„ã“ã¨ãªã©ã‚’è§£èª¬ã—ã¦ãã¾ã—ãŸã€‚ ã“ã‚Œã‚‰ã®å•é¡Œã«å¯¾å‡¦ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®1ã¤ã§ã‚ã‚‹jQuery.Deferredã«é–¢ã—ã¦ã€ã‚‚ã†å°‘ã—ä¸å¯§ã«è§£èª¬ã„ãŸã—ã¾ã™ã€‚ãªãŠã€jQueryã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯è¨˜äº‹åŸ·ç†æ™‚ç‚¹ã®æœ€æ–°ã§ã‚ã‚‹ã€1.9.1ã‚’æƒ³å®šã—ã¦ã„ã¾ã™ã€‚ jQuery.Deferredã¨ã¯ jQuery.Deferredã¨ã¯jQueryã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.5ã‹ã‚‰å°Žå…¥ã•ã‚ŒãŸã€éžåŒæœŸå‡¦ç†ã‚’ã†ã¾ãæ‰±ã†ãŸã‚ã®æ¨™æº–ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã§ã™ã€‚ä½¿ã„ã“ãªã™ã“ã¨ã§ã€ä»¥ä¸‹ã®ã‚ˆã†ãªåŠ¹æžœãŒè¦‹è¾¼ã‚ã¾ã™ã€‚ éžåŒæœŸå‡¦ç†ã‚’é€£çµ
taro-maru 2013/03/05
jQuery

deferred
ãƒªãƒ³ã‚¯
Deferred/Promisesã¨éžåŒæœŸå‡¦ç† - ç´ äººãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å‹‰å¼·ã—ã¦ã„ãŸãƒ–ãƒã‚°
æ¦‚å¿µ/ä»•çµ„ã¿ Deferred/Promisesã¯éžåŒæœŸå‡¦ç†ã‚’ç°¡å˜ã«ã™ã‚‹ãŸã‚ã®å–ã‚Šæ±ºã‚ã€‚ callback hellã¨å‘¼ã°ã‚Œã¦ã„ã‚‹ã‚ˆã†ãªã€éžåŒæœŸå‡¦ç†ã«ã‚ˆã‚‹ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã®ãƒã‚¹ãƒˆã‚’è»½æ¸›ã™ã‚‹ã“ã¨ãŒã§ãã¦éžå¸¸ã«ä¾¿åˆ©ã€‚ æ…£ã‚Œã‚Œã°ä¾¿åˆ©ã ãŒã€ä¸€è¦‹ã©ã†ä½¿ãˆã°ã„ã„ã®ã‹åˆ†ã‹ã‚Šã¥ã‚‰ã„ã®ã§ã€å°‘ã—è§£èª¬ã‚’æ›¸ãã€‚ ã“ã“ã§ã¯Promises/Aã¨ã„ã†ä»•æ§˜ã‚’å®Ÿè£…ã—ãŸQã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ãŒã€jQuery.Deferredãªã©ã‚‚ã»ã¼åŒã˜ã§ã‚ã‚‹ã€‚ ã¾ãšã€Deferred/Promisesã¯ã€é–¢æ•°ã®returnã€try/catchã®éžåŒæœŸç‰ˆã§ã‚ã‚‹ã€‚ www.example.comã®å†…å®¹ã‚’å–å¾—ã—ã€æ£ã—ãå–å¾—ã§ããŸã‚‰ä¸èº«ã‚’è¡¨ç¤ºã—ã€å–å¾—ã§ããªã‘ã‚Œã°ã‚¨ãƒ©ãƒ¼ã‚’è¡¨ç¤ºã™ã‚‹ã€ã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒ ã¯ åŒæœŸçš„ãªã‚³ãƒ¼ãƒ‰ã§ã¯ã€ function get() { var req = new XMLHttpRequest(); req.open('GET',
taro-maru 2013/01/02
jQuery

javascript

deferred
ãƒªãƒ³ã‚¯
jQueryã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³çµ‚äº†æ™‚ã®callback - Webtech Walker
jQueryã§fadeOutã¨ã‹ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦çµ‚ã‚ã£ãŸã‚‰ãªã‚“ã‹ã™ã‚‹ã¨ã„ã£ãŸã¨ãã«callbacké–¢æ•°ã‚’å¼•æ•°ã«æŒ‡å®šã™ã‚‹ã®ã¨Deferredä½¿ã†æ–¹æ³•ãŒã‚ã‚‹ã‚“ã ã‘ã©ã“ã®äºŒã¤ã¯æŒ™å‹•ãŒé•ã†ã€‚ ã“ã†ã„ã†HTMLãŒã‚ã£ãŸã¨ã—ã¦ <div>foo</div> <div>bar</div> <div>baz</div> ã¾ãšä»¥ä¸‹ã®ã‚ˆã†ãªcallbacké–¢æ•°ã®å ´åˆã¯ãã‚Œãžã‚Œã®fadeOutãŒçµ‚ã‚ã‚‹ã”ã¨ã«å‘¼ã°ã‚Œã‚‹ã€‚ $('div').fadeOut(function() { console.log('fin'); }); ã¤ã¾ã‚Š'fin'ãŒ3å›žå‡ºåŠ›ã•ã‚Œã‚‹ã€‚ ä¸€æ–¹Deferredã‚’ä½¿ã£ãŸå ´åˆã¯ã“ã‚“ãªæ„Ÿã˜ã€‚ $('div').fadeOut.promise().done(function() { console.log('fin'); }); .promise()ãŒDeferredã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’è¿”ã™ã®ã§.do
taro-maru 2012/09/23
jQuery

deferred
ãƒªãƒ³ã‚¯
jQuery.Deferredã‚’ä½¿ã£ã¦æ¥½ã—ã„éžåŒæœŸç”Ÿæ´»ã‚’é€ã‚‹æ–¹æ³• - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
taro-maru 2012/09/13
jQuery

deferred
ãƒªãƒ³ã‚¯
ijbk-Blog Â» jQuery: Deferred ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ
Deferred ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’åˆ©ç”¨ã™ã‚‹ã¨éžåŒæœŸå‡¦ç†ã®ä¸¦åˆ—ãƒ»ç›´åˆ—å‡¦ç†ãŒå‡ºæ¥ã‚‹ã€‚ ç›´åˆ—å‡¦ç† è¤‡æ•°ã®éžåŒæœŸå‡¦ç†ã‚’å®Ÿè¡Œã™ã‚‹ã¨ã¦ã‚“ã§ã‚“ã°ã‚‰ã°ã‚‰ã«å®Ÿè¡Œã•ã‚Œã‚‹ã€‚ ä¾‹ãˆã°ã€a() ã‚’3ç§’ã§å®Œäº†ã™ã‚‹éžåŒæœŸå‡¦ç†ã€b() ã‚’2ç§’ã§å®Œäº†ã™ã‚‹éžåŒæœŸå‡¦ç†ã€ãã‚Œãžã‚ŒæˆåŠŸãƒ»å¤±æ•—ã®2é€šã‚Šã®çµæžœã‚’è¿”ã™ã¨ã™ã‚‹ï¼ˆä¾‹ãˆã° Ajax é€šä¿¡ã®æˆåŠŸã¨å¤±æ•—ï¼‰ã€‚ã“ã®ã¨ãã€ a(); b(); ã‚’å®Ÿè¡Œã™ã‚‹ã¨ã€å®Ÿè¡Œå¾Œã€2ç§’å¾Œã«ã¾ãš b() ãŒå®Œäº†ã—ã€ãã®1ç§’å¾Œã« a() ãŒå®Œäº†ã™ã‚‹ï¼ˆå³å›³ï¼‰ã€‚ Deferred ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¯3ã¤ã®çŠ¶æ…‹ï¼š unresolved (åˆæœŸçŠ¶æ…‹) resolved (æˆåŠŸ) rejected (å¤±æ•—) ã‚’ã¨ã‚‹ã€‚Ajax é–¢æ•°ã®è¿”ã‚Šå€¤ã¯ Deferred ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã§ã‚ã‚Šã€é€šä¿¡ã«æˆåŠŸã™ã‚‹ã¨ resolvedã€å¤±æ•—ã™ã‚‹ã¨ rejected ã¨ãªã‚‹ã€‚ ã“ã®çŠ¶æ…‹ã‚’é·ç§»ã•ã›ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã‚’åˆ©ç”¨ã™ã‚‹ã¨ã€a() ãŒå®Œäº†ã—ãŸå¾Œã« b(
taro-maru 2012/08/02
jQuery

deferred
ãƒªãƒ³ã‚¯
Script Junkie
Creating Responsive Applications Using jQuery Deferred and Promises Julian Aubourg, Addy Osmani | March 24, 2011 Today weâ€™re going to explore the concept of deferreds - an important feature found in JavaScript toolkits such as dojo and MochiKit, which recently also made its debut to popular JavaScript library jQuery. Deferreds offer a solution for abstracting non-blocking elements (such as the res
taro-maru 2012/08/01
jQuery

deferred

javascript
ãƒªãƒ³ã‚¯
jQuery Deferredã®pipeã«ãŠã‘ã‚‹è¿”ã‚Šå€¤ã®æ‰±ã„
pipeã¯è¿”ã™å€¤ã§ç¹‹ãå‡¦ç†ã®ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ãƒ¼ãŒå¤‰ã‚ã‚‹ã®ã ã‘ã©ã€ãŸã¾ã«ã—ã‹ä½¿ã‚ãªã„ã®ã§æ¯Žå›žå‹•ä½œã‚’å¿˜ã‚Œã¦ã‚½ãƒ¼ã‚¹ã‚’è¦‹ã¦ã„ã‚‹ã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.7.2ã§ã®å‹•ãã€‚ deferred.pipe(function(data) { ... return ?; }); ä»¥é™ã®å‡¦ç†ã§å¼•æ•°ãŒä¸è¦ãªã‚‰ä½•ã‚‚è¿”ã•ãªãã¦ã„ã„ã€‚å¼•æ•°ãŒ1ã¤ã®å ´åˆã¯ return foo; ã®ã‚ˆã†ã«ãã®ã¾ã¾è¿”ã›ã°ã„ã„ã€‚è¤‡æ•°ã®å¼•æ•°ã‚’é€ã‚‹å ´åˆã¯Deferredã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’è¿”ã•ãªã„ã¨ã„ã‘ãªã„ï¼ˆå¼•æ•°ãŒ1ã¤ã®å ´åˆã¯åŒã˜å‡¦ç†ã‚’è£ã§ã‚„ã£ã¦ãã‚Œã¦ã„ã‚‹ï¼‰ã€‚ return $.Deferred().resolve(foo, bar); // ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆã©ã†ã§ã‚‚ã„ã„ return $.Deferred().resolveWith(this, [foo, bar]); // ã©ã†ã§ã‚‚ã‚ˆããªã„ ä½•ã‚‚ã›ãšã«ãã®ã¾ã¾å€¤ã‚’å¼•ãç¶™ãå ´åˆã¯ï¼ˆå¼•ãç¶™ãŽãŸã„ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ãƒ¼ã§resolv
taro-maru 2012/08/01
deferred

jquery
ãƒªãƒ³ã‚¯
jQueryã®Deferredã¨Promiseã§å¿œç”æ€§ã®è‰¯ã„ã‚¢ãƒ—ãƒªã‚’ãƒ¼å®Ÿè·µç·¨ | ã‚†ã£ãã‚Šã¨â€¦
å‰å›ž ã¯ã€ã€ŒCreating Responsive Applications Using jQuery Deferred and Promisesã€ ã®è¨˜äº‹ã¨ jQuery ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ç¿»è¨³ã—ã€Deferred ã®è§£èª¬ã‚’ãŠå±Šã‘ã—ã¾ã—ãŸã€‚ãŒã€ä»Šä¸€æ©ã€Deferred ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã® ã†ã‚Œã—ã• ã‚’ãŠä¼ãˆã§ãã¦ã„ãªã‹ã£ãŸã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ä»Šå›žã¯ãã®åçœã‚’ãµã¾ãˆã€å˜ãªã‚‹ç¿»è¨³ã§ã¯ãªãã€å…ƒè¨˜äº‹ã®æ–‡è„ˆã«æ²¿ã£ã¦ã€Deferred ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ã©ã®ã‚ˆã†ã«ä½¿ã†ã¨ï¼ä½•ãŒã†ã‚Œã—ãã¦ï¼ã©ã†ã—ã‚ã‚ã›ã«ãªã‚‹ã®ã‹ã€ç§ãŒå¦ç¿’ã—ã¦å¾—ãŸäº‹ã‚’ãŠä¼ãˆã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€4æœ¬ã® jsfiddle ã‚’è¨˜äº‹ã«åŸ‹ã‚è¾¼ã‚“ã§ã„ã¾ã™ã€‚jsfiddle ä¸Šã§è‡ªç”±ã«ç·¨é›†ã—ã¦ãƒ†ã‚¹ãƒˆã—ã¦ã‚‚ã‚‰ãˆã°ã†ã‚Œã—ã„ã®ã§ã™ãŒã€4æœ¬ã™ã¹ã¦å®Ÿè¡Œã™ã‚‹ã¨1.4MBã‚‚ã®ãƒªã‚½ãƒ¼ã‚¹ã‚’èªã¿è¾¼ã‚€äº‹ã«ãªã‚Šã€ãƒ–ãƒ©ã‚¦ã‚¶ã«å„ªã—ãã‚ã‚Šã¾ã›ã‚“ã€‚ã™ãã« ã‚¿ãƒ–ã‚„ ã‚’ã‚¯ãƒªãƒƒã‚¯ã›ãšã«ã€ ã‚¿ãƒ–
taro-maru 2012/08/01
jQuery

deferred
ãƒªãƒ³ã‚¯
jQueryã®Deferredã¨Promiseã§å¿œç”æ€§ã®è‰¯ã„ã‚¢ãƒ—ãƒªã‚’ãƒ¼åŸºæœ¬ç·¨ | ã‚†ã£ãã‚Šã¨â€¦
jQuery 1.6 ãŒæ—¢ã«ãƒªãƒªãƒ¼ã‚¹ ã•ã‚Œã¦ã„ã¾ã™ãŒã€1.5 ã§è¿½åŠ ã•ã‚ŒãŸ Deferred ã‚’å‹‰å¼·ã™ã‚‹æ„å‘³ã§ã€Script Junkie ã‹ã‚‰ Creating Responsive Applications Using jQuery Deferred and Promises ã‚’ç¿»è¨³ã—ã¦ã¿ã¾ã—ãŸã®ã§ã€å…±æœ‰ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚è‘—è€…ã® Julian Aubourg ã¯ã€jQuery ã®ã‚³ã‚¢ãƒãƒ¼ãƒ ãƒ»ãƒ¡ãƒ³ãƒãƒ¼ã¨ã—ã¦ã€Ajax ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®æ›¸ãæ›ãˆã¨ Deferred å°Žå…¥ã‚’æŒ‡æ®ã—ãŸæ–¹ã ãã†ã§ã™ã€‚ è¨˜äº‹ã®é€”ä¸ã€å„ãƒ¡ã‚½ãƒƒãƒ‰ã®èª¬æ˜Žéƒ¨åˆ†ã¯ã€jQuery ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®ç¿»è¨³ã«å·®ã—æ›¿ãˆã¦ã„ã¾ã™ã®ã§ã€ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¨ã—ã¦ä½¿ã£ã¦ã‚‚ã‚‰ã†ã®ã‚‚è‰¯ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ Deferred ã‚„ Promise ã¯ã€æ¦‚å¿µã‚„ç”¨èªžãŒå°‘ã€…åˆ†ã‹ã‚Šã«ãã„ã¨ã“ã‚ãŒã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã®ã§ã€èªã‚“ã§ãã ã•ã£ãŸæ–¹ã®ã€å°‘ã—ã§ã‚‚ç†è§£ã®åŠ©ã‘ã«ãªã‚Œã°å¹¸ã„ã§ã™
taro-maru 2012/07/26
jQuery

deferred
ãƒªãƒ³ã‚¯
1