Webサーバーとは何か？静的ページと動的ページの仕組みを初心者向けに解説

はじめに

前の記事では
Webブラウザの役割を学びました。

では次に気になるのが、

「ブラウザの相手側って何をしているの？」
「Webサーバーって結局なに？」

という点です。

この記事では、

• Webサーバーとは何か
• 静的ページと動的ページの違い
• Webエンジニアが理解すべきポイント

を、初心者向けに順番で解説します。

Webサーバーとは何か？

Webサーバーとは一言でいうと、

ブラウザからのリクエストを受け取り、
レスポンスを返す役割を持つコンピュータ

です。

Webサーバーは
Webの裏側の主役です。

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

基本的な仕事はとてもシンプルです。

1. ブラウザからリクエストを受け取る
2. 指定された処理を行う
3. 結果をレスポンスとして返す

この繰り返しが
Webの通信です。

WebサーバーとHTTPの関係

Webサーバーとの通信ルールは
HTTP / HTTPSです。

• リクエスト：やってほしいこと
• レスポンス：その結果

👉
Webサーバーは
HTTPのルールに従って動く存在です。

Webサーバーの代表例

よく使われるWebサーバーには
次のようなものがあります。

• Apache
• Nginx

これらは、

リクエストの受付係

のような存在です。

静的ページとは何か？

静的ページとは、

あらかじめ用意されたファイルを
そのまま返すページ

です。

静的ページの特徴

• HTMLファイルが存在する
• 誰が見ても同じ内容
• 処理が速い

静的ページの例

• 会社の紹介ページ
• 利用規約
• ランディングページ

内容が
変わらないページに向いています。

動的ページとは何か？

動的ページとは、

リクエストごとに
プログラムで内容を生成するページ

です。

動的ページの特徴

• ユーザーごとに内容が変わる
• データベースを使う
• サーバー側で処理が行われる

例：

• ログイン後の画面
• マイページ
• ECサイトの商品一覧

動的ページはどうやって作られるのか？

動的ページでは、
次の流れが起きています。

1. ブラウザからリクエスト
2. Webサーバーが受け取る
3. プログラムを実行
4. HTMLを生成
5. ブラウザへレスポンス

LaravelやRailsは
③〜④を担当します。

Webサーバーとアプリケーションの関係

ここは重要ポイントです。

• Webサーバー：受付係
• アプリケーション：処理係

という役割分担があります。

Webサーバーが
直接ビジネスロジックを処理するわけではありません。

Webサーバーとデータベースの関係

動的ページでは、
アプリケーションが

• データを取得
• データを保存

するために
データベースと通信します。

👉
Webサーバーは
その“入口”です。

なぜ役割分担するのか？

理由はシンプルです。

• 責務を分ける
• パフォーマンスを上げる
• 管理しやすくする

この考え方が
Webアプリの基本設計です。

Webエンジニアはどこまで理解すればいい？

結論です。

以下が説明できれば十分です。

• Webサーバーは受付役
• 静的ページと動的ページがある
• 動的ページはプログラムで生成
• フレームワークは動的ページ担当

細かい設定は
後からでOKです。

Webサーバーを理解すると何が良い？

• Laravelの役割が明確になる
• サーバー構成が見える
• エラー原因が切り分けやすくなる

👉
「なんとなく動いている」が消えます。

次に学ぶべきこと

Webサーバーが分かったら、
次は👇です。

👉 Webページが表示されるまでの流れを完全解説

まとめ

• WebサーバーはWebの裏側
• 静的ページと動的ページがある
• フレームワークは動的ページ担当
• Webエンジニアの必須知識

この記事は
Web基礎章の重要な柱です。