New JavaScript techniques for rapid page loads
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
「１ã‹ã‚‰100ã¾ã§å‡ºåŠ›ã™ã‚‹ã€ã®JavaScriptã®Promise使ã£ãŸä¾‹ - mizchi's blog
追記：冷é™ã«ãªã‚‹ã¨ã“ã®è¨˜äº‹ãªã‚“ã‹å¤‰ãªã®ã§ã€ã‚ã¨ã§ä¿®æ£ã—ã¾ã™ã€‚å‚ç…§ã—ãªã„よã†ã«ã€‚ forã‚„ã‚ã‚ -- LL Diver 2014 LTæž forを使ã‚ãªã„ループã€ç°¡å˜ãªä¾‹ã¯ã¿ã‚“ãªæ€ã„ã¤ãã‹ã‚‰ã„ã„ã¨ã—ã¦ã€ä¸€ç•ªã‚„ã‚„ã“ã—ã„ã‚„ã¤è€ƒãˆã¦ãŸã‚“ã ã‘ã©ã€ã‚„ã£ã±ã‚Šç„¡é§„ã«Promise酷使ã™ã‚‹ä¾‹ã ã¨æ€ã£ãŸã€‚ 追記：ã“ã®ä¾‹ã¯ã¡ã‚‡ã£ã¨ãƒŸã‚¹ã£ã¦ãŸã€‚æ£ã—ã„コードを末尾ã«è¼‰ã›ã‚‹ CoffeeScript # Serialized Sync Promise [1..100] .map (i) -> new Promise (d) -> console.log i; d() .reduce ((l, p) -> l.then p), Promise.resolve() JavaScript (function() { _results = []; for (_i = 1; _i <= 100; _i++){ _results
StrongLoop - Comparing Node.js Promises, Try/Catch, Angular Zone.js and yes, Zone
Comparing Node.js Promises, Try/Catch, Angular Zone.js and yes, Zone by Alex Gorbatchev Apr 15, 2014 / Community, How-To Handling errors in asynchronous flow In a previous article we talked about managing async flow and escaping the callback hell. The problem Handling errors in synchronous flow is pretty straightforward and easy. Handling errors in asynchronous flow in a clean and easy to follow m
Promiseアンãƒãƒ‘ターン - ãã˜ã‚‰å…¬åœ’
Promise Anti-patternsを翻訳ã•ã›ã¦é ‚ãã¾ã—ãŸã€‚著者ã®taoofcodeã‹ã‚‰è¨±å¯ã‚’é ‚ã„ã¦ç¿»è¨³ã€æŠ•ç¨¿ã—ã¦ã„ã¾ã™ã€‚ Promiseã¯ä¸€åº¦ç†è§£ã—ã¦ã—ã¾ãˆã°ç°¡å˜ã ãŒã€ã„ãã¤ã‹é を抱ãˆã•ã›ã‚‹ãƒ‘ターンãŒã‚る。ã“ã“ã«ã‚ã‚‹ã®ã¯ç§ãŒçµŒé¨“ã—ãŸã„ãã¤ã‹ã®ã‚¢ãƒ³ãƒãƒ‘ターンã 。 ãƒã‚¹ãƒˆã•ã‚ŒãŸPromise å›ã¯è¤‡æ•°ã®Promiseã‚’ãƒã‚¹ãƒˆã™ã‚‹: loadSomething().then(function(something) { loadAnotherthing().then(function(another) { DoSomethingOnThem(something, another); }); }); å›ãŒã“れをã™ã‚‹ç†ç”±ã¯ã€ä¸¡æ–¹ã®Promiseã®çµæžœã§ä½•ã‹ã‚’ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã‹ã‚‰ã 。then()ã¯ä¸€ã¤å‰ã®Promiseã®çµæžœã—ã‹ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã«æ¸¡ã›ãªã„ã®ã§ã“ã“ã§ãƒã‚§ã‚¤ãƒ³ã‚’用ã„ã‚‹ã“ã¨ã¯ã§ããªã„。 ã ãŒ
ã‚ãªãŸãŒèªã‚€ã¹ã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ç‰ã«æ¯”ã¹ã‚‹ã¨ä»Šã™ã使ãˆã‚‹
Promises - CommonJS Spec Wiki
Promises provide a well-defined interface for interacting with an object that represents the result of an action that is performed asynchronously, and may or may not be finished at any given point in time. By utilizing a standard interface, different components can return promises for asynchronous actions and consumers can utilize the promises in a predictable manner. Promises can also provide the
ボーイフレンドを直ã™æ–¹æ³•ã€€ã‚ã‚‹ã„ã¯è³¢ã„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
コールãƒãƒƒã‚¯â€¦â€¦é§†é€ã—ã¦ã‚„る…ã“ã®ä¸–ã‹ã‚‰â€¦ä¸€åŒ¹â€¦æ®‹ã‚‰ãš!! - Qiita
ã“ã®ãƒ†ã‚スト㯠JavaScript ã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ã«ç–²ã‚ŒãŸã²ã¨ã®ãŸã‚ã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é§†é€è¡“指å—書ã§ã™ã€‚対象èªè€…㯠JavaScripté“åˆæ®µãらã„ã®äººã§ã™ã€‚ã“ã®ãƒ†ã‚ストをèªã‚€ã¨ã€ä»¥ä¸‹ã®ãã‚Œãžã‚Œã®æ‰‹æ®µã«ãŠã‘ã‚‹éžåŒæœŸå‡¦ç†åˆ¶å¾¡ã®ä»•çµ„ã¿ã€åˆ©ç‚¹ãŠã‚ˆã³æ¬ 点ãŒã‚ã‹ã‚‹ã‚ˆã†ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 コールãƒãƒƒã‚¯åœ°ç„ jQuery.Deferred async.js Concurrent.Thread generators co fibers Web Workers (※ãªãœã‹ã€Žé€²æ’ƒã®å·¨äººã€ã®ä¸€éƒ¨ãƒã‚¿ãƒãƒ¬ãŒå«ã¾ã‚Œã‚‹ã®ã§æ³¨æ„ã—ã¦ãã ã•ã„) ãã‚Œã¯ã€Žä½•æ•…人ã¯ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã™ã‚‹ã®ã‹ã€ã¨ã„ã†è©±ã§ã—ょã†ã‹ï¼Ÿ éžåŒæœŸå‡¦ç†ã£ã¦é¢å€’ã§ã™ã‚ˆã。JavaScriptã§ã¯ã„ã‚ゆる コールãƒãƒƒã‚¯åœ°ç„ ã¨ã„ã†ã‚„ã¤ã«ã—ã°ã—ã°é™¥ã‚ŠãŒã¡ã§ã™ã€‚ãŸã¨ãˆã°ã€Ajax ã§ãµãŸã¤ã®ãƒ•ã‚¡ã‚¤ãƒ« hoge.txt 㨠piyo.txt ã‚’æŒã£ã¦ãã¦ã€ãれら
çµå±€jQuery.Deferredã®ä½•ãŒå¬‰ã—ã„ã®ã‹åˆ†ã‹ã‚‰ãªã„ã€ã¨ã„ã†äººå‘ã‘ã®å°è©± - Qiita
çµå±€jQuery.Deferredã®ä½•ãŒå¬‰ã—ã„ã®ã‹åˆ†ã‹ã‚‰ãªã„ã€ã¨ã„ã†äººå‘ã‘ã®å°è©± 一年ã»ã©å‰ã« JavaScript - jQuery.Deferredを使ã£ã¦æ¥½ã—ã„éžåŒæœŸç”Ÿæ´»ã‚’é€ã‚‹æ–¹æ³• - Qiita [ã‚ータ] ã¨ã„ã†è¨˜äº‹ã‚’書ãã¾ã—ãŸã€‚ ã§ã€ä¸€å¹´çµŒã£ã¦ã€ãµã¨ã€ã€Œã‚‚ã£ã¨åˆ†ã‹ã‚Šã‚„ã™ãjQuery.Deferredã®ä¾¿åˆ©ã•ã‚’説明ã§ãã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã€ã¨æ€ã„ç«‹ã£ã¦ã–ã–ã–ã£ã¨æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ å°è©±ã¨è¨€ã†ã«ã¯ã¡ã‚‡ã£ã¨é•·ã„ã‘ã©ã€‚ -- jQuery.Deferredを使ã†ã¨å¬‰ã—ã„ã®ã¯ã€jQuery.Deferredã®ä»•æ§˜ã‚’満ãŸã™éƒ¨å“åŒå£«ã‚’ç°¡å˜ã«çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ãŒå¯èƒ½ã ã‹ã‚‰ã§ã™ã€‚ä¸ã«ã¯å‡¦ç†ã‚’書ã下ã™ã“ã¨ãŒã§ãã‚‹ã¨ã‹ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã®ãƒã‚¹ãƒˆã‚’防ã’ã‚‹ã®ãŒã„ã„ã¨ã‹è¨€ã†äººã‚‚ã„ã¾ã™ãŒã€å€‹äººçš„ã«ã“ã£ã¡ã®ã»ã†ãŒã‚ˆã£ã½ã©é‡è¦ã ã¨æ„Ÿã˜ã¾ã™ã€‚ 例ãˆã‚‹ãªã‚‰ãƒ¬ã‚´ãƒ–ãƒãƒƒã‚¯ã§ã™ã€‚レゴブãƒãƒƒã‚¯ã¯ã‚ã®å‡¸ã¨å‡¹ã‚’æŒã£ã¦ã‚‹ãƒ–ãƒãƒƒã‚¯ã‚’自由ã«çµ„ã¿åˆ
Node.js 0.12 ã§ã¯ yield ãŒä½¿ãˆã‚‹ã®ã§ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ã«ã‚µãƒ¨ãƒŠãƒ©ã§ãる話
Node.js ã®æ¬¡ã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 0.12 㧠yield ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ãã®ãŠã‹ã’ã§ã€JavaScript ã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ã«å…‰ãŒå·®ã—込むã®ã§ã™ã€‚ã‚ã‚ã€ã•ã‚ˆã†ãªã‚‰ã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„。 7 å¹´ã”ã—ã§å®Ÿç¾ã—㟠yield 2006 å¹´ã€Firefox 2 ã®ãƒªãƒªãƒ¼ã‚¹ã¨åŒæ™‚ã« yield 㯠JavaScript ç•Œã«ç™»å ´ã—ã¾ã—ãŸã€‚éšåˆ†ã¨å‰ã®è©±ã§ã™ã。 ç™»å ´ã—ãŸå½“時㯠JavaScript 界隈ã§ã‘ã£ã“ã†è©±é¡Œã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ JavaScript 1.7 ã® yield ãŒå‡„ã™ãŽã‚‹ä»¶ã«ã¤ã„㦠- IT戦記 Latest topics > JavaScript 1.7ã®yieldæ–‡ã£ã¦ãªã‚“ã˜ã‚ƒã‚‰ã» - outsider reflex JavaScript 1.7 ã®æ–°æ©Ÿèƒ½: Days on the Moon ç™»å ´ã—ãŸã¨ãã«ã¯ã‚¤ãƒ³ãƒ‘クト大ãã‹ã£ãŸã‚‚ã®ã®ã€çµå±€ Firefox
jQueryã®Deferredを用ã„ãŸãƒ¢ãƒ€ãƒ³ãªAjax処ç†ã®æ›¸ãæ–¹
目次 jQuery 1.4以å‰ã®æ›¸ãæ–¹jQuery 1.5以上ã®æ›¸ãæ–¹jQuery 1.8以上ã®æ›¸ãæ–¹ã€ç™ºå±•ç·¨1】Deferredを用ã„ãŸæ›¸ãæ–¹ deferredã¨ã¯ä½•ã‹ï¼Ÿã€ç™ºå±•ç·¨2】$.when() を用ã„ãŸæ›¸ãæ–¹å‚考本エントリã¯è»½ã‚ã®jQuery Advent Calendar 2012ã®14日目ã®è¨˜äº‹ã¨ã—ã¦æ›¸ãã¾ã™ã€‚軽ã‚ã¨ã„ã„ãªãŒã‚‰å°‘ã—é‡ã‚ã«ãªã£ã¦ã—ã¾ã£ãŸæ„ŸãŒã‚ã‚Šã¾ã™ãŒã€åˆã‚ã¦ã®Advent Calendarå‚åŠ ã¨ã„ã†ã“ã¨ã§ã”勘å¼ã‚’。 ※ Twitter API仕様変更ã«ã‚ˆã‚ŠTwitter APIを使ã£ãŸã‚³ãƒ¼ãƒ‰ä¾‹ã¯ç¾åœ¨å‹•ä½œã—ãªããªã£ã¦ã„ã‚‹ã“ã¨ã«ã”注æ„。 jQuery 1.4以å‰ã®æ›¸ãæ–¹ã¾ãšã¯ã€å°‘ã—å¤ã‚ã®ã‚³ãƒ¼ãƒ‰ã€æ˜”ã®jQueryã®æœ¬ã¨ã‹ã§ã‚ˆã見る書ã方。 $.ajax({ url: "ajax.html", success: function(data) { alert('succes
Introduction pp.js
PP.js Pseudo - Parallel Passing- Procedure Pretty - Promise VoQn http://voqn.github.com/pp.js Who? • VoQn ::ウェッブケー UI デザイナー • UI / UX ã®ç ”ç©¶è· @Dwango • meso ã®ä¸‹ã§ã€ŒãŠã„仕事ã—ã‚クズã€ã£ã¦ 言ã‚ã‚ŒãªãŒã‚‰ä»•äº‹ã‚µãƒœã£ã¦ã‚‹ • Scheme > Haskell > Ruby ã®é †ã§å¥½ã • Javascript ã¯ã€Œå¥½ãã ã‘ã©å«Œã„ã§ã™ã€ • 自己紹介ã•ã›ã‚‹ã‚ˆã‚Š Google ã«èžã„㟠方ãŒæ—©ã„ç³»ã®äººã§ã™
Asynch JS - The power of $.Deferred  | Articles  | web.dev
One of the most important aspects about building smooth and responsive HTML5 applications is the synchronization between all the different parts of the application such as data fetching, processing, animations, and user interface elements. The main difference with a desktop or a native environment is that browsers do not give access to the threading model and provide a single thread for everything
JSDeferred cho45.stfuawsc.com
Overview JSDeferred is standalone and compact asynchronous library. Asynchronous codes are very confusing because it is a storm of callbacks. JSDeferred improve the readability of asynchronous codes by providing one object and some functions. next(function () { alert('Hello,'); return wait(3); }). next(function (r) { alert('World!'); }); "Standalone and Compact" means JSDeferred is very portable s
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 ã¯ã€æ¦‚念や用語ãŒå°‘々分ã‹ã‚Šã«ãã„ã¨ã“ã‚ãŒã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã®ã§ã€èªã‚“ã§ãã ã•ã£ãŸæ–¹ã®ã€å°‘ã—ã§ã‚‚ç†è§£ã®åŠ©ã‘ã«ãªã‚Œã°å¹¸ã„ã§ã™
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Promise - Mozilla | MDN
Client Challenge
GitHub - creationix/step: An async control-flow library that makes stepping through logic easy.
{{#tags}}- {{label}}
{{/tags}}