・開発環境とは何か
・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 開発環境構築の全体像と流れ

この記事では、
Windowsユーザー向けの開発環境構築ツール「XAMPP」 を使って、
PHPが動く環境を用意します。

ここでも大切なのは、
手順をなぞることではなく「何を準備しているのか」を理解すること です。

この記事で学べること

・XAMPPとは何か
・XAMPPで何が用意されるのか
・Windowsでの基本的な環境構築の考え方
・PHP開発環境として使う準備

XAMPPとは何か

XAMPPとは、
WindowsでWeb開発を行うための環境をまとめて用意できるツール です。

XAMPPという名前は、
次の頭文字から来ています。

・X：クロスプラットフォーム
・A：Apache（Webサーバー）
・M：MySQL（データベース）
・P：PHP

つまり、
Web開発に必要な基本要素を一式まとめた環境
と考えてください。

なぜXAMPPを使うのか

Windows環境で、

・Apache
・PHP
・MySQL

を個別に設定するのは、
初心者にとって難易度が高くなります。

XAMPPを使うことで、

・まとめてインストールできる
・設定が最小限で済む
・すぐにPHPを動かせる

というメリットがあります。

XAMPPで用意されるもの

XAMPPをインストールすると、
次のものが自動で用意されます。

・Apache（Webサーバー）
・PHP（実行環境）
・MySQL（データベース）
・管理用コントロールパネル

これらを
自分で個別に準備する必要はありません。

XAMPPのダウンロードとインストール

まずは、
XAMPPを公式サイトからダウンロードし、
インストーラーを実行します。

この工程では、

・特別な知識
・難しい設定

は不要です。

画面の案内に従って
インストールを進めてください。

XAMPPコントロールパネルを確認する

インストール後、
XAMPPコントロールパネルを起動します。

ここでは、

・Apache
・MySQL

の状態を
まとめて管理 できます。

ApacheとMySQLを起動する

コントロールパネルから、

・Apache を起動
・MySQL を起動

します。

両方が起動していれば、
開発環境の土台が動き始めた状態 です。

ローカルサーバーとして動いている状態

Apacheを起動すると、
自分のWindows PCがローカルサーバーとして動作 します。

これは、

・インターネット上のサーバーではない
・自分のPCの中だけで動く

開発専用のサーバーです。

ドキュメントルートを理解する

XAMPPには、
ドキュメントルート と呼ばれる場所があります。

ここに置いたファイルだけが、
ブラウザからアクセス可能になります。

今後作成する、

・HTML
・PHP

ファイルは、
必ずこの場所に配置 します。

なぜドキュメントルートが重要なのか

Windows環境でも、
次のようなトラブルがよく起きます。

・ファイルは作ったが表示されない
・URLにアクセスしても見つからない

多くの場合、
ドキュメントルート以外にファイルを置いている
ことが原因です。

PHPバージョンについて

XAMPPにも、
PHPのバージョンが含まれています。

この段階では、

・最新である必要はない
・安定しているバージョン

が使えていれば十分です。

PHPのバージョン差による注意点は、
後の章で改めて扱います。

ここではまだ動作確認は行わない

この記事の目的は、
環境を用意すること です。

・PHPが実行されるか
・画面に結果が表示されるか

といった確認は、
次の記事（2-6） でまとめて行います。

初心者がよくつまずくポイント

XAMPP構築で多いポイントです。

・Apacheが起動していない
・MySQLだけ起動して満足している
・ファイルの配置場所が違う

まずは、

「Apacheが起動しているか」
を必ず確認してください。

まとめ

XAMPPは、

・Windowsで
・PHP開発を始めるための
・定番の開発環境

です。

この段階では、

・正しくインストールできた
・ApacheとMySQLが起動した

という状態になっていれば問題ありません。

次に読むべき記事

▶ 次の記事
2-6 PHPが正しく動作しているか確認してみよう

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

ここから2章では、
実際にコードを書いて動かすための準備 に入ります。

その第一歩が、
開発環境の構築 です。

しかし初心者の多くが、

・なぜ環境構築が必要なのか
・何を準備しているのか分からないまま手順をなぞる

という状態に陥ります。

この記事では、
環境構築に入る前に必ず理解しておくべき考え方 を整理します。

この記事で学べること

・開発環境とは何か
・なぜ開発環境が必要なのか
・Web開発に必要な構成要素
・この後の記事で何をするのか

開発環境とは何か（再確認）

開発環境とは、
自分のパソコン上でWebアプリを動かすための環境 です。

本番環境と違い、

・自由に試せる
・失敗しても問題ない
・エラーを確認できる

という特徴があります。

2章では、
この「安全に試せる場所」を
自分のPCに用意することが目的です。

なぜ開発環境が必要なのか

PHPは、
サーバー側で動く言語 です。

そのため、

・HTMLファイルを直接開く
・PHPファイルをダブルクリックする

といった方法では、
正しく動作しません。

Webサーバー・PHP・データベース
といった環境を用意して、
初めてPHPは動きます。

Web開発に必要な基本構成

PHP開発に必要な要素は、
大きく次の3つです。

・Webサーバー
　→ リクエストを受け取る

・PHP
　→ プログラムを実行する

・データベース
　→ データを保存する

これらを
まとめて用意するのが開発環境構築 です。

ローカル環境で開発するという考え方

2章では、
ローカル環境（自分のPC） で開発を行います。

理由は次の通りです。

・ネット接続がなくても作業できる
・失敗しても誰にも影響がない
・試行錯誤しやすい

この考え方は、
実務でも変わりません。

環境構築は「理解」が重要

環境構築の記事では、
どうしても

・手順通りに進める
・そのままインストールする

になりがちです。

しかし大切なのは、

「今、何をインストールしているのか」
「それは何のためなのか」

を理解することです。

2章で扱う開発環境の種類

2章では、
次のような環境を順番に扱います。

・MAMP（Mac向け）
・XAMPP（Windows向け）
・開発環境の動作確認
・ブラウザ開発者ツール

それぞれ、
役割と使いどころ を意識して進めます。

環境構築でよくある不安

初心者が感じやすい不安です。

・失敗したら壊れそう
・設定を間違えたら戻せない
・専門用語が多くて怖い

ですが、
2章の内容はすべて

「学習用」
「ローカル環境」

なので、
安心して進めて問題ありません。

この章を終えた時のゴール

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

・PHPがローカルで動く
・ブラウザで結果を確認できる
・エラーを見て原因を考えられる

ここまで来れば、
3章以降の
HTML / CSS / PHP 学習が
スムーズに進みます。

まとめ

開発環境とは、

・Web開発を行うための
・安全な実験場

です。

2章では、
「なぜ必要か」を理解しながら
環境を整えていきます。

ここを曖昧にせず進めることで、
後のPHP学習で
つまずきにくくなります。

次に読むべき記事

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

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