MacでPHPを学ぼうとすると、
「まず何をインストールすればいいのか分からない」
という問題に直面します。
PHPは サーバー側で動く言語 のため、
HTMLやJavaScriptのように
ファイルを直接ブラウザで開くだけでは動きません。
そこで必要になるのが、
ローカル開発環境 です。
この記事では、
MacでPHPを学ぶための定番ツールである MAMP を使って、
PHPが動く開発環境を構築する手順 を、初心者向けに丁寧に解説します。
この記事で学べること
・MAMPとは何か
・なぜMAMPが必要なのか
・MAMPのインストール手順
・PHPが動作するまでの確認方法
・初心者がつまずきやすいポイント
MAMPとは何か
MAMPとは、
MacでWeb開発を行うためのローカルサーバー環境です。
名前は、次の頭文字から来ています。
・M：Mac
・A：Apache
・M：MySQL
・P：PHP
つまり、
Web開発に必要な基本ソフトをまとめてインストールできるツールです。
なぜMAMPが必要なのか
PHPは、
サーバー上で実行される言語です。
そのため、
・PHPファイルを
・Webサーバー経由で
・ブラウザからアクセスする
必要があります。
MAMPを使うと、
自分のMacの中に
「簡易的なWebサーバー」を立てることができます。
MAMPを使うメリット
MAMPのメリットは次の通りです。
・インストールが簡単
・設定が比較的シンプル
・学習用途には十分な機能
・MySQLも同時に使える
初心者が
最初の一歩でつまずきにくい のが大きな特徴です。
MAMPのインストール手順
ここから、実際の導入手順を説明します。
① MAMP公式サイトにアクセス
まず、
MAMPの公式サイトにアクセスします。
検索キーワード例
「MAMP Mac」
公式サイトから
無料版（MAMP） をダウンロードしてください。
※ MAMP PRO（有料）は不要です。
② MAMPをダウンロード・インストール
ダウンロードしたファイルを開き、
画面の指示に従ってインストールします。
基本的には、
特に設定を変更せず進めてOK です。
インストールが完了すると、
アプリケーションフォルダに
「MAMP」が追加されます。
③ MAMPを起動する
アプリケーションフォルダから
MAMPを起動します。
起動後、
「Start」ボタンを押すと、
ApacheとMySQLが起動します。
④ サーバーが起動しているか確認
Startを押すと、
自動的にブラウザが開きます。
次のような画面が表示されれば成功です。
・MAMPのスタートページが表示される
・エラーが出ていない
この時点で、
ローカルサーバーは正常に動作しています。
ドキュメントルートを理解する（重要）
MAMPで最も重要なのが、
ドキュメントルート の理解です。
ドキュメントルートとは
ドキュメントルートとは、
ブラウザからアクセスできるファイルを置く場所です。
MAMPのデフォルト設定では、
次のフォルダになっています。
なぜここにファイルを置くのか
このフォルダの中にあるファイルだけが、
ブラウザから
http://localhostとしてアクセスできます。
PHPが動くか確認してみよう
環境構築が正しくできているか、
実際にPHPを動かして確認します。
① PHPファイルを作成
htdocsフォルダの中に、
次のファイルを作成します。
ファイル名
中身
② ブラウザでアクセス
ブラウザで次のURLを開きます。
③ 画面が表示されれば成功
PHPの情報がずらっと表示されれば、
PHPが正しく動作しています。
表示されない場合は、
・ファイル名
・保存場所
・MAMPが起動しているか
を確認してください。
PHPのバージョンについて
MAMPでは、
複数のPHPバージョンを切り替えられます。
学習用途では、
特に指定せず、最新安定版で問題ありません。
実務に進んだ段階で、
バージョン指定の意味を理解すればOKです。
よくあるトラブルと対処法
初心者がつまずきやすい点をまとめます。
・localhostにアクセスできない
→ MAMPが起動しているか確認
・test.phpがダウンロードされる
→ PHPではなくファイルとして開いている
→ URLを確認
・エラー画面が出る
→ ファイル保存場所を確認
この環境でできるようになること
ここまでできれば、
次のことが可能になります。
・PHPファイルを実行できる
・フォーム処理を学べる
・データベース連携の準備が整う
本格的なPHP学習のスタート地点です。
まとめ
MAMPを使えば、
Macで簡単にPHPの開発環境を構築できます。
・MAMPはローカル開発環境
・htdocsが作業場所
・localhostで動作確認
この環境が整えば、
次はいよいよ HTMLを実際に書きながら学習 していきます。
次に読むべき記事
▶ 次の記事：
2-5 ドキュメントルートとURLの関係を理解する
▶ 関連記事：
2-2 VSCode / PhpStormの基本設定とおすすめ拡張
コメント