Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
JavaScript over HTTP2
Search
Yuki Ishikawa
May 08, 2016
Technology
0
53
JavaScript over HTTP2
Kyoto.js #10
https://kyotojs.doorkeeper.jp/events/42568
Yuki Ishikawa
May 08, 2016
Tweet
Share
More Decks by Yuki Ishikawa
See All by Yuki Ishikawa
第3回 Snowflake 中部ユーザ会- dbt × Snowflake ハンズオン
hoto17296
4
860
ORM と向き合う
hoto17296
14
10k
明日業務で役立たない Web 開発 TIPS
hoto17296
0
170
クソ bot 実装ライブコーディング
hoto17296
0
220
DeepGBM 論文の紹介
hoto17296
0
570
試行錯誤のための Docker 活用術
hoto17296
4
3k
Hive 集計テクニック
hoto17296
0
490
データ分析と Docker / Data Analysis with Docker
hoto17296
0
360
DeepCluster 論文の紹介
hoto17296
7
2.5k
Other Decks in Technology
See All in Technology
Step Functions First - サーバーレスアーキテクチャの新しいパラダイム
taikis
1
280
低レイヤソフトウェア技術者が YouTuberとして食っていこうとした話
sat
PRO
7
5.8k
スプリントレビューを効果的にするために
miholovesq
9
1.6k
Kiro Hookを Terraformで検証
ao_inoue
0
100
新規事業におけるAIリサーチの活用例
ranxxx
0
150
ObsidianをLLM時代のナレッジベースに! クリッピング→Markdown→CLI連携の実践
srvhat09
7
9.1k
Shadow DOM & Security - Exploring the boundary between light and shadow
masatokinugawa
0
670
「AI駆動開発」のボトルネック『言語化』を効率化するには
taniiicom
1
150
Building GoReleaser - from shell script to paid product
caarlos0
0
270
AI エンジニアの立場からみた、AI コーディング時代の開発の品質向上の取り組みと妄想
soh9834
7
390
From Live Coding to Vibe Coding with Firebase Studio
firebasethailand
1
160
データエンジニアリング 4年前と変わったこと、 4年前と変わらないこと
tanakarian
2
360
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
Documentation Writing (for coders)
carmenintech
72
4.9k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
109
19k
Art, The Web, and Tiny UX
lynnandtonic
301
21k
We Have a Design System, Now What?
morganepeng
53
7.7k
Thoughts on Productivity
jonyablonski
69
4.7k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.5k
A designer walks into a library…
pauljervisheath
207
24k
Facilitating Awesome Meetings
lara
54
6.5k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
530
Transcript
JavaScript over HTTP/2 2016.05.08 Kyoto.js #10
@hoto17296
None
None
2016 . 04 . 26
Node.js v6.0.0 Released ! • ES2015 Support: 58% → 96%
!!! IUUQOPEFHSFFO
Babel ࣺͯͨ͘ͳ͍Ͱ͔͢ • ॏ͍ • Ϗϧυڥ࡞Δͷμϧ͍
ͦΖͦΖ "Ϗϧυ" ͱ͔͍͏֓೦ ࣺ͍ͯͨ
ࢀߟɿ Α͋͘ΔϏϧυͷਤ KTY KT KT DTT TDTT TUZM CVOEMFKT JNBHF
5SBOTQJMF CVOEMF PQUJNJ[F
ͳͥϏϧυ͕ඞཁ͔ • ϒϥβͷ • ES2015 / AltJS ಈ͔ͳ͍ • ґଘؔΛղܾͰ͖ͳ͍
• ύϑΥʔϚϯεͷ • ϑΝΠϧଟ͍ͱΦʔόʔϔουͰ͔͍ • ࠷దԽ / ѹॖ ͢Δͱޮ͕ྑ͍
ͳͥϏϧυ͕ඞཁ͔ • Assets ͷϏϧυόουϊϋͷू߹ମ • Ϗϧυ͠ͳͯ͘ͳ͘ಈ͘ͷͳΒ ͦΕ͕Ұ൪ྑ͍ʹܾ·ͬͯΔ
ͳͥϏϧυ͕ඞཁ͔ • ϒϥβͷ • ES2015 / AltJS ಈ͔ͳ͍ • ґଘؔΛղܾͰ͖ͳ͍
• ύϑΥʔϚϯεͷ • ϑΝΠϧଟ͍ͱΦʔόʔϔουͰ͔͍ • ࠷దԽ / ѹॖ ͢Δͱޮ͕ྑ͍ ͦͷ͏ͪ ͳΜͱ͔ͳΔ ŋ@ŋA Ͳ͏ʹͰͳΔ )551
HTTP/2
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ʹٵऩ
HTTP/2 ͷಛ • HTTP 1.1 ͷηϚϯςΟΫεΛҡ࣋ͨ͠·· ύϑΥʔϚϯεΛվળ • ΑΓෳࡶʹ •
όΠφϦϓϩτίϧ • ଟॏԽ • ༏ઌ੍ޚ • αʔόϓογϡ
ৄ͘͠ HTTP/2 ࣌ͷ Web http://www.slideshare.net/Jxck/http2-web-web-over-http2-51943080
HTTP/1.1 • TCP ίωΫγϣϯΛ ϦΫΤετຖʹషΓ͠ • ࠷େ̒ίωΫγϣϯͰฒྻ $MJFOU 4FSWFS (&5
(&5TUZMFDTT (&5CVOEMFKT 3FTQPOTF 3FTQPOTFTUZMFDTT 3FTQPOTFCVOEMFKT
HTTP/2 • 1ຊͷ TCP ίωΫγϣϯΛ ࠷େݶ׆༻ • ̍ίωΫγϣϯʹ ετϦʔϜΛଟॏԽ •
όΠφϦϑϨʔϜ + ѹॖ • ඞཁͳ Assets Λ༧Ί Push (Server Push) $MJFOU 4FSWFS (&5 164)TUZMFDTT 164)CVOEMFKT 3FTQPOTF
DEMO https://github.com/hoto17296/http2-example
JSer ͔ΒΈͨ HTTP/2 • HTTP/1.1 ͷ߹ • ϦΫΤετগͳ͍΄͏͕͍͍ • webpack
or Browserify େਖ਼ٛ • HTTP/2 ͷ߹ • ଟॏԽ͍ͯ͠ΔͷͰϑΝΠϧଟͯ͘ฏؾ • Ή͠ΖݻΊͳ͍΄͏͕͍͍ʁ
Web ੜҎདྷͷ ৗ͕ࣝେ͖͘෴Δ
HTTP/2 Λ͑ JavaScript ͬͱָʹͳΔ
େੲͷඇޮͳϓϩτίϧͷͨΊʹ ߴͳٕज़Λۦͯ͠ർฐ͢Δͷ ͦΖͦΖΊΑ͏
HTTP/2 ͰϫΫϫΫ ΤϯδχΞϦϯά͠Α͏ ₍₍⁽⁽(!( ŋ◡ŋ )ʃ)₎₎⁾⁾