『WWWの基礎〜Webの裏側、完全理解（した気分）〜』
この記事はこんな方におすすめです！
「Web」と「インターネット」の違いをふんわりとしか分かっていない方
URI、HTTP、HTMLなど、アルファベットの連続で脳がフリーズしがちな方
Web開発の勉強を始めたけど、結局裏で何が起きてるのかピンときていない方
参考書籍：小森裕介『プロになるためのWeb技術入門』
はじめに
こんにちは！35歳からエンジニアの世界に飛び込んだ未経験者です。
皆さんは「WWW」って聞いて、何を思い浮かべますか？
私は最近まで「意味は分からないけど絶対消しちゃダメなやつ」だと思っていました。
実はこれ、「World Wide Web」の略で、
Webサイトをブラウザで見られるようにする仕組みのことです。
つまり、
WWW = Webの世界そのもの。
今回はこの「なんとなく使っているWeb」の正体を、サクッと整理していきます。
WWWとは？（一言でいうと）
ズバリ、WWWは世界規模の超巨大な図書館システムです。
WWWがすごかったのは、「特定のソフトを使え」と強制しなかったことです。
代わりに、以下の「3つのルール（仕様）」だけを定めました。
- URI（本の住所）：情報がどこにあるかを示す
- HTTP（貸出ルール）：情報の受け渡し方法
- HTML（本のフォーマット）：情報の表現方法
この3つのルールさえ守れば、どんな「Webブラウザ（読者）」や「Webサーバー（司書）」でも、世界中で情報をやり取りできる仕組みが実現できました。
これ、当時としてはかなり革命的な仕組みでした。
具体的な使い方（3つの基礎要素を深掘り）
1. URI（情報の住所）
URI（Uniform Resource Identifier）は、情報の場所や識別を示すものです。
現代では「URL」という名前の方が馴染み深いですよね。まずは「住所」と捉えてOKです。
例えば、普段何気なく開いているこのURL
https://example.com/products/1
これは「どこにある、どの情報を見に行くか」を指し示しています。
厳密にはURIの中にURLが含まれますが、実務ではほぼURLとして扱うため、同じものとして理解して問題ありません。
👉 ポイントは「場所を指定して情報を取りに行く仕組み」です
2. HTTP（情報の受け渡し方法）
HTTPは、ブラウザとサーバーが会話するための「ルール（プロトコル）」です。
ユーザーがページを開いた瞬間、裏側ではこんなやり取りが行われています。
ブラウザ → サーバー：「このページください」
サーバー → ブラウザ：「はい、どうぞ（HTML返却）」
このやり取りを成立させているのがHTTPです。
ここには、2つの重要な仕組みがあります。
-スキーム
URLの先頭にある http: や https: のことです。
「どのルールで通信するか」を宣言しており、特に https: は
通信を暗号化して安全にやり取りするため、現在のWebでは
ほぼ必須になっています。
-コンテントネゴシエーション
「どんな形式でデータを受け取りたいか」をやり取りする仕組みです。
例えばブラウザが「日本語で表示してほしい」「軽い画像でほしい」
とリクエストすると、サーバーが最適な形式で返してくれます。
👉 この仕組みのおかげで、同じURLでも環境に応じた最適な表示が実現されています
3. HTML（情報の表現方法）
HTMLは、Web上で情報を統一して表現するための言語です。
文章・画像・リンクなどを「どう構造化するか」を定義します。
例えば、以下のように書くことでページの骨組みを作ります。
<h1>タイトル</h1>
<p>本文テキスト</p>
<img src="image.jpg" alt="画像">
もともと「SGML」という厳格なルールがありましたが、HTMLはあえてルールを緩くして、誰でも使えるようにしたことで爆発的に普及しました。
さらに重要なのは、HTMLは役割が限定されているという点です。
- HTML → 構造（骨組み）
- CSS → 見た目（デザイン）
- JavaScript → 動き（挙動）
👉 この役割分担があることで、保守しやすく拡張しやすいWebが実現されています
35歳がハマったポイント
罠1：「URI」と「URL」の違い
アルファベットが違うだけで混乱しますよね。
【解決策】
厳密には「URI」という大きな概念の中に「URL」が含まれます。
ただし実務では、ほぼ「URI ≒ URL」と考えて問題ありません。
罠2：HTTPが見えない
HTMLは見えるけど、HTTPは見えないので実感しにくいです。
【解決策】
Chromeの開発者ツール（F12）→「Network」タブを開いてリロードすると
ブラウザとサーバーがHTTPで通信している様子が確認できます。
まとめ
今回は、Webの土台となる「WWW」の基礎について解説しました。
- URI（場所）
- HTTP（ルール）
- HTML（表現）
この3つの仕組みがあるからこそ、今のWebは成り立っています。
私たちはつい最新技術に目が行きがちですが、
こうした土台を理解しておくことで、エラー対応力や理解力が一気に上がります。
35歳からの挑戦、まだまだこれから。
一歩ずつ積み上げていきましょう！
それでは、また次回の記事で！