今回はホームページが表示される仕組みについて、学生さんにもわかるようにお伝えしていきます。

はじめに

インターネットでページを見るとき、スマホやパソコンの画面に文字や画像が表示されますよね。
でも、いったいどうやってこんなに多くの情報が届いているのでしょう？
ここでは、ホームページが表示されるまでの流れを、できるだけ分かりやすく説明します。

ブラウザとウェブサーバー

まず、インターネットでページを見るときに使うソフトのことを「ブラウザ」といいます。
たとえば、Google ChromeやSafari、Firefoxなどがブラウザです。ブラウザはページを見たいと思ったとき、サーバーという相手に「情報をください」とお願いしているのです。

インターネットの住所「URL」とDNS

ページを見るとき、ブラウザに「http://～」や「https://～」から始まる文字列（これをURLと呼びます）を入力します。URLはそのページの住所のようなものです。でもコンピューターは文字ではなく「数字の住所（IPアドレス）」で相手を探しています。

たとえば、www.example.com という文字から、DNSを使って「このサイトは 123.45.67.89 というIPアドレスですよ」と教えてもらいます。そのIPアドレスを頼りにブラウザはサーバーと通信を始めます。

データのやりとり

ブラウザは「あなたのサーバーにあるページを見たいんですけど」とメッセージを送り（これをリクエストといいます）、ウェブサーバーは「はい、こちらがそのページデータです」と返してくれます（これをレスポンスといいます）。

HTML、CSS、JavaScript

ホームページの中身には、いくつかの種類のデータがあります。主に

ブラウザはサーバーからこれらのデータを受け取ると、文章やデザイン情報を組み合わせ、私たちが見やすい形で画面に映し出すのです。

ざっくり流れをまとめた図

下のようなイメージを持ってもらえると分かりやすいです。

1. ブラウザにURLを入力
2. DNSが文字の住所(URL)を数字の住所(IPアドレス)に変換
3. ブラウザがそのIPアドレスを持つサーバーに「ページをちょうだい」とリクエスト
4. サーバーがHTMLやCSS、JavaScriptなどをレスポンス
5. ブラウザがデータを読み込み、画面に表示

どうしてこんな仕組みが必要なの？

インターネットは世界中にあるたくさんのサーバーと、家や学校、スマホなどをつなぐネットワークです。みんながネットを使うときに、共通の約束ごと（これをプロトコルと呼びます）がないとデータを正しくやりとりできません。URLやDNSなどは、その約束ごとの一部です。これらのおかげで、私たちは同じ方法で世界中のサイトにアクセスできるのです。

まとめ

ホームページが表示される仕組みは、

1. ブラウザでURLを入力
2. DNSを使い数字の住所(IPアドレス)を探す
3. サーバーに「ページを送って！」とリクエスト
4. サーバーがHTMLやCSS、JavaScriptを返す
5. ブラウザがそれを読み込んで画面に表示

という流れで動いています。もしホームページが見られないときは、どこかでこの流れが止まっているかもしれません。たとえばDNSがうまく動いていない場合やサーバーがダウンしている場合などです。こうした仕組みを知っておくと、自分がインターネットを使うときに、ちょっとした不具合の原因をイメージできるようになるかもしれません。