HTML5 と次世代のネットワーク プロトコル

Murachi Akira CPS Corporat ion

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

About me 村地　彰 　株式会社シーピーエス

http://www.murachi.net/ http://www.hebikuzure.com/ Microsoft MVP (Internet Explorer) Apr. 2011 ～

2014/7/25 2© 2014 Murachi Akira - CC BY-NC-ND - 第 1 回 HTML5minutes!!

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

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

WebSockets

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

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

TCP を大切に使おう ! TCP 1 セッションに複数の HTTP セッションを重畳すればいいんじゃない ? by Google

2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第 1 回 HTML5minutes!! 7

SPDY

SPDY はメジャーなブラウザーの最新バージョンで既にサポートされています

HTTP を刷新しよう HTTP 1.1 の次のバージョン 最初は HTTP 2.0 として検討 SPDY を基礎に標準化

2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第 1 回 HTML5minutes!! 8

HTTP/2

HTTP/2 TCP 1 セッションに複数の HTTP セッション ( ストリーム ) を重畳 バイナリ フレームの採用 HPACK によるヘッダー圧縮 サーバー プッシュ ストリームのプライオリティ設定

2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第 1 回 HTML5minutes!! 9

HTTP/2 の現状 IETF の Working Group で Last Call 今年中に IESG に提出予定 各ベンダーの実装と相互運用性検証は進んでいる ( サーバー / クライアントとも )

2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第 1 回 HTML5minutes!! 10

セッション重畳の効果

2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第 1 回 HTML5minutes!! 11

Gmail へのアクセスで、 SPDY を利用すると TCP セッション数が減少

QUIC TCP は 3 way handshake とかエラー検出とかやっててまだるっこしいから UDP に SPDY を載せちゃえ by Google

2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第 1 回 HTML5minutes!! 12

QUIC

QUIC の位置付け

IP

TCP

HTTP HTTPS

UDP

QUIC

SPDY

2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第 1 回 HTML5minutes!! 13

インターネットの救世主 やっぱり IPv6 でしょ

2014/7/25 © 2014 Murachi Akira - CC BY-NC-ND - 第 1 回 HTML5minutes!! 14

最後に宣伝 ネットワーク パケットを読む会 ( 仮 ) 第 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