情報活用編プラス

第2章「コミュニケーションと情報デザイン」

IP01-09

Webサーバを作成しよう

1 学習目標

2 チャット学習①

3 Webサーバとは

4 ポイント整理1

5 Webサーバの構成

6 Raspberry Piの準備をしよう

7 Webサーバを作ろう　～LAMP編～

8 ✏️WebサーバにWebページをアップしよう

9 振り返り

10 チャット学習②

11 フォームとは

12 ✏️フォームを使ってみよう

13 Webサーバを作ってみて

14 次回予告

3. Webサーバとは

Webサーバとは

学習の目的

  • 1. サーバとクライアント

  • 2. Webサーバとは

  • 3. Webサーバのレスポンスについて(参考)

Webサーバなど「○○サーバ」といわれるものはたくさんありますが、そもそもサーバって何でしょうか？

1. サーバとクライアント

サーバとクライアントという言葉は聞いたことあるでしょうか？

サーバとクライアントは何を指すか学習しましょう。

インターネットでWebページを見たり、SNSを使って会話をしたり情報を得ることはあると思います。

実は、その仕組みはサーバとクライアントという環境で構成されています。

サーバとクライアントという言葉で思いつくのはありますか？

メールサーバとかWebサーバとかは聞いたことあるけどクライアントはあまり聞いたことありません。

サーバとは、サービスを提供する側のことです。

例えば、WebサーバはWebページを見れるようにするコンピュータのことであり、メールサーバはメールを出したり読んだりするために管理を行うコンピュータを指します。

それに対しクライアントとは、サービスを利用する側のことです。サーバに対して、サービスを利用する要求を出します。

Webページを見る場合は、Webブラウザを利用します。この時のクライアントはWebブラウザです。

サーバとクライアントの関係は次のようになります。

情 報 こ と ば キ ー ワ ー ド

サーバ

サービスを提供する側のこと。

クライアント

サービスを要求する側のこと。

2. Webサーバとは

Webサーバとは、クライアントのサービス依頼に応じてWebページのデータ（文字や画像など）をクライアント（利用者）に送るコンピュータのことです。

たとえば、Webブラウザで「https://～」というURLを開くと、そのページのデータをWebサーバが送り返してくれて、画面に表示されます。

スマホやPCからWebページを見るときのデータのやり取りをもう少しだけ詳しく確認しましょう。

クライアントであるスマホやタブレット、PCからWebサーバにあるWebページを見る場合は次のようなやり取りが行われています。

  • ① クライアントであるWebブラウザ等から、「どのサーバにある、どのWebページが欲しい」というリクエストが送られる。
  • ② Webサーバはリクエストを受け取ったら、クライアントにWebページ情報(タグなどがついたWebページの内容)をレスポンスとして返す。

ところで、Webサーバといわれるコンピュータってどんなコンピュータだと思いますか？

ものすごく性能が高くて少し大きいコンピュータ。なんといってもサーバというくらいだから凄そう。

私もそんなイメージかな。
サーバっていうだけで私の使っているパソコンとは違って性能が高いと思います。

たしかに、サーバって聞くと高性能なコンピュータを想像するかもしれませんね。でも、実はサーバというのは“ソフトウェア”のことなんです。

えっ、ソフトウェア？じゃあ、すごく高いコンピュータじゃなくてもいいの？

そうなんです。たとえば、みなさんが普段使っているパソコンでも、Webサーバ用のソフトを入れればWebサーバになるんですよ！

へえ〜、知らなかった！ソフトが大事なんですね。

インターネットでWebページを見るときに使われるソフトウェアには次のようなものがあります。

ソフトウェア 主な役割 特徴
クライアント Google Chrome
Microsoft Edge
Safari
Firefox 		Webページを表示する
  • HTMLや画像を画面に表示する
  • スマホやPCで使える
Webサーバ Apache(アパッチ)
Nginx(エンジンエックス)
IIS(アイアイエス) 		Webページを配信する
  • リクエストを受け取り、HTMLなどのレスポンスを返す
  • Webサーバが利用するプログラムやデータベースがある

ApacheとかNginxとかをパソコンにインストールすれば、Webサーバとして使えるってことですか？

そうです。これから、WebサーバソフトをインストールしてWebサーバを作ってみましょう！

情 報 こ と ば キ ー ワ ー ド

リクエスト

WebブラウザからWebサーバに対して、Webページを見せて欲しいと問い合わせること

レスポンス

Webブラウザからリクエストに対し、返す応答のこと

3. Webサーバのレスポンスについて(参考)

インターネットで次のような画面を見たことはありませんか？

404エラーの時のWebページの表示例

そうそう、こんな感じの画面、たまに見ます。

ゲームの攻略サイトを見ていくと、結構「404」って出てくるページあるんだよな。404ってなんだ？

404とはWebサーバからレスポンスで戻された値です。レスポンスにはステータスコードが含まれており、ステータスコードの値で「正しい結果が返っているか」、「そうでないか」がわかるようになっています。

主なステータスコードは次のとおりです。

ステータスコード 意味 説明
200 OK 成功 リクエストされたページがあり、送信でしたことを表す
301 Moved Permanently 恒久的な引っ越し Webページが移動したことを表す
403 Forbidden アクセス禁止 今はアクセスできないようになっていることを表す
404 Not Found Webページが見つからない 指定したWebページが存在しないことを表す
500 Internal Server Error サーバエラー サーバの中でプログラムのエラーがあったことを表す

ゲームの攻略サイトを見ていくと、たまにページがなくなっていて404と出るのは、Webサーバから戻ってくるステータスコードが404だからなんだ！

ステータスコードを知っておくと、Webページが見れない場合に原因の予想がつきます。

Webサーバがどんなことを行っているか分かったと思います。

それでは、ポイント整理の後でWebサーバを作っていきましょう!

Well done!

次のステップに進みましょう！

次のステップに進む

← 前のステップにもどる