Web開発を学び始めたばかりの方にとって、まず必要なのがローカル環境の構築です。 この記事では、PHPの学習やWordPressの動作確認に役立つ「MAMP」「XAMPP」というローカルサーバーの使い方を、初心者向けにわかりやすく解説します。
MAMPとXAMPPとは？
| 項目 | MAMP | XAMPP |
|---|---|---|
| 対応OS | macOS / Windows | macOS / Windows / Linux |
| 使いやすさ | 初心者向けでシンプル | 多機能で中級者以上にもおすすめ |
| MySQL操作 | あり（phpMyAdmin付き） | あり（phpMyAdmin付き） |
| PHPバージョン選択 | Pro版で可能 | 複数バージョン対応（インストール時に選択） |
どちらも「Apache + MySQL + PHP」の環境をワンクリックで構築できる便利なツールです。
1. MAMPのインストール手順
1-1. MAMPのダウンロード
- 公式サイトへアクセス
- mac または Windows の「Free Download」ボタンをクリック
- ダウンロードしたインストーラーを起動
1-2. インストール手順（例：mac）
- ダウンロードした
.pkgファイルを開く - 「続ける」「同意する」などを選択しながら進める
- インストールが完了したら
アプリケーション > MAMPフォルダに配置されます
1-3. 初期設定
- MAMPを起動し、コントロールパネルが表示される
- 「Preferences（環境設定）」 > 「Ports」で下記のように設定するのがおすすめ
Apache: 8888
Nginx: 7888
MySQL: 8889- 「Web Server」タブでドキュメントルートを確認（例：
/Applications/MAMP/htdocs）
1-4. ブラウザでの動作確認
htdocsフォルダにindex.phpを作成（例：<?php phpinfo(); ?>）- ブラウザで
http://localhost:8888/にアクセス - PHP情報ページが表示されれば成功！
2. XAMPPのインストール手順
2-1. XAMPPのダウンロード
- 公式サイトへアクセス
- OSに応じて「Download」ボタンをクリック（macOS / Windows）
- インストーラーを起動
2-2. インストール手順（例：Windows）
.exeファイルを実行- セキュリティ警告が出たら「許可」
- Apache, MySQL などを選択して進める（基本はすべてオンでOK）
2-3. XAMPPの起動と確認
- XAMPP Control Panel を起動
- 「Apache」「MySQL」をそれぞれ「Start」ボタンで起動
- ブラウザで
http://localhost/にアクセス → XAMPPの初期画面が表示されればOK！
2-4. ファイル配置と表示確認
htdocsフォルダ内にPHPファイルを作成- 例：
htdocs/test/index.php→ ブラウザでhttp://localhost/test/にアクセス
3. よくあるトラブルと対処法
| 症状 | 対処法 |
| Apacheが起動しない | Skypeや他アプリがポート80を使っている→アプリを終了またはポート変更 |
| 403 Forbidden が出る | ファイルやフォルダのパーミッションを確認（644, 755推奨） |
ブラウザで localhost が表示されない | Apacheが未起動／ファイル名ミスなどを確認 |
4. まとめ
MAMPもXAMPPも、数クリックで簡単にWebサーバー環境を構築できる強力なツールです。
- MAMP：macユーザーやシンプル操作が好きな人におすすめ
- XAMPP：Windowsユーザーや多機能を使いたい人に最適
PHP学習やWordPress開発の第一歩として、ぜひ使いこなしてみてください！