URL を入力して Enter を押すと何が起きますか？

Question

IT Interview Practice · Accepted Answer

URL を入力すると、一連のネットワークステップが始動します。ブラウザはサーバーの IP アドレスを割り出し、そこへ接続を開き、HTTP リクエストを送り、レスポンスを受け取り、ページをレンダリングします。`https://example.com` のエンドツーエンドの流れは次のとおりです：

```text
You type https://example.com
   │
   ▼
1. URL PARSE   split scheme (https) + host (example.com) + path (/)
   │
   ▼
2. DNS         example.com ──▶ 93.184.216.34   (resolve name → IP)
   │
   ▼
3. TCP         3-way handshake to 93.184.216.34:443  (open connection)
   │
   ▼
4. TLS         handshake: verify certificate + agree on keys (encrypt)
   │
   ▼
5. HTTP        GET / HTTP/1.1   Host: example.com   (send request)
   │
   ▼
6. RESPONSE    200 OK + HTML   (server replies)
   │
   ▼
7. RENDER      parse HTML → fetch CSS/JS/images → build DOM → paint
```

**DNS** は人間が読める名前を IP アドレスに変え、通常はキャッシュ（ブラウザ、OS、または resolver）から提供されるため、再訪問時にはほぼコストがかかりません。次に **TCP** がポート 443 でサーバーとの信頼できる接続を確立します。URL が `https` なので、続いて **TLS** ハンドシェイクが行われます。ブラウザはサーバーの certificate を検証し、双方がセッション鍵を導出してトラフィックが暗号化されます。ここでようやくブラウザは実際の **HTTP リクエスト**（`GET /`）を送ります。サーバーは **レスポンス** — ステータスコードと HTML — を返します。ブラウザはその HTML を解析し、CSS・JavaScript・画像への参照を見つけ、それらを（多くは並行して）取得し、**DOM** を構築し、ピクセルを画面に描画します。

## なぜ重要なのか

これは最もよくある面接質問の 1 つですが、それはまさに、スタックのすべての層 — DNS、TCP、TLS、HTTP、レンダリング — を 1 つの物語の中で扱うからです。良い回答は、どれか 1 つのプロトコルを丸暗記しているのではなく、各部分がどうつながるかを理解していることを示します。さらに、より深い追加質問への扉も開きます：caching、接続の再利用、latency、そしてどこで壊れうるか — これらはまさに、production で遅いページや壊れたページをデバッグするときに重要になる話題です。

なぜ重要なのか

関連する質問