・画面を作る
・見た目を整える
・ユーザー操作に反応する

といった ブラウザ側の処理 を学んできました。

しかし、Webサービスには
次のような処理が必ず存在します。

・フォームの内容を保存したい
・ログイン状態を管理したい
・データを条件に応じて出し分けたい

これらは、
ブラウザだけでは実現できません。

そこで登場するのが、
PHP（サーバーサイド言語） です。

この記事では、
PHPとは何か
サーバーサイドの考え方
を中心に、PHP学習の土台を整理します。

この記事で学べること

・PHPとは何か
・サーバーサイドとはどういう意味か
・JavaScriptとの役割の違い
・PHPでできることの全体像

PHPとは何か

PHPとは、
サーバー上で動作するプログラミング言語です。

PHPを使うことで、

・データを処理する
・条件に応じてHTMLを生成する
・データベースと連携する

といったことが可能になります。

重要なのは、
PHPはブラウザでは動かない
という点です。

サーバーサイドとは何か

サーバーサイドとは、
ユーザーのPCやスマホではなく、
サーバー側で処理を行う領域 を指します。

処理の流れを簡単に整理すると、

・ブラウザがリクエストを送る
・サーバーが処理する
・結果（HTMLなど）を返す

という形になります。

ユーザーは、
「結果」しか見ることができません。

PHPはどこで動いているのか

PHPは、
Webサーバー上で実行 されます。

・ローカル開発環境（MAMP / XAMPPなど）
・レンタルサーバー
・VPS / クラウド

これらの環境に
PHPがインストールされていれば、
PHPコードは実行されます。

PHPとJavaScriptの違い

ここで、
非常に重要な違いを整理します。

・JavaScript
　ブラウザで動く
　画面操作が得意

・PHP
　サーバーで動く
　データ処理が得意

両者は、
競合するものではなく、役割が違う
という点を必ず理解してください。

なぜPHPが必要なのか

JavaScriptだけでは、
次のことができません。

・安全にデータを保存する
・ユーザーごとの状態を管理する
・サーバー側での判定処理

これらは、
サーバーサイドでしか実現できない処理です。

PHPは、
Webサービスの「裏側」を支える役割を担っています。

PHPでできる代表的なこと

PHPでできることを整理します。

・フォームデータの受信
・入力内容のチェック
・データベースへの保存
・ログイン処理
・ページ内容の出し分け

これらは、
ほぼすべてのWebサービスで使われています。

PHPはHTMLと組み合わせて使う

PHPは、
単体で使われることはほとんどありません。

・HTMLの中にPHPを書く
・PHPでHTMLを生成する

という形で使われます。

そのため、
HTMLの理解があることが
PHP学習の大きな助けになります。

PHPコードはユーザーに見えない

ここも重要なポイントです。

PHPは、
サーバーで実行された後の結果だけ
がブラウザに送られます。

そのため、

・PHPのコードそのもの
・処理の中身

は、
ユーザーからは見えません。

これは、
セキュリティ面でも非常に重要です。

PHP学習で最初に意識すべきこと

PHP学習の初期では、
次の点を意識してください。

・「どこで動いているか」を常に考える
・ブラウザではなくサーバーで実行される
・結果だけが返ってくる

この意識がないと、
JavaScriptとの混同で必ず詰まります。

これからPHPで学ぶ内容

6章では、
次の内容を順番に学んでいきます。

・PHPの基本文法
・変数と条件分岐
・フォームデータの受け取り
・ファイルとデータの扱い

最終的には、
HTMLフォームとPHPをつなぐ
ところまで到達します。

まとめ

PHPは、
Webサービスの裏側を支える
サーバーサイド言語です。

・PHPはサーバーで動く
・JavaScriptはブラウザで動く
・役割が違うからこそ両方必要

この違いを理解できれば、
PHPは決して難しい存在ではありません。

次は、
PHPの基本的な書き方と文法
に進み、実際にPHPコードを書いていきます。

次に読むべき記事

▶ 次の記事
6-2 PHPの基本文法と書き方

▶ 関連記事
3-7 HTMLフォーム送信の仕組みを理解する（GET / POST）
5-1 JavaScriptとは何か

