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
56
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
930
ORM と向き合う
hoto17296
14
11k
明日業務で役立たない Web 開発 TIPS
hoto17296
0
180
クソ bot 実装ライブコーディング
hoto17296
0
220
DeepGBM 論文の紹介
hoto17296
0
580
試行錯誤のための Docker 活用術
hoto17296
4
3k
Hive 集計テクニック
hoto17296
0
500
データ分析と Docker / Data Analysis with Docker
hoto17296
0
370
DeepCluster 論文の紹介
hoto17296
7
2.5k
Other Decks in Technology
See All in Technology
実践!カスタムインストラクション&スラッシュコマンド
puku0x
0
540
現場で効くClaude Code ─ 最新動向と企業導入
takaakikakei
1
260
20250912_RPALT_データを集める→とっ散らかる問題_Obsidian紹介
ratsbane666
0
100
株式会社ログラス - 会社説明資料【エンジニア】/ Loglass Engineer
loglass2019
4
65k
Snowflake Intelligence × Document AIで“使いにくいデータ”を“使えるデータ”に
kevinrobot34
1
120
共有と分離 - Compose Multiplatform "本番導入" の設計指針
error96num
2
1.2k
いま注目のAIエージェントを作ってみよう
supermarimobros
0
360
roppongirb_20250911
igaiga
1
250
EncryptedSharedPreferences が deprecated になっちゃった!どうしよう! / Oh no! EncryptedSharedPreferences has been deprecated! What should I do?
yanzm
0
490
今日から始めるAWSセキュリティ対策 3ステップでわかる実践ガイド
yoshidatakeshi1994
0
120
組織を巻き込む大規模プラットフォーム移行戦略 〜50+サービスのマルチリージョン・マルチプロダクト化で学んだステークホルダー協働の実践〜 / Platform migration strategy engaging all stakeholders
toshi0607
2
180
データ分析エージェント Socrates の育て方
na0
7
2.6k
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Into the Great Unknown - MozCon
thekraken
40
2k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
How GitHub (no longer) Works
holman
315
140k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Bash Introduction
62gerente
615
210k
Balancing Empowerment & Direction
lara
3
620
Art, The Web, and Tiny UX
lynnandtonic
303
21k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
113
20k
The Invisible Side of Design
smashingmag
301
51k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
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 ͰϫΫϫΫ ΤϯδχΞϦϯά͠Α͏ ₍₍⁽⁽(!( ŋ◡ŋ )ʃ)₎₎⁾⁾