Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HTTP全史

nwiizo
May 08, 2018
0
360

 HTTP全史

2018年度新卒の Web系新卒 OJT向け資料

nwiizo

May 08, 2018
Tweet

More Decks by nwiizo

See All by nwiizo
SREの前に
nwiizo
12
3k
2024年版 運用者たちのLLM
nwiizo
3
860
Platform Engineering と SRE の門
nwiizo
16
5.5k
運用者の各領域で向き合うLLM
nwiizo
1
470
可観測性ガイダンス
nwiizo
14
3.6k
書を捨てよ、現場へ出よう
nwiizo
12
11k
走馬灯のIaCは考えておいて
nwiizo
10
5.9k
SREとPlatform Engineerの交差点
nwiizo
9
6.7k
SREからPlatform Engineerへの拡大
nwiizo
15
3.8k

Featured

See All Featured
Testing 201, or: Great Expectations
jmmastey
38
7.1k
Bash Introduction
62gerente
608
210k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
506
140k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
Building Your Own Lightsaber
phodgson
103
6.1k
Into the Great Unknown - MozCon
thekraken
32
1.5k
For a Future-Friendly Web
brad_frost
175
9.4k
Automating Front-end Workflow
addyosmani
1366
200k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k

Transcript

  1. None
  2. None

  3. • • • •

  4. • • • •

  5. None

  6. ~1990 1991- 1996.5- 1997.1- 2015.5- 2015 - 現在 1994 -

    1995 - 1999 - 2006 - 2008 - 2013 -

  7. • • • • • •

  8. None

  9. • •

  10. None

  11. GET /mypage.html <HTML> A very simple HTML page </HTML>

  12. • • • •

  13. None

  14. • • •

  15. GET /mypage.html HTTP/1.0 User-Agent: NCSA_Mosaic/2.0 (Windows 3.1) 200 OK Date:

    Tue, 15 Nov 1994 08:12:31 GMT Server: CERN/3.0 libwww/2.17 Content-Type: text/html <HTML> A page with an image <IMG SRC="/myimage.gif"> </HTML> GET /myimage.gif HTTP/1.0 User-Agent: NCSA_Mosaic/2.0 (Windows 3.1) 200 OK Date: Tue, 15 Nov 1994 08:12:32 GMT Server: CERN/3.0 libwww/2.17 Content-Type: text/gif (画像コンテンツ)

  16. GET /mypage.html HTTP/1.0 User-Agent: NCSA_Mosaic/2.0 (Windows 3.1) 200 OK Date:

    Tue, 15 Nov 1994 08:12:31 GMT Server: CERN/3.0 libwww/2.17 Content-Type: text/html <HTML> A page with an image <IMG SRC="/myimage.gif"> </HTML> • • •

  17. GET /mypage.html HTTP/1.0 User-Agent: NCSA_Mosaic/2.0 (Windows 3.1) 200 OK Date:

    Tue, 15 Nov 1994 08:12:31 GMT Server: CERN/3.0 libwww/2.17 Content-Type: text/html <HTML> A page with an image <IMG SRC="/myimage.gif"> </HTML> • • •

  18. GET /mypage.html HTTP/1.0 User-Agent: NCSA_Mosaic/2.0 (Windows 3.1) 200 OK Date:

    Tue, 15 Nov 1994 08:12:31 GMT Server: CERN/3.0 libwww/2.17 Content-Type: text/html <HTML> A page with an image <IMG SRC="/myimage.gif"> </HTML> • • •

  19. GET /mypage.html HTTP/1.0 User-Agent: NCSA_Mosaic/2.0 (Windows 3.1) 200 OK Date:

    Tue, 15 Nov 1994 08:12:31 GMT Server: CERN/3.0 libwww/2.17 Content-Type: text/html <HTML> A page with an image <IMG SRC="/myimage.gif"> </HTML> • • •

  20. GET /myimage.gif HTTP/1.0 User-Agent: NCSA_Mosaic/2.0 (Windows 3.1) 200 OK Date:

    Tue, 15 Nov 1994 08:12:32 GMT Server: CERN/3.0 libwww/2.17 Content-Type: text/gif (画像コンテンツ) • •

  21. GET /myimage.gif HTTP/1.0 User-Agent: NCSA_Mosaic/2.0 (Windows 3.1) 200 OK Date:

    Tue, 15 Nov 1994 08:12:32 GMT Server: CERN/3.0 libwww/2.17 Content-Type: text/gif (画像コンテンツ) • •

  22. GET /myimage.gif HTTP/1.0 User-Agent: NCSA_Mosaic/2.0 (Windows 3.1) 200 OK Date:

    Tue, 15 Nov 1994 08:12:32 GMT Server: CERN/3.0 libwww/2.17 Content-Type: text/gif (画像コンテンツ) • •
  23. None

  24. • •  HTTP/1.1 は、1997 年 1 月に RFC 2068

    として 初版が発行されました。

  25. • • • • • • •

  26. • • •

  27. • • • • • • •

  28. None

  29. GET /en-US/docs/Glossary/Simple_header HTTP/1.1 Host: developer.mozilla.org User-Agent: Mozilla/5.0 (Macintosh; Intel Mac

    OS X 10.9; rv:50.0) Gecko/20100101 Firefox/50.0 Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 Accept-Language: en-US,en;q=0.5 Accept-Encoding: gzip, deflate, br Referer: https://developer.mozilla.org/en-US/docs/Glossary/Simple_header

  30. 200 OK Connection: Keep-Alive Content-Encoding: gzip Content-Type: text/html; charset=utf-8 Date:

    Wed, 20 Jul 2016 10:55:30 GMT Etag: "547fa7e369ef56031dd3bff2ace9fc0832eb251a" Keep-Alive: timeout=5, max=1000 Last-Modified: Tue, 19 Jul 2016 00:59:33 GMT Server: Apache Transfer-Encoding: chunked Vary: Cookie, Accept-Encoding ( )

  31. GET /static/img/header-background.png HTTP/1.1 Host: developer.cdn.mozilla.net User-Agent: Mozilla/5.0 (Macintosh; Intel Mac

    OS X 10.9; rv:50.0) Gecko/20100101 Firefox/50.0 Accept: */* Accept-Language: en-US,en;q=0.5 Accept-Encoding: gzip, deflate, br Referer: https://developer.mozilla.org/en-US/docs/Glossary/Simple_header

  32. 200 OK Age: 9578461 Cache-Control: public, max-age=315360000 Connection: keep-alive Content-Length:

    3077 Content-Type: image/png Date: Thu, 31 Mar 2016 13:34:46 GMT Last-Modified: Wed, 21 Oct 2015 18:27:50 GMT Server: Apache (3077 )
  33. None

  34. オープン クローズ オープン クローズ

  35. オープン クローズ オープン クローズ

  36. オープン クローズ

  37. オープン クローズ

  38. オープン クローズ コネクションの クローズオープン時の通信を減らすことができる

  39. • connection : Keep-Alive • HTTP通信はTCP/IP通信なので[３WAY ハンドシェイク] の上で動作するプロトコルなので 接続には1.5往復分のやり取りを必要とします． packetが一往復する時間を１RTT(ラウンドトリップタイム)と呼びますが

    TLSでは２RTT分の時間がかかります． Keep-Aliveを使うことでこのハンドシェイクの回数を減らせます．

  40. • connection : Close • Internet Explorer 60s Firefox 115s

    nginx 65 or 75s Apache ver1.3,2.0 15s /ver2.2 ~ 5s
  41. None

  42. オープン クローズ

  43. オープン クローズ

  44. • • •

  45. •

  46. None
  47. None

  48. ~1990 1991- 1996.5- 1997.1- 2015.5- 2015 - 現在 1994 -

    1995 - 1999 - 2006 - 2008 - 2013 -

  49. ~1990 1991- 1996.5- 1997.1- 2015.5- 2015 - 現在 1994 -

    1995 - 1999 - 2006 - 2008 - 2013 -
  50. None
  51. None
  52. None
  53. None

  54. • • • •

  55. None

  56. サイトの主体者 発行者(認証局) 公開鍵 有効期限

  57. 1．SSL証明書の取得

  58. 2.サーバー証明書の 信頼性を確認

  59. 3.共通鍵を生成して 証明書内の公開鍵で 暗号化

  60. 4.暗号化された鍵の複製

  61. 5.複合化した鍵で通信

  62. None
  63. None

  64. • • •

  65. None
  66. None
  67. None

  68. • • • • • • 1回の通信で接続の確立で何往復もパケットが飛び交います． これまでの高速化はあらゆるところに寄与してきました． HTTP2.0ではこれまで手を付けられてこなかったヘッダー部分の圧縮や，規格化されたものの今 一つ活用されていなかったパイプラインの代替実装が追加されました．

    また，パイプラインで発生した互換性問題もTLSのALPNという仕組みで丸ごと通信形式を切り 替える方式になっています．

  69. • • •

  70. None
  71. None

  72. • • •

  73. • •

  74. • •

  75. None
  76. None

  77. • • • • •

  78. None