Web基礎

Webサーバーとは？仕組み・FTP・CDNまで初心者向けに解説

著者: FreeHostBox Web Academy 編集部 公開日: 2026-09-01 最終更新: 2026-09-09

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

Webサーバーとは、ブラウザからの要求（HTTPリクエスト）に応じてページを返す側のコンピューターとソフトウェアです。ブラウザが「お客」、Webサーバーが「店員」とイメージすると分かりやすいです。お客が注文（リクエスト）し、店員が厨房（ファイルやプログラム）から料理（HTMLや画像）を運んでくる関係です。

要求の送り方はHTTPとはで解説しました。本記事は受け取る側の話です。置き場所の用意から公開までの全体手順に戻りたい場合は、Webサイトの作り方が地図になります。私たちはMDN Web DocsとApache・Nginxの公式ドキュメントを参考に、初めての方にも分かりやすくまとめました。

ポイント: 「サーバー」という言葉は機械とソフトの両方を指します。日常会話の「サーバーを借りる」は、両方まとめて借りるレンタルサーバーを指す場合がほとんどです。まずはこの二重の意味を区別すると混乱しません。

公開までの最小構成：4点がそろうと世界に届く

Webサーバーの役割は、公開作業の全体像の中で捉えると定着します。世界中からURLで閲覧できる状態には、次の4点が必要です。

1. HTMLファイルを作る: 中身の文書を用意します。書き方はHTMLとはで扱います。トップページは index.html という名前にします。
2. FTPまたはファイルマネージャーでサーバーへ置く: 自分のパソコンからサーバーの公開フォルダへ転送します。具体的手順はHTMLの公開方法で扱います。
3. ドメイン（住所）を結びつける: 人間向けの名前とサーバーをひも付けます。考え方はドメインとは、住所解決の裏側はDNSとはで解説しています。
4. SSLでHTTPS化する: 暗号化して鍵マークで届けます。概念はSSLとは、手順はSSL/HTTPS設定手順にまとめています。

この4点がそろうと、ブラウザからのHTTP要求に対してサーバーが正しく応答できる状態になります。逆に404や鍵マークなし警告が出たら、この4点のどこが欠けているかを順に確認します。詳しい順番と優先度はWebサイトの作り方にまとめています。

[あなたのPC] --FTP/ファイルマネージャー--> [Webサーバー public_html/index.html]
[読者のブラウザ] --HTTP/HTTPS要求--> [Webサーバー] --HTMLを応答--> [読者のブラウザに表示]
[ドメイン example.com] --DNS--> [サーバーのIP]  ※住所解決はDNSが担当

上の図で、左半分が「置く作業」、右半分が「届ける作業」です。Webサーバーは両方の受け皿になります。初心者はまず右半分の届ける動きを理解し、次に左半分の置く作業を実践すると順序が崩れません。

• 公開の4点（HTML・転送・ドメイン・SSL）を言える
• 置く作業と届ける作業を区別できる
• 404が出たら4点のどこかを疑うと分かる
• 全体地図としてWebサイトの作り方に戻れると知っている

Webサーバーの2つの意味と主要ソフトの比較

「Webサーバー」という言葉の二重性を整理します。機械とソフトのどちらを指しているかで話が変わります。機械はデータセンターのコンピューターや仮想マシンなどの「置き場所・土地」に相当し、レンタルで借りる側として意識します。ソフトはApache・Nginx・LiteSpeedなどの「接客係・店員」に相当し、管理画面経由で触る範囲が中心になります。

日常会話の「サーバーを借りる」は、両方まとめて借りる無料レンタルサーバーとはを指す場合がほとんどです。条件別の詳しい比較は徹底比較と自社調査でもご紹介しています。本記事では概念の土台に絞ります。

代表的なサーバーソフトの特徴も表で押さえます。初心者が直接選ぶ場面は少ないですが、レンタルサーバーの機能ページで名前を見かけるため概要だけ知っておきます。

いずれもHTTPの応答という本質は同じです。違いは同時接続のさばき方や設定方式です。共有レンタルサーバーでは利用者が設定ファイルを直接書く場面は限られ、管理画面の項目（PHPバージョン切替、SSL有効化、リダイレクト設定など）として間接的に触れます。私たちがご用意している環境の詳細は料金ページをご覧ください。分からなければ私たちがサポートします。

静的配信と動的処理：公開フォルダ・権限の考え方

Webサーバーの仕事は、大きく静的配信と動的処理に分かれます。この区別がHTMLとはとPHPとはの分業理解につながります。

静的配信では、公開フォルダ（ドキュメントルート）のどこに何を置いたかがそのままURLになります。たとえば公開フォルダが public_html の場合、public_html/index.html が https://example.com/index.html（省略時は /）に、public_html/img/photo.jpg が https://example.com/img/photo.jpg に対応します。フォルダ名やファイル名の大文字小文字は区別されるため、Photo.jpg と photo.jpg は別物として扱われます。トップページの自動表示（/ で index.html を返す）はサーバーの代表的な約束事です。

