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

多くの人が次の疑問にぶつかります。

・ファイルをどこに置けばいいのか分からない
・URLとフォルダの関係が分からない
・なぜ表示されないのか分からない

この原因は、
👉 ドキュメントルートの理解不足 にあります。

この記事では、
URLとファイルの関係を完全に整理 します。

この記事で学べること

・ドキュメントルートとは何か
・URLとファイルパスの対応関係
・フォルダ構造とURLの関係
・表示されないときの原因の見つけ方

ドキュメントルートとは何か

ドキュメントルートとは、

👉 ブラウザからアクセスできる「公開フォルダ」

のことです。

簡単に言うと、

👉 ここに置いたファイルだけがURLで見える

という場所です。

イメージで理解する

例えば、
MAMPやXAMPPでは、次のようなフォルダがあります。

/htdocs/
index.php
test.html

ドキュメントルート です。

URLとの対応関係

このとき、
URLは次のように対応します。

無効なURLです

localhost

→ /htdocs/index.php

無効なURLです

localhost

→ /htdocs/test.html

つまり、

👉 URLはドキュメントルートからの相対位置

を表しています。

フォルダを使った場合

フォルダを作ると、
URLもその構造に対応します。

/htdocs/
sample/
index.html

無効なURLです

localhost

でアクセスできます。

indexファイルの特別な扱い

多くの環境では、
index ファイルは特別扱いされます。

無効なURLです

localhost

とアクセスすると、

/sample/index.html

よくある構成パターン

実務でもよく使う構成です。

/htdocs/
index.php
css/
js/
images/

無効なURLです

localhost

http://localhost/images/logo.png

のようになります。

なぜ表示されないのか

表示されない原因のほとんどは、
次のどれかです。

・ドキュメントルート外に置いている
・URLのパスが間違っている
・ファイル名が違う（大文字小文字）

よくあるミス①：場所が違う

/Users/xxx/Desktop/test.html

ブラウザからはアクセスできません。

👉 ドキュメントルート内に置く必要があります

よくあるミス②：パスのズレ

<img src="images/sample.jpg">

/htdocs/sample/images/sample.jpg

👉 パスがズレて表示されません

よくあるミス③：大文字小文字

sample.jpg

Sample.jpg

特に本番環境（Linux）では
厳密に区別されます。

相対パスとの関係

3章で学ぶ「相対パス」は、
このドキュメントルート理解が前提になります。

例えば、

<img src="images/sample.jpg">

👉 今いるファイルから見た位置

を意味します。

PHPとの関係

PHPでも同じ考え方です。

include 'header.php';

👉 現在のファイルからの相対位置

を基準に読み込まれます。

実践：確認してみよう

次の構成を作ってみてください。

/htdocs/
test/
index.html

<h1>テストページ</h1>

無効なURLです

localhost

これが表示されれば、

理解はOKです。

まとめ

ドキュメントルートとは、

👉 Webから見える基準のフォルダ

です。

そしてURLは、

👉 その中のどこにあるかを表すもの

です。

この理解があれば、

・ファイル配置で迷わない
・パスエラーで詰まらない
・PHPやCSSの読み込みで困らない

状態になります。

次に読むべき記事

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

▶ 関連記事
3-4 リンクと画像の使い方

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

ただし、
この段階での目的は
「とにかくインストールすること」ではありません。

・何を用意しているのか
・なぜその設定が必要なのか

を理解しながら進めることが重要です。

この記事で学べること

・MAMPとは何か
・MAMPで何がインストールされるのか
・Macでの基本的な設定方法
・PHP開発環境として使う準備

MAMPとは何か

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

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

・M：macOS
・A：Apache（Webサーバー）
・M：MySQL（データベース）
・P：PHP

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

なぜMAMPを使うのか

初心者がいきなり、

・Webサーバーを個別に設定
・PHPを手動でインストール
・設定ファイルを編集

するのは、
難易度が高く挫折しやすいです。

MAMPを使うことで、

・インストールが簡単
・設定が最小限
・すぐにPHPを動かせる

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

MAMPで用意されるもの

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

・Apache（Webサーバー）
・PHP（実行環境）
・MySQL（データベース）
・管理用ツール

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

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

まずは、
MAMPを公式サイトからダウンロードし、
通常のアプリケーションと同様にインストールします。

この工程では、

・特別な設定
・難しい操作

は不要です。

画面の指示に従って進めてください。

MAMPを起動してみる

インストール後、
MAMPを起動します。

起動すると、

・Apache
・MySQL

の状態が確認できる画面が表示されます。

ここでは、
「サーバーを起動する」ことが目的 です。

サーバーを起動する

MAMPの管理画面で、
サーバーを起動します。

・Apache が起動
・MySQL が起動

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

ローカルサーバーとは何か

ここで重要な概念です。

MAMPでサーバーを起動すると、
自分のMacがローカルサーバーとして動作 します。

つまり、

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

Webサーバーが立ち上がっています。

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

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

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

今後は、

・HTML
・PHP

ファイルを、
この場所に作成 していきます。

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

初心者がよく混乱するポイントです。

・ファイルはあるのに表示されない
・ブラウザで開けない

これは、
ドキュメントルート以外にファイルを置いている
ことが原因である場合がほとんどです。

「どこに置いたファイルが表示されるのか」
を必ず意識してください。

PHPバージョンについて

MAMPでは、
使用するPHPのバージョンを選択できます。

この段階では、

・最新すぎない
・安定している

バージョンを使えば問題ありません。

後の章で、
PHPのバージョン差による注意点
にも触れていきます。

ここではまだ「動作確認」はしない

この記事では、
環境を用意するところまで を扱います。

・PHPが本当に動くか
・ブラウザで結果が表示されるか

の確認は、
次の記事（2-6） で行います。

焦らず、
まずは環境を整えることに集中してください。

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

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

・サーバーを起動していない
・ファイルの置き場所が違う
・URLを間違えている

「サーバーが動いているか」
「正しい場所にファイルがあるか」
を最初に確認しましょう。

まとめ

MAMPは、

・Macで
・PHP開発を始めるための
・最短ルート

となるツールです。

この段階では、

・正しくインストールできた
・サーバーが起動した

という状態になっていれば十分です。

次に読むべき記事

▶ 次の記事
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 開発環境と本番環境の違いとは？