HTTP/2 入門の入門

1. HTTP/2 入門の入門
@kanayannet
Gunma.web #21

2. 自己紹介
名前: 金澤宏昭
フロントエンドとサーバサイドの闇の中で彷徨い中

3. SNS
Twitter : @kanayannet
Facebook : HiroakiKanazawa

4. 愛犬家

5. ジョジョ

6. 今日話すこと入門の入門て?
HTTP/1.1 の限界
HTTP/2 概略
動作環境を整える
参考文献

7. 入門の入門て?
入門(基礎から)っていうと...
HTTPのプロトコルヘッダー
HPACK (ヘッダの圧縮)
圧縮アルゴリズム
etc...

8. 難しいっていう人もいますよね?
今回は掻い摘んでHTTP/2のメリットを
体感する事を目指します。

9. HTTP/1.1 の限界
WEBページから外部コンテンツを読み込む際
一つのドメインにつき同時に6個までの取得
※ 厳密には「2つまでが推奨」とあるとか..

10. 試してみよう

11. HTTP/2 概略2015年5月にRFC 7540 として文章化される。
RFC として認められると..広まりやすくなる
元はSPDY
Google が提唱し始め主要ブラウザへ広まっていった。

12. メリット
先ほどのボトルネックの解消
ストリームの多重化
1つの接続上にストリームと呼ばれる仮想的な双方向シーケン
スを作る(詳細は割愛)

13. 動作環境を整える

14. OS
CentOS7
CentOS6系はライブラリが古くて大変?(という記事あり)

15. HTTP server
Nghttp2
libev-devel , zlib-devel , openssl-devel
https://github.com/tatsuhiro-t/nghttp2/releases/latest
apache(mod_http2) と連携させて動かす事も出来ますが、今
回は単体で動かします。

16. SSL
通常のhttp(80port)はHTTP/2 に対応しているブラウザが見当たらな
い。
https(tls) はHTTP/2 over TLS で対応しているため
オレオレ証明書でブラウザにWarningが出てしまう..
という無料で証明書を発行する認証局を使うLet's Encrypt

17. ADD-ONS
可視化
HTTP/2 に対応してると青いイナズマが出る。
HTTP/2 and SPDY indicator

18. 動かしてみよう

19. 参考文献ソフトウェアデザイン2015年11 月号
https://nghttp2.org
http://http2.info

20. ご清聴
ありがとうございました！