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

HTTP全史

nwiizo
May 08, 2018
0
340

 HTTP全史

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

nwiizo

May 08, 2018
Tweet

More Decks by nwiizo

See All by nwiizo
書を捨てよ、現場へ出よう
nwiizo
12
10k
走馬灯のIaCは考えておいて
nwiizo
8
5.2k
SREとPlatform Engineerの交差点
nwiizo
7
5.2k
SREからPlatform Engineerへの拡大
nwiizo
13
3.1k
k8sgpt Deep Dive: KubernetesクラスタのAI駆動型分析について
nwiizo
1
1.6k
Cloud Native の作法
nwiizo
8
6.4k
2023年もSRE再考と叫びなさい‼️
nwiizo
12
5.2k
自由研究には向かないウェブオペレーション 
nwiizo
4
3.4k
ポストモーテムはじめました
nwiizo
3
1.5k

Featured

See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
10
4.6k
How To Stay Up To Date on Web Technology
chriscoyier
781
250k
The Invisible Customer
myddelton
114
12k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
124
32k
4 Signs Your Business is Dying
shpigford
175
21k
Typedesign – Prime Four
hannesfritz
36
2k
Facilitating Awesome Meetings
lara
40
5.6k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Building Effective Engineering Teams - LeadDev
addyosmani
26
1.8k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
115
18k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
Done Done
chrislema
178
15k

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