・開発環境とは何か
・MAMP / XAMPP のインストール
・サーバーの起動

までを行いました。

しかし、この時点では
本当にPHPが動いているかどうかは、まだ分かりません。

環境構築で最も重要なのは、
「実際にPHPを動かして確認すること」 です。

この記事では、
最小限のPHPファイルを使って、

・PHPが実行されているか
・HTMLとして返ってきているか

を、自分の目で確認します。

この記事で学べること

・PHP動作確認の目的
・PHPファイルの作り方
・ブラウザからの正しいアクセス方法
・エラーが出た場合の考え方

なぜ動作確認が必要なのか

環境構築でよくある失敗は、

・インストールしただけで安心する
・サーバーが起動していない
・PHPが実行されていない

というケースです。

「PHPが書ける」ことと
「PHPが動く」ことは別 です。

必ず、
自分で動かして確認しましょう。

PHP動作確認のゴール

この記事のゴールは、
次の状態になることです。

・PHPファイルを作成できた
・ブラウザからアクセスできた
・PHPの処理結果が表示された

この3つが確認できれば、
開発環境は完成 です。

PHPファイルを作成する

まずは、
ドキュメントルート に
PHPファイルを作成します。

ファイル名は、
test.php とします。

サンプルコード①：最小のPHPコード

<?php
echo 'PHPが動いています';

ポイント

・ファイル名は .php
・拡張子が .html ではない
・必ず <?php から始まる

ブラウザからアクセスする

作成した PHP ファイルには、
必ずブラウザ経由でアクセス します。

例として、

・http://localhost/test.php

のようなURLにアクセスします。

※ ファイルを
　ダブルクリックして開いても
　PHPは実行されません。

正しく動作している場合

画面に、

「PHPが動いています」

と表示されていれば成功です。

これは、

・PHPコードが
・サーバー上で実行され
・結果がHTMLとして返された

という状態です。

表示されない場合に確認すること

表示されない場合、
次の点を順番に確認してください。

① サーバーは起動しているか

・MAMP / XAMPP の管理画面で
・Apache が起動しているか

これが止まっていると、
PHPは一切動きません。

② ファイルの置き場所は正しいか

・ドキュメントルートに置いているか
・別のフォルダに作っていないか

ここが原因のケースは非常に多いです。

③ URLは正しいか

・localhost を使っているか
・ファイル名は合っているか

URLとファイルの対応関係を
必ず確認してください。

PHPがそのまま表示される場合

もし画面に、

<?php echo 'PHPが動いています'; ?>

のように
コードがそのまま表示された場合 は、

・PHPが実行されていない
・HTMLとして扱われている

状態です。

この場合は、

・PHPが有効になっていない
・サーバー経由でアクセスしていない

可能性があります。

phpinfo()で詳細を確認する

もう一段、
環境を確認する方法があります。

サンプルコード②：phpinfo()

<?php
phpinfo();

このファイルにアクセスすると、

・PHPのバージョン
・設定内容
・有効な拡張機能

などが一覧で表示されます。

これは、

「PHPが確実に動いている証拠」
になります。

phpinfo()の画面を見たらやること

phpinfo() が表示されたら、

・PHPのバージョン
・エラーレポート設定

を軽く確認し、
このファイルは削除または非公開に してください。

本番環境では、
表示してはいけない情報です。

エラーが出た場合の考え方

エラーが出た場合は、
「失敗した」と思わないでください。

これは、

開発環境が正しくエラーを表示している証拠
です。

エラーは、

・どこで
・何が
・なぜ

起きているかを教えてくれます。

この確認が今後ずっと役に立つ理由

この「PHPが動いた」という体験は、

・HTML学習
・PHP基礎
・フォーム処理
・データベース連携

すべての土台になります。

今後、

「動かない」

と感じたときは、
必ずここに立ち返ってください。

まとめ

この記事では、

・PHPファイルの作成
・ブラウザからのアクセス
・動作確認の方法

を通して、
開発環境が正しく動いているか を確認しました。

この確認ができた時点で、
2章の目的はほぼ達成です。

次に読むべき記事

▶ 次の記事
2-7 ブラウザ開発者ツールの基本的な使い方

