トップ原理をつなぐ読み方 / Webページが届くまで

全体像から、5つの役割へ

Webページが届くまで

画面の向こうの、仕事を分ける。

名前を調べ、道を選び、安全につなぐ。ひとつのWebページの裏側を5つのしくみからたどる。

5記事部品・図・条件・出典まで
この読む道をたどる ↓
Webページの材料を紙の層として並べた生成概念模型

画面の材料を紙の層に置き換えた生成概念模型。実際の処理順やブラウザ内部の物理構造ではありません。

01全体像をつかむ02名前・道・無線を分ける03保護の範囲を見る

この順番で、原理を比べる。

番号は役割を理解する読む順番です。毎回の通信がこの順に一列で進む意味ではありません。名前・経路・無線区間・保護を、画面を作る働きと分けます。

  1. 01
    観察 0027分で読む

    Webページのしくみ

    アドレスを入れた後、名前を調べ、データを受け取り、ブラウザが画面を組み立てる。

    情報の旅を追う図解3点

    この章で見ること

    受け取った材料から画面ができるまで、全体像を見る。

    Webページは、ブラウザがURLから接続先を調べ、サーバーへデータを要求し、受け取ったHTML・CSS・画像などを解釈して表示します。DNSは名前の解決、HTTPSは通信の保護、ブラウザは画面の組み立てを担当します。

    Webページの図と工程を読む ↗
  2. 02
    観察 0057分で読む

    DNSのしくみ

    名前は覚えやすい。機械が使う接続先は、名前から調べる。

    名前と行き先を追う図解3点

    この章で見ること

    画面の手前で、名前と接続先を結びつける仕事を見る。

    DNSは、ドメイン名に対応するIPアドレスなどの情報を調べるしくみです。問い合わせを受けたリゾルバーがキャッシュを確認し、必要ならルート・TLD・権威DNSへ順に問い合わせます。ページ本文を運ぶ役割ではありません。

    DNSの図と工程を読む ↗
  3. 03
    観察 0137分で読む

    ルーターのしくみ

    データの行き先を見て、次の道を選ぶ。Wi-Fiの電波を出す役とは別。

    データの行き先を追う図解1点

    この章で見ること

    名前を調べる仕事と、次の送り先を選ぶ仕事を分ける。

    ルーターは、IPアドレスなどを基に異なるネットワークへパケットを転送する装置です。経路情報から次の送り先を選びます。家庭用Wi-Fiルーターは、ルーター・無線アクセスポイント・スイッチ等の役割を一台にまとめた製品です。

    ルーターの図と工程を読む ↗
  4. 04
    観察 0077分で読む

    Wi-Fiのしくみ

    電波が届くことと、インターネットへ届くことは別の話。

    電波とデータを追う図解3点

    この章で見ること

    道を選ぶ仕事から、近くの無線区間をつなぐ仕事へ。

    Wi-Fiは、端末とアクセスポイントなどの間で電波を使ってデータを送受信するしくみです。家庭ではその先にルーターと回線があり、インターネットへつながります。電波の強さだけで通信全体の速さは決まりません。

    Wi-Fiの図と工程を読む ↗
  5. 05
    観察 0127分で読む

    HTTPSのしくみ

    通信の中身を守ることと、サイトの内容を信用できることは別。

    通信の保護を追う図解3点

    この章で見ること

    データを運ぶ仕事と、通信を保護する仕事を区別する。

    HTTPSは、HTTPの通信をTLSなどで保護するしくみです。通信内容の暗号化、接続先の確認、改ざんの検知を行います。保護されるのは通信であり、サイトに書かれた情報や販売内容が正しいことまで保証するものではありません。

    HTTPSの図と工程を読む ↗

原寸画像を開く ↗

細部を大きくすると、図の中を縦・横にスクロールできます。キーボードでは図に移動して矢印キーで操作できます。

上へ