第1回 HTML5minutes! で行ったライトニング トークのスライド資料です

1. HTML5 と
次世代の
ネットワーク プロ
トコル
Murachi Akira
CPS Corporation
This material provided by CC BY-NC-ND 4.0. See http://creativecommons.org/licenses/by-nc-nd/4.0/
2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第1回 HTML5minutes!! 1

2. About me
村地 彰
株式会社シーピーエス
http://www.murachi.net/
http://www.hebikuzure.com/
MicrosoftMVP(InternetExplorer)Apr.2011～
2014/7/25 2© 2014 Murachi Akira - CC BY-NC-ND - 第1回 HTML5minutes!!

3. HTML5 と聞くと
XMLHttpRequest
Cross-Origin Resource Request
Web Sockets
SPA (Single Page Application)
JavaScript Library / CSS Workframe
2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第1回 HTML5minutes!! 3

4. Web サイト今昔
昔: 1回ずつ読み込ん
だら終わり
今: 何度でもサー
バーとやり取り
2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第1回 HTML5minutes!! 4
HTML
画像 JS CSS
HTML
(SPA)
画像 JS CSS
XHR
画像画像 JSJS CSSCSS
Web
Sockets

5. HTTP はステートレス
1対のリクエスト – レスポンスで終了
HTTP 1.0 では HTTP セッションが終わる
と TCP セッションも終了
HTTP 1.1 で Keep-Alive が可能になる
それでも TCP 1 セッションで HTTP 1 セッ
ションしか収容できない
2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第1回 HTML5minutes!! 5

6. Modern Web =
TCP Session Eater
1ページを表示するだけなのに
TCP セッション数が膨大になる
TCP handshake のオーバーヘッド
NAT セッションの枯渇?
CGN (Carrier Grade NAT) はどうする?
2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第1回 HTML5minutes!! 6

7. TCP を大切に使おう!
TCP 1 セッションに複数の HTTP セッショ
ンを重畳すればいいんじゃない?
by Google
2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第1回 HTML5minutes!! 7
SPDY
SPDY はメジャーなブラウザーの最新バージョンで
既にサポートされています

8. HTTP を刷新しよう
HTTP 1.1 の次のバージョン
最初は HTTP 2.0 として検討
SPDY を基礎に標準化
2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第1回 HTML5minutes!! 8
HTTP/2

9. HTTP/2
TCP 1 セッションに複数の HTTP セッショ
ン (ストリーム) を重畳
バイナリ フレームの採用
HPACK によるヘッダー圧縮
サーバー プッシュ
ストリームのプライオリティ設定
2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第1回 HTML5minutes!! 9

10. HTTP/2 の現状
IETF の Working Group で Last Call
今年中に IESG に提出予定
各ベンダーの実装と相互運用性検証は進
んでいる (サーバー / クライアントとも)
2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第1回 HTML5minutes!! 10

11. セッション重畳の効果
2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第1回 HTML5minutes!! 11
Gmail へのアクセスで、SPDY を利用するとTCP セッション数が減少

12. QUIC
TCP は 3 way handshake とかエラー検出と
かやっててまだるっこしいから UDP に
SPDY を載せちゃえ
by Google
2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第1回 HTML5minutes!! 12
QUIC

13. QUIC の位置付け
IP
TCP
HTTP HTTPS
UDP
QUIC
SPDY
2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第1回 HTML5minutes!! 13

14. インターネットの救世主
やっぱり IPv6でしょ
2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第1回 HTML5minutes!! 14

15. 最後に宣伝
ネットワーク パケットを読む会(仮)
第19回を 7/29 (火) に開催します
https://atnd.org/events/53871
http://pa.hebikuzure.com/
2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第1回 HTML5minutes!! 15