Tweet
Tweet

Slide 1

Slide 1 text

JavaScript over HTTP/2 2016.05.08 Kyoto.js #10

Slide 2

Slide 2 text

@hoto17296

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

2016 . 04 . 26

Slide 6

Slide 6 text

Node.js v6.0.0 Released ! • ES2015 Support: 58% → 96% !!! IUUQOPEFHSFFO

Slide 7

Slide 7 text

Babel ࣺͯͨ͘ͳ͍Ͱ͔͢ • ॏ͍ • Ϗϧυ؀ڥ࡞Δͷμϧ͍

Slide 8

Slide 8 text

ͦΖͦΖ "Ϗϧυ" ͱ͔͍͏֓೦ ࣺ͍ͯͨ

Slide 9

Slide 9 text

ࢀߟɿ Α͋͘ΔϏϧυͷਤ KTY KT KT DTT TDTT TUZM CVOEMFKT JNBHF 5SBOTQJMF CVOEMF
 PQUJNJ[F

Slide 10

Slide 10 text

ͳͥϏϧυ͕ඞཁ͔ • ϒϥ΢βͷ໰୊ • ES2015 / AltJS ಈ͔ͳ͍ • ґଘؔ܎ΛղܾͰ͖ͳ͍ • ύϑΥʔϚϯεͷ໰୊ • ϑΝΠϧ਺ଟ͍ͱΦʔόʔϔουͰ͔͍ • ࠷దԽ / ѹॖ ͢Δͱޮ཰͕ྑ͍

Slide 11

Slide 11 text

ͳͥϏϧυ͕ඞཁ͔ • Assets ͷϏϧυ͸όουϊ΢ϋ΢ͷू߹ମ • Ϗϧυ͠ͳͯ͘΋໰୊ͳ͘ಈ͘ͷͳΒ
 ͦΕ͕Ұ൪ྑ͍ʹܾ·ͬͯΔ

Slide 12

Slide 12 text

ͳͥϏϧυ͕ඞཁ͔ • ϒϥ΢βͷ໰୊ • ES2015 / AltJS ಈ͔ͳ͍ • ґଘؔ܎ΛղܾͰ͖ͳ͍ • ύϑΥʔϚϯεͷ໰୊ • ϑΝΠϧ਺ଟ͍ͱΦʔόʔϔουͰ͔͍ • ࠷దԽ / ѹॖ ͢Δͱޮ཰͕ྑ͍ ͦͷ͏ͪ ͳΜͱ͔ͳΔ ŋ@ŋA Ͳ͏ʹͰ΋ͳΔ )551

Slide 13

Slide 13 text

HTTP/2

Slide 14

Slide 14 text

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ʹٵऩ

Slide 15

Slide 15 text

HTTP/2 ͷಛ௃ • HTTP 1.1 ͷηϚϯςΟΫεΛҡ࣋ͨ͠··
 ύϑΥʔϚϯεΛվળ • ΑΓෳࡶʹ • όΠφϦϓϩτίϧ • ଟॏԽ • ༏ઌ౓੍ޚ • αʔόϓογϡ

Slide 16

Slide 16 text

ৄ͘͠͸ HTTP/2 ࣌୅ͷ Web
 http://www.slideshare.net/Jxck/http2-web-web-over-http2-51943080

Slide 17

Slide 17 text

HTTP/1.1 • TCP ίωΫγϣϯΛ
 ϦΫΤετຖʹషΓ௚͠ • ࠷େ̒ίωΫγϣϯͰฒྻ $MJFOU 4FSWFS (&5 (&5TUZMFDTT (&5CVOEMFKT 3FTQPOTF 3FTQPOTFTUZMFDTT 3FTQPOTFCVOEMFKT

Slide 18

Slide 18 text

HTTP/2 • 1ຊͷ TCP ίωΫγϣϯΛ
 ࠷େݶ׆༻ • ̍ίωΫγϣϯʹ
 ετϦʔϜΛଟॏԽ • όΠφϦϑϨʔϜ + ѹॖ • ඞཁͳ Assets Λ༧Ί Push
 (Server Push) $MJFOU 4FSWFS (&5 164)TUZMFDTT 164)CVOEMFKT 3FTQPOTF

Slide 19

Slide 19 text

DEMO https://github.com/hoto17296/http2-example

Slide 20

Slide 20 text

JSer ͔ΒΈͨ HTTP/2 • HTTP/1.1 ͷ৔߹ • ϦΫΤετ਺͸গͳ͍΄͏͕͍͍ • webpack or Browserify େਖ਼ٛ • HTTP/2 ͷ৔߹ • ଟॏԽ͍ͯ͠ΔͷͰϑΝΠϧଟͯ͘΋ฏؾ • Ή͠ΖݻΊͳ͍΄͏͕͍͍ʁ

Slide 21

Slide 21 text

Web ஀ੜҎདྷͷ ৗ͕ࣝେ͖͘෴Δ

Slide 22

Slide 22 text

HTTP/2 Λ࢖͑͹ JavaScript ͸
 ΋ͬͱָʹͳΔ

Slide 23

Slide 23 text

େੲͷඇޮ཰ͳϓϩτίϧͷͨΊʹ ߴ౓ͳٕज़Λۦ࢖ͯ͠ർฐ͢Δͷ ͦΖͦΖ΍ΊΑ͏

Slide 24

Slide 24 text

HTTP/2 ͰϫΫϫΫ ΤϯδχΞϦϯά͠Α͏ ₍₍⁽⁽(!( ŋ◡ŋ )ʃ)₎₎⁾⁾