MENU

【初心者向け】HTTPとは?Webサイトが表示される仕組みをわかりやすく解説

インターネットでWebサイトを見ているとき、
実は裏側ではさまざまな通信が行われています。

例えば、

  • Webサイトを開く
  • フォームを送信する
  • 検索する
  • APIでデータを取得する

こうした通信の多くは、HTTPという仕組みで行われています。

しかし、Web開発を始めたばかりの頃は

  • HTTPってそもそも何?
  • インターネットとどう違うの?
  • なぜWebサイトが表示されるの?

と疑問に思う人も多いと思います。

この記事では、Webに詳しくない人でも理解できるように

  • HTTPとは何か
  • Webサイトが表示される仕組み
  • HTTP通信の流れ

をできるだけシンプルに解説します。

目次

HTTPとは?

HTTPとは

WebブラウザとWebサーバーが通信するためのルール

のことです。

HTTPは正式には

HyperText Transfer Protocol

の略です。

意味を分解するとこうなります。

単語意味
HyperTextWebページの文章やリンク
Transfer転送
Protocol通信ルール

つまりHTTPとは

Webページの情報をやり取りするための通信ルール

です。

Webサイトが表示される仕組み

例えば、あなたがブラウザで次のURLを開いたとします。

https://example.com

このとき、裏側では次のような流れが起きています。

① ブラウザがサーバーにアクセスする
② サーバーに「ページをください」とお願いする
③ サーバーがHTMLを返す
④ ブラウザが画面に表示する

この

「ページをください」
「はい、どうぞ」

という通信を行うのが HTTP です。

HTTP通信を身近な例で考える

HTTPの仕組みは、
レストランの注文に例えると理解しやすいです。

① 客(ブラウザ)が注文する

あなた(ブラウザ)が店員(サーバー)に

「ハンバーグください」

と注文します。

これが

HTTPリクエスト

です。

② 店員(サーバー)が料理を出す

店員が料理を持ってきます。

これが

HTTPレスポンス

です。

つまりHTTPとは

ブラウザとサーバーの会話

なのです。

ブラウザ → リクエスト
サーバー → レスポンス

このやり取りによって、
私たちはWebサイトを見ることができます。

HTTPリクエストとレスポンス

HTTP通信は基本的に

リクエスト → レスポンス

のセットで成り立っています。

HTTPリクエスト

ブラウザがサーバーに送るメッセージです。

  • このページをください
  • このデータを送ります
  • 検索結果をください

HTTPレスポンス

サーバーがブラウザに返すメッセージです。

例えば

  • HTML
  • JSONデータ
  • 画像
  • エラーメッセージ

などが返されます。

HTTPメソッドとは

HTTPには、通信の種類を表す

HTTPメソッド

というものがあります。

代表的なものは次の通りです。

メソッド意味
GETデータを取得する
POSTデータを送信する
PUTデータを更新する
DELETEデータを削除する

特にWeb開発でよく使われるのが

GETPOST です。

この2つの違いについては、
以下の記事で詳しく解説しています。

HTTPとHTTPSの違い

WebサイトのURLを見ると

http://

ではなく

https://

となっていることが多いと思います。

HTTPSは

HTTPを安全にした通信方法

です。

データが暗号化されるため、

  • ログイン情報
  • クレジットカード
  • 個人情報

などを安全に送信できます。

現在ではほとんどのWebサイトが
HTTPS通信を使用しています。

まとめ

HTTPとは

Webブラウザとサーバーが通信するためのルール

です。

Webサイトが表示される裏側では

  1. ブラウザがリクエストを送る
  2. サーバーがレスポンスを返す

というやり取りが行われています。

そしてHTTPには

  • GET
  • POST
  • PUT
  • DELETE

などのメソッドがあり、それぞれ役割が異なります。

HTTPとHTTPSの違いも重要なため、しっかり理解しておきましょう。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

Muta Blog運営者はデザインも開発もやるWebエンジニアです。
本ブログでは現場で培ったWebの知識やノウハウを発信しています。
Web制作歴5年/現在ReactやRubyを中心に幅広く学習中/

目次