✅ この記事で理解できること
- WebサイトとWebサービスの違い
- ブラウザ → サーバー → DB の実行フロー
- Webサーバー、アプリケーションサーバー、DBサーバーの役割
- FastCGI・php-fpmとは何か？
✅ 用語の前提整理
| 用語 |
説明 |
| Webサイト |
静的なHTML・画像・CSSなどをブラウザに表示（例：企業サイト） |
| Webサービス（Webアプリケーション） |
ログイン・投稿・購入など、ユーザーの操作で動的に変化するサービス（例：ECサイト、SNS） |
| API |
フロントエンドとバックエンドが通信するためのインターフェース（URL形式）。JSONを返すことが多い |
| サーバー |
ソフトウェアやデータを処理・提供するコンピュータまたはプロセス |
✅ Webサイト vs Webサービスの処理フロー
🔷 A. Webサイト（静的HTML）の流れ
[1] ブラウザが https://example.com にアクセス
↓
[2] Webサーバー（Apache/Nginx）が HTML ファイルを返す
↓
[3] ブラウザが表示（HTML＋CSS＋画像）
- HTMLやCSS、画像ファイルは ファイルとして保存されている
- PHPやDBなどの動的処理は発生しない（静的）
🔷 B. Webサービス（動的アプリケーション）の流れ
[1] ブラウザでログインボタンを押す
↓
[2] JavaScript が API（例：/api/login）にリクエスト送信
↓
[3] Webサーバー（NginxやApache）がリクエストを受ける
↓
[4] Webサーバーが FastCGI 経由で php-fpm に処理を渡す
↓
[5] PHP（Laravelなど）がリクエストを処理
↓
[6] DBサーバーと通信し、ユーザー情報などを取得
↓
[7] PHPがJSONで結果を返す
↓
[8] Webサーバー → ブラウザへレスポンス返却
↓
[9] ブラウザがJavaScriptで画面を更新（Vue, Reactなど）
✅ 関わるサーバーの種類と役割
| サーバーの種類 |
具体例 |
主な役割 |
| Webサーバー |
Nginx, Apache |
HTTP通信の受付、ルーティング、静的ファイル提供 |
| アプリケーションサーバー |
php-fpm, Node.js |
PHPなどのプログラムを実行 |
| DBサーバー |
MySQL, PostgreSQL |
ユーザー情報・商品データなどを保存・提供 |
| 静的配信サーバー |
S3, Netlify, Vercel |
HTML/CSS/JS/画像などの配信（SPAなど） |
※上記でWebサーバーとアプリケーションサーバーとDBサーバーと分けられていますが、これは物理的にサーバーが別れているとは限りません。
分ける場合もありますが（AWSなどを使っていると別けて処理する場合が多い）、プロセスとして分離されている場合もあります。
✅ Laravel + Vue/Nuxt 構成の場合の流れ
[ ブラウザ ]
↓ HTML表示 or API通信
[ Webサーバー（Nginx） ]
↓ FastCGI（通信プロトコル）
[ PHP実行エンジン（php-fpm） ]
↓ PHPアプリ（Laravelなど）
↓ DBアクセス（MySQLなど）
↓ 結果をJSONで返す
✅ FastCGI / php-fpm とは？
-
FastCGI：Webサーバーとアプリケーション（PHPなど）を分離して通信するための仕組み（プロトコル）
-
php-fpm：PHPをFastCGIとして実行するプロセスマネージャ
- Webサーバー（Nginx等）とは別プロセスでPHPが実行されるため、パフォーマンスと安定性が高い
✅ なぜ「WebサーバーとPHP」を分離するのか？
| 課題（旧来のmod_php） |
解決策（FastCGI + php-fpm） |
| ApacheがPHPも処理→高負荷で不安定 |
PHPを別プロセスに分離し、高速で安定 |
| メンテやスケーリングが難しい |
PHPを自由にスケール、独立管理しやすい |
| モダン構成と乖離 |
FastCGIは本番構成の標準的手法 |
✅ 結論まとめ
- Webサイト＝HTML等の静的ファイルを返すだけ
- Webサービス＝JavaScriptがAPIを叩き、PHP（Laravelなど）が動的に処理
- WebサーバーとPHPを分離することで、スケーラビリティと保守性が向上
- FastCGI + php-fpm構成は、Laravel開発や本番運用でのベストプラクティス
✅ おまけ：どのように使い分ける？
| 条件 |
推奨構成 |
| 静的Webサイト（コーポレートなど） |
HTML/CSS + Apache or Netlify |
| API付きWebサービス（SPA, Laravel） |
Nginx + php-fpm（Laravel） + Vue/Nuxt（SPA） |
| 本番構成と揃えたい |
DockerやAWSでFastCGI構成にするのが◎ |
理解を深めることで、Docker構成、インフラ設計、Laravel×Vueの連携にも自信が持てるようになります！
