PHP開発者向け：ローカルでWebサイトを動かすまでの手順 　XAMPP 設定手順　サーバー初心者向け

Web開発は経験者で、Webサイト開発は何の問題もないのだが、自分のローカル環境にサーバー環境を作って、ローカル開発ができるようにしたいのだが、サーバー知識がないために、何をどうセットアップしてよいかわからない方向けに、指針となるようにステップバイステップで説明しております。

ステップ 1：仕組みをざっくり理解する

Webサイトが動くには3つが必要です：

1. Webサーバー（例：Apache、Nginx）
   → ブラウザからのアクセスを受け付ける
2. PHP実行環境
   → PHPコードを処理してHTMLを返す
3. データベース（例：MySQL、MariaDB）
   → データを保存・読み出しする

👉 これをまとめて用意してくれるのが XAMPP／MAMP／Docker。
MAMP はMAC様です。　XAMPPはWINDOWS環境

---

ステップ 2：環境を選ぶ

初心者はまず XAMPP をおすすめします。

• Apache + PHP + MySQL + phpMyAdmin がワンパッケージ
• インストールして「Start」ボタンを押せば動く

WindowsならXAMPP、MacならMAMP、LinuxならLAMPパッケージが定番です。

---

ステップ 3：インストールと起動

1. XAMPPを公式サイトからダウンロード＆インストール
2. XAMPP Control Panelを起動
3. Apache と MySQL を「Start」する
4. ブラウザで http://localhost を開いて「It works!」が出れば成功

---

ステップ 4：PHPファイルを置く

1. プロジェクトを htdocs フォルダ（XAMPPのWebルート）にコピー
   • 例： C:\xampp\htdocs\myproject
2. ブラウザで http://localhost/myproject/index.php にアクセス
3. PHPコードが実行されればOK

---

ステップ 5：データベースを設定

1. ブラウザで http://localhost/phpmyadmin にアクセス
2. 新しいデータベースを作成（例：mydb）
3. PHPコード内の接続設定を確認

$host = "localhost";
$user = "root";
$pass = "";
$dbname = "mydb";

$conn = new mysqli($host, $user, $pass, $dbname);

4. テーブルを作成／SQLを流し込めば、DB連携完了。

---

ステップ 6：よくあるつまずきポイント

• ポートが競合してApacheが起動しない
  → SkypeやIISが80番ポートを使っている場合、XAMPP設定でポートを変更（例：8080）。
• 文字化けする
  → php.ini やHTMLに UTF-8 を指定する。
• MySQLにログインできない
  → XAMPP初期設定ではユーザー名 root、パスワード空欄。

---

ステップ 7：慣れてきたらDockerに進む

XAMPPに慣れたら、Docker Composeで本番に近い環境を作ると良いです。

• docker-compose.yml に「PHP・Apache・MySQL」を書いて一発構築。
• チームで「同じ環境」を再現できる。