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
49
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
590
ORM と向き合う
hoto17296
8
7.9k
明日業務で役立たない Web 開発 TIPS
hoto17296
0
140
クソ bot 実装ライブコーディング
hoto17296
0
200
DeepGBM 論文の紹介
hoto17296
0
530
試行錯誤のための Docker 活用術
hoto17296
4
2.9k
Hive 集計テクニック
hoto17296
0
460
データ分析と Docker / Data Analysis with Docker
hoto17296
0
340
DeepCluster 論文の紹介
hoto17296
7
2.5k
Other Decks in Technology
See All in Technology
Amazon GuardDuty Malware Protection for Amazon S3を使おう
ryder472
2
110
caching_sha2_passwordのはなし
boro1234
0
220
React Server Componentは 何を解決し何を解決しないのか / What do React Server Components solve, and what do they not solve?
kaminashi
6
1.2k
バクラクでのSystem Risk Records導入による変化と改善の取り組み/Changes and Improvement Initiatives Resulting from the Implementation of System Risk Records
taddy_919
0
220
Go製のマイグレーションツールの git-schemalex の紹介と運用方法
shinnosuke_kishida
1
410
Tirez profit de Messenger pour améliorer votre architecture
tucksaun
1
140
Engineering Managementのグローバルトレンド #emoasis / Engineering Management Global Trend
kyonmm
PRO
6
990
移行できそうでやりきれなかった 10年超えのシステムを葬るための戦略 / phper-kaigi-2025-ryu
carta_engineering
0
690
PostgreSQL Unconference #52 pg_tde
nori_shinoda
1
220
Multitenant 23ai の全貌 - 機能・設計・実装・運用からマイクロサービスまで
oracle4engineer
PRO
2
120
20250326_管理ツールの権限管理で改善したこと
sasata299
1
380
Javaの新しめの機能を知ったかぶれるようになる話 #kanjava
irof
3
4.9k
Featured
See All Featured
It's Worth the Effort
3n
184
28k
Making the Leap to Tech Lead
cromwellryan
133
9.2k
Why Our Code Smells
bkeepers
PRO
336
57k
What's in a price? How to price your products and services
michaelherold
245
12k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
28
1.6k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.6k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Unsuck your backbone
ammeep
670
57k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
102
18k
Testing 201, or: Great Expectations
jmmastey
42
7.4k
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 ͰϫΫϫΫ ΤϯδχΞϦϯά͠Α͏ ₍₍⁽⁽(!( ŋ◡ŋ )ʃ)₎₎⁾⁾