Kill Pollingした話

Transcript

1. Kill Pollingͨ͠࿩ 2017 7.21 Վ෣ب࠲.tech#13 ʮϑϩϯτΤϯυΞʔΩςΫνϟษڧձʯLT @su9wo
2. • su9wo / su9wo_ •CyberAgent, Inc. •ϑϩϯτΤϯδχΞ •FRESH! hKps:/ /freshlive.tv
3. •WebPush • hKps:/ /twiKer.com/FRESH_STAFF/status/887960571487764481 •Service Workerͷಋೖ • hKps:/ /developers.cyberagent.co.jp/blog/archives/6057/ •ΞΫηγϏϦςΟΨΠυϥΠϯʹج͍࣮ͮͨ૷ • hKps:/ /openfresh.github.io/a11y-guidelines/ ϑϩϯτνʔϜͰ࠷ۙ΍ͬͯΔ͜ͱ
4. Kill Polling͢Δཧ༝ • ଈ࣌ੑ͕ͳ͍ • ໰͍߹ΘͤܗࣜͳͷͰɺແବͳ௨৴ൃੜ • ͔ͬ͜ѱ͍
5. • ൪૊εςʔλεͷߋ৽ (։࢝์ૹதऴྃ) • ൪૊εςʔλεͷߋ৽ (ແྉ༗ྉ) • ࢹௌ਺ͷߋ৽ • ίϝϯτ਺ͷߋ৽ • ։࢝ɾऴྃ࣌ؒͷߋ৽ FRESH!ͰͷϢʔεέʔε
11. SSE (Server-Sent Events) • αʔό͔ΒΫϥΠΞϯτ΁ͷ୯Ұํ޲௨৴ • ςΩετͷΈ(όΠφϦ͸base64͢Δ) • IE11͸polyfill hKps:/ /github.com/Yaffle/EventSource/
12. Plasma • hKps:/ /github.com/openfresh/plasma • Πϕϯτϓογϡͷϛυϧ΢ΣΞ • Webϒϥ΢βSSE / ωΠςΟϒΞϓϦgRPC • SSEʹΑͬͯαʔό͔ΒΠϕϯτΛड͚औΔ͜ͱ͕Ͱ͖Δ • ಙͷߴ͍ঁੑ੠༏޷͖Πϯλʔϯੜ࡞
13. ྲྀΕ • ॳظϨϯμϦϯά࣌ʹσʔλΛStoreʹอ࣋ • Plasma઀ଓ new EventSource(url, opts);ʹ.addEventListener(); • ߋ৽Λݕ஌ͨ͠ΒStoreͰJSON.parse, Object.assign౳Ͱࠩ෼Λ্ॻ͖ • ൪૊ऴྃޙߋ৽ͷඞཁ͕ͳ͘ͳͬͨΒ.removeEventListener();
14. σόοά • DevToolsͰΈΕ·͢
15. ݁Ռ
16. ϙʔϦϯάͷϦΫΤετׂ߹ 0 % 7,5 % 15 % 22,5 % 30 % ϦϦʔεલ೔ ϦϦʔε౰೔ ϦϦʔεཌ೔ ϦϦʔεཌʑ೔ 0,85 % 1,43 % 21,15 % 27,8 %
17. ׬