用語集に戻る
Web開発初級

HTTP

えいちてぃーてぃーぴー

一言で言うと

ブラウザとサーバーが通信するときの「会話のルール」。Webの裏側で行われる、リクエストとレスポンスのやり取り。

もう少し詳しく

一言で言うと

ブラウザとサーバーが通信するときの「会話のルール」。Webの裏側で行われる、リクエストとレスポンスのやり取り。

もう少し詳しく

HTTPは「HyperText Transfer Protocol」の略で、ブラウザ(お客さん)とサーバー(お店)が情報をやり取りするためのルールです。

郵便に例えると、HTTPは「郵便の仕組み」そのものです。手紙を出す(リクエスト)と、返事が届く(レスポンス)。手紙には宛先(URL)があり、「送ってください(GET)」「受け取ってください(POST)」という用件が書かれています。返事には「届きました(200 OK)」「見つかりませんでした(404 Not Found)」というステータスコード(番号)がついてきます。

URLの先頭にある「https://」の部分が、まさにこのHTTP(+セキュリティのS)を使って通信していることを示しています。

実務でどう使うか

  • マーケティング: Webサイトの表示が遅いとき、「HTTPリクエストの数が多い」ことが原因の場合があります。PageSpeed Insightsの改善提案にも登場します

  • デザイン: 画像の読み込みが遅い場合、HTTPリクエストの最適化(画像の圧縮、遅延読み込み)が解決策になります

  • PM: 「404エラー」「500エラー」などのHTTPステータスコードを知っていると、障害対応時のコミュニケーションがスムーズです
  • コードで見てみよう

    【HTTPリクエストの例】
    GET /api/users HTTP/1.1 ← 「ユーザー一覧をください」
    Host: example.com ← 「宛先はexample.com」

    【HTTPレスポンスの例】
    HTTP/1.1 200 OK ← 「了解、こちらです」
    Content-Type: application/json

    {"users": [{"name": "田中"}, {"name": "佐藤"}]}

    【よく見るステータスコード】
    200 → 成功(OK)
    301 → 引っ越しました(リダイレクト)
    404 → 見つかりません(ページがない)
    500 → サーバーエラー(お店側の問題)

    関連する用語

    この用語を学べるコース

    この用語を実際に使ってみよう

    チョットデキルなら、5分のレッスンで実際にコードを書いて学べます。

    コース一覧を見る