public_html/                 ← 公開フォルダ（管理画面の表示に従う）
├── index.html               ← https://example.com/ として表示
├── about.html               ← https://example.com/about.html
├── css/style.css            ← https://example.com/css/style.css
├── img/photo.jpg            ← https://example.com/img/photo.jpg
└── contact.php              ← 動的処理（PHPとして実行される）

動的処理では、PHPファイルへの要求が来るとサーバーがPHP実行環境へ渡し、必要に応じてMySQL/MariaDBへ問い合わせてHTMLを組み立てます。FreeHostBoxではPHP 8.3、MySQL 8 / MariaDB 11.4をご用意し、WordPressなどの自動設置にSoftaculousをお使いいただけます。ぜひ無料プランでお試しください。動的化の入口はPHPとはとPHPの動かし方、DB連携はMySQLとはとデータベースの作り方、アプリ連携の全体はPHPとMySQLの連携で扱います。

権限（パーミッション）の考え方も押さえます。ファイルが「誰に読ませてよいか」「書き換えてよいのは誰か」を示す番号（例: ファイルは644、フォルダは755が典型）で、公開物の読み取り可否や500エラーの原因になります。安易に777（全開放）にすると改ざんの足がかりになるため、詰まったときだけ管理画面や公式案内の推奨値へ合わせます。具体的な数値の変更は慎重に行い、変更前はバックアップを取ります。

FTPとは：ファイルマネージャーとの使い分け

FTPとは、自分のパソコンとサーバー間でファイルを送受信する仕組みです。専用ソフト（FTPクライアント）またはブラウザ上のファイルマネージャーを使います。目的は同じ「公開フォルダへ置く」ですが、操作感と向く場面が異なります。

FTPの接続情報は、ホスト名・ユーザー名・パスワード・ポート・暗号化方式（FTPS等の案内がある場合）などで構成されます。いずれも管理画面で発行・確認します。具体的手順はHTMLの公開方法で扱います。管理画面の表示に従って進めてください。

# FTP転送の最小イメージ（概念図・コマンドではない）
自分のPC: index.html (UTF-8, 半角小文字)
  → 接続（ホスト/ユーザー/パスワードを確認）
  → 公開フォルダ public_html/ へ移動
  → index.html を転送・上書き
  → ブラウザで https://example.com/ を再読み込みして確認

FTPでよくある失敗は3つです。第一に、公開フォルダの一つ上（ホーム直下）に置いてしまい404になる事例。第二に、大文字小文字や拡張子の不一致（index.HTML や Index.html は別物）。第三に、転送後にキャッシュで古い表示のままになり「反映されない」と誤解する事例です。いずれも置き場所・名前・再読み込みの3点確認で解決します。パスワード等の取扱いに注意し、公共PCでの保存は避けてください。セキュアな接続方式の案内がある場合はそちらを優先します。

FreeHostBoxではFTPとオンラインファイルマネージャーの両方をご用意しています。初心者の方はファイルマネージャーから始め、更新頻度が上がったらFTPへ移ると迷いにくくなります。ぜひ無料プランでお試しください。

CDNとは：効果と不要な場合の見極め

CDN（Content Delivery Network）とは、世界各地にコピーを置き、近い場所から届けて速く・安定させる仕組みです。本体サーバー（origin）の前に geographically 分散した中継網を置くイメージです。

• 効果1 距離による遅延の軽減: 東京のサーバーから海外へ直接届けるより、近くの拠点から届ける方が往復時間が短くなります。海外閲覧が多いサイトで効きます。
• 効果2 集中アクセスの分散: バズやキャンペーン時の spike を各地で肩代わりし、本体の過負荷を和らげます。
• 効果3 安定性の向上: 一部経路の障害時に別経路で届けられる冗長性が得られます。

一方、入門段階では必須ではありません。小規模・学習サイト・国内向けの静的ページは origin のみで十分です。「CDNを使えば必ず速くなる」わけではなく、元画像の肥大やPHP・DBの遅延が原因なら先にそちらを直します。たとえば1枚2MBの画像を10枚置いたままでは、CDNを前置しても体感は重いままです。まず画像軽量化とキャッシュ見直しを行い、海外展開やバズ対策が必要になった段階で検討する順番が合理的です。

CDN導入時はキャッシュ保持期間と更新反映の関係に注意します。CDN側に古いコピーが残ると、originを直しても表示が変わらない期間が生じます。更新時はパージ（破棄）操作や版付きファイル名（style.v2.css）で切り分けます。設定画面の名称は事業者ごとに異なるため、利用するCDNの公式案内を優先してください。

レンタルサーバー・無料サーバーの位置づけと選び方

個人がサーバーを自前で買って24時間運用する代わりに、事業者の設備を間借りするのがレンタルサーバーです。位置づけを表で整理します。

