UNIX Cafe | 第47回
Webサーバーってどう動くの？
ページがあなたの画面に届くまでのしくみ
私たちがブラウザで URL を入力してから、ページが表示されるまで。
その裏側では、いくつもの小さな処理が順番に進んでいます。
この記事では、
Webページが届くまでの流れを、順を追ってやさしく解説します。
URLを入力すると、通信が始まる
たとえば https://pc-fan.net を入力すると、
最初に行われるのは 「このサイトはどこにあるの？」という確認です。
ここで活躍するのが DNS（Domain Name System） です。
DNSが「サーバーの住所（IPアドレス）」を調べる
DNSの役割はとてもシンプルです。
- URL（文字の住所）を
- IPアドレス（数字の住所）に変換する
この作業が終わって、はじめて
どの Web サーバーにアクセスすればいいかが分かります。
ブラウザが Web サーバーへリクエストを送る
IPアドレスが分かると、ブラウザはサーバーに向かってHTTPリクエストを送ります。
例：
- このページをください
- このサイトのトップを見せてください
という「お願いのメッセージ」です。
Webサーバーがページを準備する
Webサーバーは、受け取ったリクエストを見て処理を始めます。
- HTMLファイルを探す
- PHP があれば実行する
- WordPressなら、テンプレートとデータを組み合わせる
こうして 表示用のページデータ が作られます。
Webサーバーがレスポンスを返す
準備ができると、サーバーは HTTPレスポンス を返します。
レスポンスには次のような情報が含まれます。
- ステータスコード（200 / 404 / 500 など）
- HTML本体
- CSS・JavaScript・画像の情報
ステータスコードは「サーバーからの短い返事」
HTTPステータスコードは、最初の1桁を見るだけで状態が分かるように設計されています。
| 番号 | 意味 | 代表例 |
|---|---|---|
| 1xx | 情報 | 100 Continue |
| 2xx | 成功 | 200 OK |
| 3xx | リダイレクト | 301 / 302 |
| 4xx | クライアント側エラー | 404 Not Found |
| 5xx | サーバー側エラー | 500 Internal Server Error |
特に重要なのは次の2つです。
- 200：正常にページが表示された
- 404：ページが存在しない
ステータスコードの分類
ユニ先生「まだ処理中だよ、続きがあるよ」という合図だよ。
- 100 Continue
- ブラウザに「そのまま続けてOK」と知らせる
普段あまり目にしません。
2xx：成功（Success）
ミナちゃんこれは「うまくいったよ！」という成功の返事ですね！
- 200 OK → リクエスト成功、ページを返せる状態
- 204 No Content → 成功したけど返す内容はないとき
200＝“正常にページが届いた” の意味です。
3xx：リダイレクト（Redirection）
ユニ先生「このページ、別の場所に移動しているよ」という案内だね。
- 301 Moved Permanently（恒久的に移動）
- 302 Found（一時的に移動）
- 307 Temporary Redirect
SEO でもよく出てくる番号ですね。
4xx：クライアント側のエラー（Client Error）
シェリ「あなた（クライアント）側のリクエストに問題があります！」
- 404 Not Found → ファイル・ページが見つからない
- 403 Forbidden → アクセス禁止
- 400 Bad Request → リクエストが不正
404 は「ページがない」 ときの定番エラーです。
5xx：サーバー側のエラー（Server Error）
シェリOh!「サーバー側で何か問題が起きています！」
- 500 Internal Server Error → サーバー内部のトラブル
- 503 Service Unavailable → サーバーが過負荷 or メンテナンス中
- 504 Gateway Timeout → バックエンドの応答が遅い
ブラウザがページを組み立てて表示する
表示までの流れ
レスポンスを受け取ったあと、ブラウザは次の順で表示を完成させます。
1ページの表示でも、数十〜百回以上の通信が発生することがあります。
まとめ｜ページ表示は小さな処理の積み重ね
Webページが表示されるまでの流れは、次の通りです。
- URLを入力
- DNSで住所を確認
- HTTPリクエスト送信
- Webサーバーが処理
- レスポンスを返す
- ブラウザが表示を完成
この流れを知っておくと、
エラーの意味やサーバーの役割がぐっと分かりやすくなります。
次回予告
次回は「Apache・Nginxの違いをやさしく比較」
同じ Web サーバーでも、動き方や得意分野の違いを整理します。
さらに学びたいあなたへ
📘 用途ごとに選ぶ Linux のおすすめ本