▶ 関連記事
2-2 開発環境構築の全体像と流れ

しかし、
その裏側では 複数の技術が連携して処理 されています。

・HTMLはどこで処理されているのか
・PHPはいつ実行されているのか
・ブラウザは何をしているのか

これらを理解していないと、
後の学習で 必ず混乱 します。

この記事では、
Webページが表示されるまでの流れ を
できるだけシンプルに、順番で整理します。

この記事で学べること

・Webページ表示の全体像
・ブラウザとサーバーの役割
・HTML / CSS / JavaScript / PHP の位置づけ
・なぜエラーが起きるのかの理由

Webページは「誰が作っているのか」

まず結論から整理します。

Webページは、サーバーとブラウザの共同作業 です。

・サーバー
　→ データを用意する側
・ブラウザ
　→ 画面に表示する側

この役割分担を理解することが、
Web開発の最初の一歩です。

Webページ表示の全体の流れ

Webページが表示されるまでの流れは、
次のようになっています。

1. ブラウザがURLにアクセスする

2. サーバーにリクエストが送られる

3. サーバーが処理を行う

4. HTMLがブラウザに返される

5. ブラウザが画面に表示する

重要なのは、
最終的にブラウザが受け取るのはHTML
という点です。

ブラウザの役割

ブラウザ（ChromeやSafariなど）は、
次の役割を担っています。

・HTMLを読み取る
・CSSを適用する
・JavaScriptを実行する
・画面として描画する

つまり、
見た目を作っているのはブラウザ です。

サーバーの役割

一方、サーバーは次の役割を担います。

・リクエストを受け取る
・PHPなどのプログラムを実行する
・必要なHTMLを生成する
・結果をブラウザに返す

PHPは、
サーバー側でのみ実行される
という点が非常に重要です。

HTMLはどこで処理されているのか

HTMLは、
サーバーでは処理されません。

サーバーは、

・HTMLを「文字として返す」だけ

です。

HTMLを読み取り、
構造として解釈しているのは
ブラウザ です。

PHPはどこで実行されているのか

PHPは、

・サーバー上で
・HTMLを作るために
・実行されるプログラム

です。

PHPの処理結果として、
HTMLが生成されてから
ブラウザに送られます。

ブラウザには、
PHPのコードそのものは届きません。

PHPとHTMLの関係

整理すると、
次の関係になります。

・PHP
　→ HTMLを作るための道具
・HTML
　→ ブラウザに表示される結果

そのため、

「PHPが正しく動いているか」
＝
「最終的にHTMLがどうなっているか」

を見ることが重要になります。

CSSとJavaScriptはいつ動くのか

CSSとJavaScriptは、
ブラウザ側で動作 します。

・CSS
　→ 見た目を整える
・JavaScript
　→ 動きをつける

PHPとは違い、
ブラウザが直接処理する点が特徴です。

なぜ「表示されない」エラーが起きるのか

Web開発でよくある
「表示されない」という問題は、
次のどこかで止まっています。

・サーバーに届いていない
・PHPでエラーが起きている
・HTMLが正しく生成されていない
・ブラウザ側でエラーが起きている

どこで問題が起きているかを
切り分けられるようになると、
デバッグが一気に楽になります。

初心者が混乱しやすいポイント

特に多い混乱ポイントです。

・PHPのechoが画面に出ない
・HTMLは正しいのに表示が崩れる
・JavaScriptのエラーで画面が止まる

これらはすべて、
「どこで処理されているか」
を理解していないことが原因です。

学習時のおすすめの考え方

コードを書くときは、
常に次を意識してください。

・この処理はサーバー側か？
・ブラウザ側か？

この視点を持つだけで、
Web開発の理解度は大きく変わります。

まとめ

Webページは、

・サーバーで処理され
・HTMLが生成され
・ブラウザで表示される

という流れで動いています。

PHPはサーバー側、
HTML / CSS / JavaScript はブラウザ側。

この 役割分担 を理解できたことが、
今後の学習の大きな土台になります。

次に読むべき記事

▶ 次の記事
1-4 フロントエンドとバックエンドの違い

▶ 関連記事
1-5 開発環境と本番環境の違いとは？