JavaScript over HTTP2

Kyoto.js #10
https://kyotojs.doorkeeper.jp/events/42568

Transcript

1. JavaScript over HTTP/2 2016.05.08 Kyoto.js #10
2. @hoto17296
5. 2016 . 04 . 26
6. Node.js v6.0.0 Released ! • ES2015 Support: 58% → 96% !!! IUUQOPEFHSFFO
7. Babel ࣺͯͨ͘ͳ͍Ͱ͔͢ • ॏ͍ • Ϗϧυ؀ڥ࡞Δͷμϧ͍
8. ͦΖͦΖ "Ϗϧυ" ͱ͔͍͏֓೦ ࣺ͍ͯͨ
9. ࢀߟɿ Α͋͘ΔϏϧυͷਤ KTY KT KT DTT TDTT TUZM CVOEMFKT JNBHF 5SBOTQJMF CVOEMF
   
 PQUJNJ[F
10. ͳͥϏϧυ͕ඞཁ͔ • ϒϥ΢βͷ໰୊ • ES2015 / AltJS ಈ͔ͳ͍ • ґଘؔ܎ΛղܾͰ͖ͳ͍ • ύϑΥʔϚϯεͷ໰୊ • ϑΝΠϧ਺ଟ͍ͱΦʔόʔϔουͰ͔͍ • ࠷దԽ / ѹॖ ͢Δͱޮ཰͕ྑ͍
11. ͳͥϏϧυ͕ඞཁ͔ • Assets ͷϏϧυ͸όουϊ΢ϋ΢ͷू߹ମ • Ϗϧυ͠ͳͯ͘΋໰୊ͳ͘ಈ͘ͷͳΒ
 ͦΕ͕Ұ൪ྑ͍ʹܾ·ͬͯΔ
12. ͳͥϏϧυ͕ඞཁ͔ • ϒϥ΢βͷ໰୊ • ES2015 / AltJS ಈ͔ͳ͍ • ґଘؔ܎ΛղܾͰ͖ͳ͍ • ύϑΥʔϚϯεͷ໰୊ • ϑΝΠϧ਺ଟ͍ͱΦʔόʔϔουͰ͔͍ • ࠷దԽ / ѹॖ ͢Δͱޮ཰͕ྑ͍ ͦͷ͏ͪ
    ͳΜͱ͔ͳΔ ŋ@ŋA Ͳ͏ʹͰ΋ͳΔ )551
    
13. HTTP/2
14. HTTP ͷྺ࢙ • 1991 HTTP/0.9 • 1996 HTTP/1.0 • 1999 HTTP/1.1 : • 2009 SPDY/1 • 2013 SPDY/3.1 • 2015 HTTP/2.0 8FC
    ͕Ί·͙Δ͘͠
 มԽ͢Δதɺ)551
    ͸ఀ଺ (PPHMF
    ͕
    41%:
    Λఏএ 41%:
    ͸
    )551
    ʹٵऩ
15. HTTP/2 ͷಛ௃ • HTTP 1.1 ͷηϚϯςΟΫεΛҡ࣋ͨ͠··
 ύϑΥʔϚϯεΛվળ • ΑΓෳࡶʹ • όΠφϦϓϩτίϧ • ଟॏԽ • ༏ઌ౓੍ޚ • αʔόϓογϡ
16. ৄ͘͠͸ HTTP/2 ࣌୅ͷ Web
 http://www.slideshare.net/Jxck/http2-web-web-over-http2-51943080
17. HTTP/1.1 • TCP ίωΫγϣϯΛ
 ϦΫΤετຖʹషΓ௚͠ • ࠷େ̒ίωΫγϣϯͰฒྻ $MJFOU 4FSWFS (&5
     (&5
    TUZMFDTT (&5
    CVOEMFKT 3FTQPOTF
     3FTQPOTF
    TUZMFDTT 3FTQPOTF
    CVOEMFKT
18. HTTP/2 • 1ຊͷ TCP ίωΫγϣϯΛ
 ࠷େݶ׆༻ • ̍ίωΫγϣϯʹ
 ετϦʔϜΛଟॏԽ • όΠφϦϑϨʔϜ + ѹॖ • ඞཁͳ Assets Λ༧Ί Push
 (Server Push) $MJFOU 4FSWFS (&5
     164)
    TUZMFDTT 164)
    CVOEMFKT 3FTQPOTF
    
19. DEMO https://github.com/hoto17296/http2-example
20. JSer ͔ΒΈͨ HTTP/2 • HTTP/1.1 ͷ৔߹ • ϦΫΤετ਺͸গͳ͍΄͏͕͍͍ • webpack or Browserify େਖ਼ٛ • HTTP/2 ͷ৔߹ • ଟॏԽ͍ͯ͠ΔͷͰϑΝΠϧଟͯ͘΋ฏؾ • Ή͠ΖݻΊͳ͍΄͏͕͍͍ʁ
21. Web ஀ੜҎདྷͷ ৗ͕ࣝେ͖͘෴Δ
22. HTTP/2 Λ࢖͑͹ JavaScript ͸
 ΋ͬͱָʹͳΔ
23. େੲͷඇޮ཰ͳϓϩτίϧͷͨΊʹ ߴ౓ͳٕज़Λۦ࢖ͯ͠ർฐ͢Δͷ ͦΖͦΖ΍ΊΑ͏
24. HTTP/2 ͰϫΫϫΫ ΤϯδχΞϦϯά͠Α͏ ₍₍⁽⁽(!( ŋ◡ŋ )ʃ)₎₎⁾⁾