学べる・買える・出会える。SB C&Sのマーケティングツール総合サイト。

  • 契約パートナー数 
  • 掲載ツール数 製品

知る・学ぶ

今更聞けない、デジタルマーケティングの基礎知識から、最新のアドテクまで、あなたに役立つ情報をご紹介します。

構築ツール

Webサイトはどうやって表示される?WebサーバとWebブラウザの役割

  • 2015年12月16日
  • Webサーバー
  • ブラウザ

ser_catch.jpg

Webサイトを公開するときには、Webサーバが必要となります。そもそも、Webサイトはどのようにして表示されているのか、Webサーバはどのような役割をしているのかを知らなければ、適切なサーバを選ぶことはできません。今回は、Webサイトの表示の仕組みとWebサーバの役割について説明します。

サーバってなに?

サーバという言葉は、データやソフトウェアを格納するハードウェアを指す場合と、Webサーバやメールサーバといったプログラムを指す場合があります。

これが、サーバを理解しづらくする原因で、こちらの記事で詳しく説明しているので参考にしてください。

サーバって何?初心者でもわかる4つのサーバの種類

今回の記事では、Webサーバというソフトウェアではなく、「Webサーバというソフトウェアがインストールされたサーバ」をWebサーバと表現して説明します。

Webサイトはどのようにして表示されるのか

Webサイトを閲覧するときにはInternet ExplorerやGoogle Chrome、Safariといった「Webブラウザ」を利用します。

WebブラウザでWebサーバにアクセスして、WebブラウザがWebサーバから画像やテキストなどのデータを受け取ります。受け取った情報をWebブラウザが解釈し、普段見ているWebサイトの形で表示されます。

Webブラウザは何をしているのか

Webサイトを表示するときには、WebブラウザはHTMLドキュメントというデータを受け取ります。

その中にテキストや画像、ページのデザインやレイアウトを指定するCSS、ページ内で動きをつけるJavaScriptなどが指定してあり、Webブラウザはそれらを解析し整理します。

それらを画面に描画(レンダリング)することで、Webサイトを表示しています。

ちなみに、Webサイトを制作するときに問題になる、ブラウザによる表示崩れはレンダリング方法が異なることが原因であることがほとんどです。特にInternet Explorerはバージョンが変わる毎にレンダリング方法が変化し、どのバージョンまで対応すべきかの判断が重要となります。

Webサーバは何をしているのか

Webサーバは、最終的にはWebブラウザに対してデータを返しますが、データを返す仕組みは大きく分けて2つあります。

保管しているファイルを返す(静的なサイト)

これは単純で、サーバが保管しているHTMLドキュメントを返す仕組みです。普段、仕事に利用しているパソコンと同様にWebサーバもデータを保管しています。「test.html」というファイルへのリクエストがあれば、そのままそのファイルを返します。

その後は、先ほど説明した通り、そのファイルをWebブラウザが解釈してWebサイトが表示されます。

実行した結果を返す(動的なサイト)

2つ目は、Webブラウザからのリクエストに対して、Webサーバが何らかの処理をして実行結果を返す仕組みです。いわゆる、「動的な処理」を行なうサイトではWebサーバはこの仕組みを持っています。

商品等の検索やフリーワード検索、リアルタイムの人気記事ランキングといったコンテンツを表示する場合には、Webサーバが何らかの処理を行ない、リクエストに答えるWebドキュメントを生成してWebブラウザに返します。

例えば「https://www.google.co.jp/search?q=marketingbank」というURLをブラウザから叩くと次のように表示されます。

ser_image1.png

「marketingbank」について検索したいというリクエストを、Googleのサーバに送られ、リクエストにマッチしたHTMLドキュメントをGoogleのサーバがが生成、それを受け取ったWebブラウザが表示をします。

かつては、単純なWebサイトが多く、1つ目のようなデータを保管して返すという仕組みを持ったWebサーバでこと足りました。しかし、現在では検索機能を含め、様々な動作をするWebサイト(動的なサイト)が求められ、このような仕組みを持ったWebサーバを構築する必要性が増えています。

 Webサーバはどのように選ぶのか

Webサーバを選ぶときには、まずどのような仕組みのWebサイトを作るのかが決定している必要があります。

単純に置いているファイルを返すだけの役割(静的サイト)が必要な場合には、共用サーバで十分です。ただ、アクセスが膨大であったり、一時的に大量のアクセスがあるサイトの場合は、VPSやパブリッククラウドを検討する必要があります。 動的なサイトの場合には、Javaやphpといった言語を用いて動的な処理を行なうので、それらの言語に対応しているサーバを選ぶ必要があります。共用サーバの多くは対応しておらず、VPSやパブリッククラウドを検討することになります。

さらに、サイトの規模といった条件でのサーバーの選び方についてはこちらの記事で詳しく説明しているので参考にしてください。

4種類のサーバの違いと選び方

まとめ

今回はWebサイトを表示するときの、WebブラウザとWebサーバの役割について説明しました。Webサイトを表示する大まかな流れは、Webサイトを運営するうえで、理解しておく必要があります。

Webブラウザが何を行なっているかを理解し、適切なWebサーバ選びを行ないましょう。

Marketing Bankの最新情報を受け取る方法

Marketing Bankは毎日の売り上げにきっと繋がるマーケティング情報を発信中です。
会員登録してメールマガジンを受け取るか、RSS・Facebookとお好みの方法をお選びください。

MarketingBankで丸ごと解決!

メルマガ会員登録(無料)をして、
デジタルマーケティングを学ぼう!

メルマガ会員登録

Marketing Bankをフォロー



お問い合わせ・ご相談

SB C&Sがあなたのビジネスをサポートします。
どんなことでもご相談ください。

お客様から多く寄せられるご質問はこちら
メールでのお問い合わせはこちら

TO PAGE TOP