無料から始めて育ったら移行する流れが合理的です。チェック観点は容量・PHP/MySQL対応・WordPress対応・独自ドメイン持ち込み・SSL・広告有無・サポートです。私たちはPHP 8.3、MySQL 8 / MariaDB 11.4、無料SSL、広告なし、無料サブドメイン＋独自ドメイン持ち込み、FTP・オンラインファイルマネージャー、Softaculous 400+アプリ自動設置・5GB NVMeストレージ・転送無制限・VistaPanel・Cron・phpMyAdminをご用意しています。ぜひ無料プランでお試しください。条件別の比較は徹底比較、一次データは自社調査もご覧ください。無料プランの内容は料金ページをご覧ください。

選び方の手順は、無料レンタルサーバーとはで条件を確認し、学習・試作なら無料から始める形です。独自ドメインは後付け可能であり、最初は無料サブドメインで練習する方が安全です。住所の考え方はドメインとは、結びつけの実務は独自ドメイン設定で扱います。

つまずき・誤解とチェックリスト：実践への接続

初心者のつまずきを6つに整理します。いずれも公開作業と直結します。

• 誤解1「サーバー＝難しい機械」: レンタルサーバーでは機械管理を事業者が担います。利用者はファイル配置と管理画面の範囲を扱えれば公開できます。まずWebサイトの作り方で全体像をつかみます。
• 誤解2「FTPを使いこなさないと公開できない」: ファイルマネージャーだけでも公開できます。少量・初回はブラウザ完結の方が迷いません。手順はHTMLの公開方法に両方式を載せています。
• 誤解3「CDN必須」: 小規模では不要です。画像軽量化とHTTPS化が先です。
• つまずき1「404が直らない」: 置き場所（公開フォルダ直下か下層か）、ファイル名の大文字小文字、URL綴りの順に確認します。public_html の一つ上に置く事例が頻出です。
• つまずき2「500が出た」: 直前に触ったPHPや .htaccess を疑います。バックアップから戻し、1行ずつ反映します。動的処理の入口はPHPの動かし方で扱います。
• つまずき3「更新が反映されない」: CDNやブラウザのキャッシュです。強制再読み込み、シークレットウィンドウ、転送ログの確認で切り分けます。

公開前の最小チェックリスト

• 公開フォルダ（管理画面案内の public_html 等）の直下に index.html がある
• ファイル名は半角英数・小文字で、大文字小文字の不一致がない
• 画像・CSSのパスが相対参照で正しく、混在（http://）がない
• https:// で鍵マークが出る（SSL/HTTPS設定手順で確認）
• スマホ表示を確認し、巨大画像を置いていない
• FTP情報を安全に保管し、公共PCに残していない
• 独自ドメインを使う場合は独自ドメイン設定の浸透待ちを考慮した

次に読む記事

• Webサイトの作り方 — 全体手順の地図に戻り、企画から改善までの順番を確認します。
• HTMLの公開方法 — FTP・アップロードの実践手順です。本記事の置く作業を具体化します。
• 無料レンタルサーバーとは — 借り方の選択とチェック観点を整理します。
• HTMLとは — 返す中身の文書構造を押さえ、静的配信の理解を固めます。
• PHPとは — 動的処理の入口です。静的との違いが明確になります。
• ドメインとは — 住所の意味と独自ドメインの考え方を補強します。

よくある質問

Q. Webサーバーとレンタルサーバーの違いは何ですか？ A. Webサーバーは機能・機械そのもの、レンタルサーバーはそれを借りられるサービスです。個人が設備を買わずに公開できるのが利点です。選び方は無料レンタルサーバーとはで整理しています。

Q. FTPとファイルマネージャーはどちらがよいですか？ A. 少量・初心者はファイルマネージャー、大量・継続更新はFTPが効率的です。FreeHostBoxでは両方をご用意しています。手順はHTMLの公開方法で両方式を扱います。

Q. CDNは初心者に必要ですか？ A. 必須ではありません。小規模・学習サイトは本体のみで十分です。画像最適化とHTTPS化を先に行い、海外展開や集中対策が必要になった段階で検討します。

Q. index.htmlはどこに置きますか？ A. 公開フォルダ（public_html や htdocs など、管理画面の案内に従う）の直下です。トップページとして自動表示されます。管理画面の表示に従って進めてください。

Q. 動的サイトと静的サイトの違いは何ですか？ A. 静的は置いたファイルをそのまま返し、動的はPHP実行やDB参照で生成して返します。前者は紹介・ポートフォリオ、後者は更新頻度の高い事業・会員系に向きます。動的の入口はPHPの動かし方とWordPressとはです。

Q. 無料サーバーでWordPressは動きますか？ A. FreeHostBoxではPHP 8.3・MySQL 8 / MariaDB 11.4・Softaculous 400+アプリ自動設置をご用意しています。具体的な手順はWordPressの始め方で扱います。無料プランの内容は料金ページをご覧ください。

出典

• MDN Web Docs、Apache HTTP Server・Nginx公式ドキュメント
• IETF RFC 9110〜9114（HTTP Semanticsほか）
• 無料プランの内容は料金ページをご覧ください。分からなければ私たちがサポートします。まずは無料プランで実際に触って確かめてみてください。