テクノロジー | Technology
インターネットの裏側を知る!
Webのしくみを学ぼう
Explore the Hidden Layers of the Internet! Learn How the Web Works
Googleで知りたいことを検索し、検索結果をクリックすると、すぐにウェブページが表示されますよね。でも、どうしてそんなに早くページが開くのでしょう?実際、どこにアクセスしているのでしょう?気になったことはありませんか?
この記事では、ウェブがどのように動いているのか、その裏側を一緒に探っていきます。インターネットがどのように動いているのかを知ることは、将来、ウェブサイトやゲーム、アプリを作るための第一歩になります。さらに、これからのデジタルサービスやテクノロジーを考えるうえでも役立つでしょう。

さあ、ウェブの秘密を解き明かす準備はできましたか?それでは、始めましょう!
1. そもそも、Webって何?
いい質問です。Web(ウェブ)は、正式名称をWorld Wide Web(ワールドワイドウェブ)といい、テキスト、画像、動画などをハイパーリンクでつなぐシステムです。これらのリンクにより、私たちは世界中のコンピューターが接続されたインターネット上で、簡単に情報を検索したり表示したりすることができます。
2. ウェブページの基本的な構成
ウェブページを作成するために使用される技術には、ページの構造を定義するHTML、デザインのスタイルを設定するCSS、そしてインタラクティブな機能を追加するJavaScriptなどがあります。これらの基本を習得すれば、自分だけの簡単なウェブページを作成できるようになります。
3. ウェブブラウザの役割
Chrome、Firefox、Safariなどのウェブブラウザは、ウェブを閲覧するためのツールです。ブラウザにウェブサイトのアドレス(URL)を入力すると、そのウェブサイトが置かれているサーバーにリクエストが送信されます。サーバーはページをブラウザに送り返し、ブラウザでウェブページが表示されます。
4. DNS(ドメインネームシステム)
インターネット上のすべてのデバイスには、IPアドレスと呼ばれる固有の数字が割り当てられています。コンピューターはこれらのアドレスを使って、互いを見つけ、通信します。一方、私たちは、長い数列の代わりに「google.com」のようなドメイン名をブラウザに入力するだけでウェブサイトへアクセスできます。これを可能にしているのがドメインネームシステム(DNS)です。DNS は、私たちが入力するドメイン名を、コンピューターが適切なサーバーを見つけて ウェブページを表示するために必要な数値アドレスに変換する役割を担っています。
5. HTTP や HTTPSって何?
ウェブサイトにアクセスすると、ブラウザのアドレスバーに「http」や「https」と表示されているのを見たことはありませんか?コンピューターはHTTP 「Hypertext Transfer Protocol(ハイパーテキスト・トランスファー・プロトコル)」またはHTTPS 「Hypertext Transfer Protocol Secure(ハイパーテキスト・トランスファー・プロトコル・セキュア)」と呼ばれるプロトコルを使用して、ウェブサイトのサーバーと通信します。

HTTPを使った通信は安全ではなく、封筒なしで手紙を送るようなものです。メッセージは相手に届きますが、プライバシーはそれほど高くありません。
HTTPSを使った通信は安全で、封筒に入れて手紙を送るようなものです。ウェブサイトのURLにHTTPSと表示されている場合、そのウェブサイトは情報を保護するために暗号化を利用しています。これにより、送信内容を誰も簡単に見たり変更したりできなくなります。
6. URLの構造とその役割
URL「Uniform Resource Locator(ユニフォームリソースロケーター)」は、ウェブ上で特定のページやリソースがどこにあるかを示す住所のようなものです。URLがどのように機能するかを知ることは、インターネットのしくみを理解するために重要です。
URLの主要な構成要素:

- プロトコル
リソースにアクセスするために使用される通信の種類を示します(例: http、https)。 - ドメイン
ウェブサイトの固有名(例: stemkids.jp)。 - サブドメイン
サブドメインは、1つのドメインを用途に応じて複数に分割するときに使われます(例: www や blog)。 - パス
サブディレクトリを含むファイルの位置を示します(例: /technology)。 - パラメータ
検索やフィルタリングなどの追加情報を提供する要素です(例: ?q=searchterm)。 - アンカー
ページ内の特定の場所を表示するためのリンクです(例: #top)。
これで、基本的なウェブのしくみを理解できました。次回ウェブサイトにアクセスするときには、それぞれの要素がどのように作用してページが画面に表示されるのかがわかりますね。ウェブは便利なツールです。さあ、深まった知識とともにインターネットの世界を探求しよう!
参考文献: Henrik Frystyk. The World-Wide Web . w3.org. July 1994.