はじめまして。
現役エンジニアのKentaです。
本日は、表題にある通りウェブサイトが表示されるのはどのような技術が使用されているのか、裏側の仕組みを丁寧に解説していきたいと思います。
エンジニア以外の方にも分かりやすいように噛み砕いて説明をしておりますので、どうぞ最後までお付き合いください。
まず最初に結論です。
ウェブサイトは、下記の通りの流れでスマートフォン・PCに表示されております。
1. スマートフォンで検索結果にあるサイトをクリックする。
2. DNSという技術が使われ、ドメイン名(例: yahoo.co.jp)から
iPアドレスという数字列(例: 192.168.0.0)を取得する
3. iPアドレス=サーバの住所となるため、そのサーバへクリックした
サイトの表示してほしい旨を伝える。
4. サーバから該当のページのHTMLファイルが送信される。
5. HTMLが読み込んでいるCSS,JS,画像ファイルなどをサーバへ転送依頼を
なげて、ファイルがあればファイルが転送される。
大まかな流れはこんな感じですが、更に細かく見ていきます。
1. スマートフォンで検索結果にあるサイトをクリックする。
ウェブサイトの入口は多くの方が、検索結果から入ると思います。
例えば、「夏 旅行」と検索したときキーワードに合致したウェブサイトが一覧で表示されます。
この検索結果の一番上のサイトをクリックしてみましょう。
ここから、インターネットの壮大な冒険が始まります。
2. DNSという技術が使われ、ドメイン名(例: yahoo.co.jp)からiPアドレスという数字列(例: 192.168.0.0)を取得する
もう一度、手順1の検索結果を確認すると「nta.co.jp」という文字列が表示されていること思いますが、これはドメイン名と呼ばれる該当のウェブサイトが置いてある、サーバの住所の別名のようなものとなります。
このドメインという概念は、人間がウェブサイトにアクセスしやすいようにと生まれた概念となってます。
というのも、サーバの住所はiPアドレスという数字列で管理しているものとなるため人間には管理がし辛いものとなっております。(例えば、皆さんがよく使うgoogleのサイトのiPアドレスは、142.250.207.46となります。ちなみにこの数字列をブラウで検索してもgoogleのサイトへ遷移することが可能となります。)
前置きが少し長かったですが、ウェブサイトすべてにはiPアドレスという数字列が割り当てられており、我々がドメインでアクセスをしたときも裏ではiPアドレスに変換をして該当サーバへのアクセスが行われております。
この変換の技術は、「DNS (Domain Name Systes)」となっております。
ちなみに、実際のウェブサイト公開時には、レンタルサーバにドメイン名を割り当てる作業を行うのですがこれは、このDNSという仕組みを使うための作業となっております。(これを行わないと、ユーザはiPアドレスでしかアクセスができない状態になってしまいます。)
3. iPアドレス=サーバの住所となるため、そのサーバへクリックしたサイトの表示してほしい旨を伝える。
手順2で該当サイトのiPアドレスが判明したので、そのサーバへクリックしたサイトを表示してもらいます。
4. サーバから該当のページのHTMLファイルが送信される。
ウェブページは、HTMLというファイルでサーバに保存されているため、このHTMLをユーザに返却することが次の作業となります。
5. HTMLが読み込んでいるCSS,JS,画像ファイルなどをサーバへ転送依頼をなげて、ファイルがあればファイルが転送される。
手順4で終わりな気がしてしまいますが、ウェブページはHTML以外の素材も使用しております。
HTMLを装飾するためのCSSファイル、ウェブサイトに動きをつけるJSファイル、ウェブページに埋め込まれている画像や動画などをサーバにもらう必要があります。
この各ファイルをサーバにもらう作業は一度で終わるのではなく、例えば画像が100枚埋め込まれているページの場合は、画像をもらう作業を100回も行う必要があります。
少し話はそれますが、このHTML以外のファイルをもらう作業が長くなればなるほどウェブページが表示されるまでにかかる時間が長くなってしまいます。
この回数を削減するのは画像や読み込むファイルを減らすしかないので、一般的には画像のサイズを小さくして表示速度を早める施策が行われます。
以上！
これであなたの画面にウェブページが表示されるようになりました！！
皆様、お疲れ様でした。
筆者は下記のサービスにて、あなたのWEBサイト構築をサポートさせていただいております。
WEB制作会社で現役エンジニアとしてサイト構築・運用を行っているので丁寧にサポートさせていただきます。
今なら、格安でご依頼いただけるので是非！
ではでは、、
初投稿はここらで失礼したいと思います。
今後も不定期で投稿を行っていきますので、よろしくお願いします！
