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
57
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
Snowflake Openflow さわってみた
hoto17296
0
58
第3回 Snowflake 中部ユーザ会- dbt × Snowflake ハンズオン
hoto17296
4
980
ORM と向き合う
hoto17296
14
11k
明日業務で役立たない Web 開発 TIPS
hoto17296
0
190
クソ bot 実装ライブコーディング
hoto17296
0
220
DeepGBM 論文の紹介
hoto17296
0
590
試行錯誤のための Docker 活用術
hoto17296
4
3k
Hive 集計テクニック
hoto17296
0
500
データ分析と Docker / Data Analysis with Docker
hoto17296
0
370
Other Decks in Technology
See All in Technology
Pure Goで体験するWasmの未来
askua
1
180
Escaping_the_Kraken_-_October_2025.pdf
mdalmijn
0
120
OCI Network Firewall 概要
oracle4engineer
PRO
1
7.8k
関係性が駆動するアジャイル──GPTに人格を与えたら、対話を通してふりかえりを習慣化できた話
mhlyc
0
130
神回のメカニズムと再現方法/Mechanisms and Playbook for Kamikai scrumat2025
moriyuya
4
520
定期的な価値提供だけじゃない、スクラムが導くチームの共創化 / 20251004 Naoki Takahashi
shift_evolve
PRO
3
300
PLaMoの事後学習を支える技術 / PFN LLMセミナー
pfn
PRO
9
3.8k
Azure Well-Architected Framework入門
tomokusaba
1
290
「Verify with Wallet API」を アプリに導入するために
hinakko
1
230
「AI駆動PO」を考えてみる - 作る速さから価値のスループットへ:検査・適応で未来を開発 / AI-driven product owner. scrummat2025
yosuke_nagai
4
580
Optuna DashboardにおけるPLaMo2連携機能の紹介 / PFN LLM セミナー
pfn
PRO
1
880
20201008_ファインディ_品質意識を育てる役目は人かAIか___2_.pdf
findy_eventslides
0
120
Featured
See All Featured
Building an army of robots
kneath
306
46k
Producing Creativity
orderedlist
PRO
347
40k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Making Projects Easy
brettharned
119
6.4k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Bash Introduction
62gerente
615
210k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
For a Future-Friendly Web
brad_frost
180
9.9k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
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 ͰϫΫϫΫ ΤϯδχΞϦϯά͠Α͏ ₍₍⁽⁽(!( ŋ◡ŋ )ʃ)₎₎⁾⁾