フロントエンド技術を学ぼう 2-5.HTTPとネットワークについて学ぶ

Front-end Developer Handbookを教科書にフロントエンド周りの技術を習得する連載。

HTTPとネットワークについて学ぶの説明です。

HTTPとネットワークについて学ぶ

HTTP

HTTP - Hypertext Transfer Protocol (HTTP) は、分散型、共同作業型、ハイパーメディア情報システムのためのアプリケーションプロトコルです。HTTP は World Wide Web のデータ通信の基礎となっています。

参照元：英語版Wikipedia

HTTPビデオ/記事/チュートリアル

• High Performance Browser Networking: What Every Web Developer Should Know About Networking and Web Performance [読み物]
  (ハイパフォーマンスブラウザネットワーキング：すべてのWebデベロッパーが知っておくべき、ネットワークとWebパフォーマンスについて)
• MDN: An overview of HTTP [読み物]
  (HTTPの概要)
• HTTP: The Definitive Guide (Definitive Guides) [読み物][$]
  (決定版HTTPガイド)
• HTTP/2 Frequently Asked Questions [読み物]
  (HTTP/2についてよく質問されること)
• HTTP Fundamentals [視聴][$]
  (HTTPの基礎)
• HTTP/2 Fundamentals [視聴][$]
  (HTTP/2の基礎)
• HTTP: The Protocol Every Web Developer Must Know - Part 1 [読み物]
  (HTTP: 全てのWebデベロッパーが知っておくべきプロトコル パート1)
• HTTP: The Protocol Every Web Developer Must Know - Part 2 [読み物]
  (HTTP: 全てのWebデベロッパーが知っておくべきプロトコル パート2)
• HTTP Succinctly [読み物]
  (簡単なHTTP説明)
• 再入門！HTTP/2.0が主流になる前にHTTP/1.1の基本を知ろう [読み物][日本語]

HTTPステータスコード

URLとHTTPリクエストを使用することで、クライアントはサーバへ要求を行うことができます。要求を受け取ったサーバはステータスコードとメッセージペイロードで応答します。

参照元

• HTTP Status Codes in 60 Seconds(60秒で説明するHTTPステータスコード)
  
• HTTP Status Codes
  (HTTPステータスコード)
• HTTPステータス・コードとメソッド [読み物][日本語]

CORS

CORS(Cross-Origin Resource Sharing)は、Webページ上のリソース(フォントなど)を、別のドメインから要求できるようにする仕組みです。「HTTP アクセス制御」や「クロスドメインアクセス」とも呼ばれます。

参照元：英語版Wikipedia

CORS仕様

• Cross-Origin Resource Sharing

その他の情報リソース

• CORS in Action [読み物][$]
• HTTP アクセス制御 (CORS) [読み物][日本語]
• CORSまとめ [読み物][日本語]
• ブラウザからAmazon S3に直接ファイルをアップロードしたい [読み物][日本語]

WebSockets

WebSocketは、単一のTCP接続で全二重通信チャネルを提供するプロトコルです。WebSocketプロトコルは2011年にRFC 6455としてIETFによって標準化され、Web IDLのWebSocket APIはW3Cによって標準化されています。

参照元：英語版Wikipedia

その他の情報リソース

• Connect the Web With WebSockets [視聴]
  (WebSocketでWebに接続する)
• WebSocket: Lightweight Client-Server Communications [読み物][$]
  (WebSocket: 軽量クライアント - サーバ通信)
• The WebSocket Protocol [読み物]
  (WebSocket プロトコル)
• 双方向通信を実現！ WebSocketを使いこなそう [読み物][日本語]