← 一覧へもどる
HTTP · さわって学ぶ入門

見えるHTTP

ブラウザとサーバーは、じつは決まった書式の"手紙"をやりとりしているだけ。その手紙の中身をのぞいて、リクエストもレスポンスも同じ〈行・ヘッダー・ボディ〉の3部構成でできていることを体感しましょう。

0まずイメージ

HTTP=「Webの共通の"手紙フォーマット"」

あなたがリンクを押すたび、ブラウザはサーバーに「これください」という手紙を送っています。 サーバーは「はい、どうぞ」という手紙を返します。 HTTP(エイチ・ティー・ティー・ピー)は、この手紙の書き方の共通ルール。 世界中のブラウザとサーバーが同じ書式に従うから、どこの誰とでも会話できるんです。

1送る手紙

リクエストは〈3つの部分〉でできている

メソッド(頼み方)とパス(あて先)を選ぶと、実際に送られる手紙の中身が下に組み上がります。 色分けされたリクエスト行・ヘッダー・ボディの3つが、手紙の基本パーツです。

GET POST DELETE
ブラウザ → サーバー に送られる手紙(HTTPリクエスト)
リクエスト行(何を・どこに) ヘッダー(付帯情報) ボディ(送るデータ)
メソッドは"頼み方"。 GET=ください(見るだけ)/POST=これ登録して(データを送る)/DELETE=消して。 GETやDELETEはボディが空、POSTだけ手紙にデータ(ボディ)が入るのがポイントです。
2返る手紙

レスポンスも〈まったく同じ3部構成〉

「送信する」を押すと、サーバーから返事の手紙が届きます。 よく見ると、返事も1行目+ヘッダー+ボディという同じかたち。 違うのは1行目がステータス(結果)になっていることだけです。

サーバー → ブラウザ に返る手紙(HTTPレスポンス)
# 「送信する」を押すと、サーバーからの返事がここに届きます
ステップ1で作った手紙を送ると、対になる返事が返ってきます。
ステータス行(結果) ヘッダー(付帯情報) ボディ(返すデータ)
つながり。 1行目の 200 OK見えるサーバー(vol.2)で見たステータス、 ボディの中身 { … }見えるAPI(vol.3)で見たJSON。 HTTPは、それらを運ぶ封筒そのものだったんです。
3ヘッダーの役割

ヘッダー=手紙に貼る"付箋(ふせん)"

ヘッダーは「名前: 値」で書く付帯メモ。本文じゃないけれど、相手が正しく扱うための大事なヒントです。 気になる付箋を押すと、意味が読めます。

Host Content-Type Accept Authorization User-Agent
今日おぼえる言葉

4つだけ、持って帰ろう

HTTP エイチティーティーピー

Web上の手紙の共通ルール。ブラウザとサーバーの会話の書式。

METHOD メソッド

頼み方。GET=ください/POST=登録して/DELETE=消して。

HEADER ヘッダー

「名前: 値」で書く付帯情報。手紙に貼る付箋。

BODY ボディ

手紙の本文。送る/返すデータの中身が入る場所。

「見える」シリーズ

Webのしくみを、さわって学ぶ連作。上から順に読むと流れがつながります。