ウェブサイトって、結局なに？
すべてのウェブページの裏側で起きていること
⏱ 想定 ~7 分
01 · 読む
ウェブサイトを開くたびに、裏側ではすごいことが起きています。あなたのブラウザは地球の反対側にメッセージを送り、遠くにあるどこかのコンピュータが一式のファイルを送り返してきて、 1 〜 3 秒ほどで完全なウェブページが画面に映し出されます。
この仕組みを理解することが大切なのは、ウェブの神秘感を解いてくれるからです。ページが遅くなる、リンクが壊れる、サイトが落ちる —— これらにはすべて具体的な原因があり、その根っこはウェブサイトが実際にどう動いているかにあります。あなたは魔法に振り回されているのではなく、理解できる部品でできたシステムを眺めているのです。
ウェブを開くことを、別の街の図書館に本を取り寄せるようなものだと考えてみてください。あなたは本の題名を書いたリクエストを送り、図書館員は棚から本を見つけ、梱包して、あなたに送り返します。「インターネット」は郵便、「サーバー」は図書館、「ブラウザ」はあなた —— 届いた本を受け取って読む人です。
💡 想像してみてくださいウェブサイトを開くのは、遠くの図書館に本を取り寄せるようなものです —— あなたがリクエストを送り、誰かが正しいファイルを見つけて、あなたのブラウザに表示できるよう送り返してくれる。
ポイントまとめ
- ウェブのやりとりはすべて、ブラウザのリクエストとサーバーのレスポンスで成り立っています
- ひとつひとつのステップは具体的に理解できます —— 魔法ではありません
- ステップを理解しておくと、「読み込みが遅い」「ページが壊れている」といった問題のデバッグに役立ちます
02 · ステップ解説
ウェブを開くたびに起きる 7 つのステップを順に追ってみましょう。「次へ」をクリックして、一連の流れを進めてください。
1. URL を入力する
ブラウザのアドレスバーに www.example.com のような URL を入力して、 Enter を押します。 URL は通りの住所のようなもの —— インターネットに行き先を伝えています。
2. DNS が住所を調べる
ブラウザは DNS ( Domain Name System 、ドメインネームシステム)サーバーに問い合わせて、 www.example.com を 93.184.216.34 のような数字に翻訳してもらいます。コンピュータ同士は、この数字( IP アドレスといいます)で互いを見つけ合います。 GPS が道路名ではなく座標を使うのと似ています。
3. ブラウザがリクエストを送る
ブラウザはインターネットを通じて、その IP アドレスのサーバーへ「この URL のページを送ってください」というメッセージを送ります。このメッセージを HTTP リクエストといいます。
4. サーバーがリクエストを受け取る
世界のどこかにあるコンピュータ(サーバー)が、あなたのリクエストを受け取ります。バージニア州のデータセンターかもしれないし、ダブリンの倉庫の中かもしれないし、地球上のどこでもあり得ます。
5. サーバーがファイルを見つける
サーバーは、このページに必要な HTML 、 CSS 、 JavaScript 、画像ファイルを集めます。場合によってはデータベースから情報を取り出して、リアルタイムでページを組み立てることもあります。
6. サーバーがレスポンスを送る
サーバーはこれらのファイルをまとめて、インターネット経由であなたのブラウザに送り返します。これを HTTP レスポンスといいます。
7. ブラウザがページを描画する
ブラウザはファイルを受け取り、あなたの見ているページに組み立てます。 HTML が構造を提供し、 CSS が見た目を整え、 JavaScript がインタラクションを加えます。全体でだいたい 1 〜 3 秒です。
03 · 読む
大切な気づきはこれです。ウェブサイトとは、他人のコンピュータに置かれたファイルでしかありません。
ウェブサイトを開くというのは、世界のどこかにあるコンピュータからファイル( HTML 、 CSS 、 JavaScript 、画像)をダウンロードして、ブラウザがそれを目に見える画面に組み立てているだけのことなのです。
魔法はありません。「クラウド」は他人のコンピュータです。ウェブサイトはファイルの集まりです。ブラウザは、それらのファイルをきれいに表示してくれるファイルビューアにすぎません。
ポイントまとめ
- ウェブサイトはサーバー上にあるファイル( HTML 、 CSS 、 JS 、画像)です
- ブラウザがそれらをダウンロードして、ひとつのページに描画します
- 全体でだいたい 1 〜 3 秒です
- 「クラウド」とは、「データセンター」と呼ばれる巨大な建物に詰め込まれたコンピュータのことです
04 · クイズ
URL を入力して Enter を押したとき、最初に起きることは何ですか？
- サーバーがすぐにウェブページを送ってくる
- ブラウザで JavaScript が動き出す
- ブラウザが DNS を使って URL を IP アドレスに翻訳する
- ウェブサイトがあなたのハードディスクにダウンロードされる
⚠ 全機能のインタラクティブ体験には JavaScript が必要です。JavaScript を有効にして再読み込みしてください。
※ このサイトは独立した教育プロジェクトで、Anthropic の公式製品ではありません。Claude™ は Anthropic, PBC の商標です。