Kill Pollingͨ͠࿩ 2017 7.21 Վ෣ب࠲.tech#13 ʮϑϩϯτΤϯυΞʔΩςΫνϟษڧձʯLT @su9wo 

• su9wo / su9wo_ •CyberAgent, Inc. •ϑϩϯτΤϯδχΞ •FRESH! hKps:/ /freshlive.tv 

•WebPush • hKps:/ /twiKer.com/FRESH_STAFF/status/887960571487764481 •Service Workerͷಋೖ • hKps:/ /developers.cyberagent.co.jp/blog/archives/6057/ •ΞΫηγϏϦςΟΨΠυϥΠϯʹج͍࣮ͮͨ૷ • hKps:/ /openfresh.github.io/a11y-guidelines/ ϑϩϯτνʔϜͰ࠷ۙ΍ͬͯΔ͜ͱ 

Kill Polling͢Δཧ༝ • ଈ࣌ੑ͕ͳ͍ • ໰͍߹ΘͤܗࣜͳͷͰɺແବͳ௨৴ൃੜ • ͔ͬ͜ѱ͍ 

• ൪૊εςʔλεͷߋ৽ (։࢝์ૹதऴྃ) • ൪૊εςʔλεͷߋ৽ (ແྉ༗ྉ) • ࢹௌ਺ͷߋ৽ • ίϝϯτ਺ͷߋ৽ • ։࢝ɾऴྃ࣌ؒͷߋ৽ FRESH!ͰͷϢʔεέʔε 

No content

No content

No content

No content

No content

SSE (Server-Sent Events) • αʔό͔ΒΫϥΠΞϯτ΁ͷ୯Ұํ޲௨৴ • ςΩετͷΈ(όΠφϦ͸base64͢Δ) • IE11͸polyfill hKps:/ /github.com/Yaffle/EventSource/ 

Plasma • hKps:/ /github.com/openfresh/plasma • Πϕϯτϓογϡͷϛυϧ΢ΣΞ • Webϒϥ΢βSSE / ωΠςΟϒΞϓϦgRPC • SSEʹΑͬͯαʔό͔ΒΠϕϯτΛड͚औΔ͜ͱ͕Ͱ͖Δ • ಙͷߴ͍ঁੑ੠༏޷͖Πϯλʔϯੜ࡞ 

ྲྀΕ • ॳظϨϯμϦϯά࣌ʹσʔλΛStoreʹอ࣋ • Plasma઀ଓ new EventSource(url, opts);ʹ.addEventListener(); • ߋ৽Λݕ஌ͨ͠ΒStoreͰJSON.parse, Object.assign౳Ͱࠩ෼Λ্ॻ͖ • ൪૊ऴྃޙߋ৽ͷඞཁ͕ͳ͘ͳͬͨΒ.removeEventListener(); 

σόοά • DevToolsͰΈΕ·͢ 

݁Ռ 

ϙʔϦϯάͷϦΫΤετׂ߹ 0 % 7,5 % 15 % 22,5 % 30 % ϦϦʔεલ೔ ϦϦʔε౰೔ ϦϦʔεཌ೔ ϦϦʔεཌʑ೔ 0,85 % 1,43 % 21,15 % 27,8 % 

׬