【xampp】初心者でもわかるようにxampp入れてPHP＋MySql環境作る説明する

新しく環境作るのに調べたので、できる限り解説しながら手順を残します。

#前提
・Windows環境での手順です。

#XAMPPとは
プログラムを実行するために必要なものがまとめられたパッケージです。
この投稿ではインストールから簡単な動作確認まで順番に行っていきます。

#インストール
公式サイトからインストールに必要なファイルをダウンロードします。
zip版とexe版がありますがzip版がインストール・アンインストール共にお手軽でオススメです。
<a href="" target="_blank">こちらから（zip版）</a>
![image](https://qiita-image-store.s3.amazonaws.com/0/144238/a246bfc1-c284-3f87-a312-a83aacb4fec7.png)

<a href="https://www.apachefriends.org/jp/index.html" target="_blank">こちらから（exe版）</a>
![image](https://qiita-image-store.s3.amazonaws.com/0/144238/714b5f01-0710-8868-bb22-40eeabfc8718.png)

##パターンＡ：zipファイルでインストール
ダウンロードしたzipファイルを解凍してください。
解凍して出来上がった[xampp]フォルダをまるごとC:\に移動します。

どこやねんって方は
[スタートメニュー]→[コンピューター]→[Cドライブ]と進んでください。

###phpMyAdminのインストール
MySQLをブラウザで操作できるアプリです。
zip版は入っていない？ようなので自分でインストールします。

手順は簡単でダウンロード→解凍→移動です。
<a href="https://www.phpmyadmin.net/downloads/" target="_blank">ダウンロードはこちら</a>
zipが一番解凍が楽でしょう
![image](https://qiita-image-store.s3.amazonaws.com/0/144238/26819c65-dd2a-2f5e-fc7c-8cd5705d535e.png)

解凍したらフォルダの名前を「phpMyAdmin」に変更します。

「phpMyAdmin」をフォルダごとxampp直下のhtdocsに移動したら完了です。
例でいうとC:\xampp\htdocsです。

###アンインストールしたい
[xampp]フォルダを丸ごと削除してください。

##パターンＢ：exeファイルでインストール
ダウンロードしたexeファイルを実行してください。
少し待つとインストールの手続きが始まります。

###0.確認
セキュリティソフトが入っているパソコンの場合画像のような選択肢がでますが[Yes]で進みます。
ざっくり説明すると「ウイルスと間違われてインストールの失敗の原因になるかもしれない」ってことです。
![image](https://qiita-image-store.s3.amazonaws.com/0/144238/83577f5a-a83c-4327-d590-dc926625134d.png)

###1.ようこそ
[Next>]で進みます。
![image](https://qiita-image-store.s3.amazonaws.com/0/144238/050486b2-0271-1734-a733-f9b0e30af37e.png)

###2.インストールする機能
ご理解されている方はデフォルトのままでよいですが
よくわからない方は画像を参考にしてください。
以下４点があれば大丈夫です。
・Apache
・MySQL
・PHP
・phpMyAdmin
チェックできたら[Next>]で進みます。
![image](https://qiita-image-store.s3.amazonaws.com/0/144238/08c782f7-a62a-bfcc-fd4c-b4c5f4ad002f.png)

###3.インストールする場所
デフォルトのままで構いませんが「Program Files」が含む場所は推奨されていません。
よくわからない方は画像を参考にしてください。
設定したら[Next>]で進みます。
![image](https://qiita-image-store.s3.amazonaws.com/0/144238/986aac67-76d8-ab51-bca9-1bf372a3fe46.png)
####！！注意！！
過去にインストールしたことがある場所や、別のファイルが存在すると画像のようなエラーが出ます。
必ず中身が空の場所を選択してください。
![image](https://qiita-image-store.s3.amazonaws.com/0/144238/262d51ff-0dbc-7b82-bc3d-eed0d2ae6071.png)

###4.アドオン
今は関係ないのでチェックを外して[Next>]で進みます。
![image](https://qiita-image-store.s3.amazonaws.com/0/144238/b1df01bb-ce7f-deff-398b-f71a27a879aa.png)

###5.最終確認
[Next>]でインストールを開始します。
![image](https://qiita-image-store.s3.amazonaws.com/0/144238/d38a1245-9dd1-9cd3-d853-90899794570f.png)

###6.インストール
しばらく待ちます。
![image](https://qiita-image-store.s3.amazonaws.com/0/144238/258afce2-23a4-921d-4d6b-8f29df749cf9.png)
####！！注意！！
管理者権限のないパソコンでインストールすると最後の最後でエラーがでます。
気にしないでOKで進んでしまっていいです。（たぶん・・・）
![image](https://qiita-image-store.s3.amazonaws.com/0/144238/a64ba1d6-ce89-f41c-686d-bc5fd6fae7c4.png)

###7.終了
チェックボックスを外してから、[finish]で終了

###アンインストールしたい
インストールした[xampp]フォルダにuninstall.exeがあります。
**必ずこのファイルでアンインストールを行ってください。**
**最悪パソコンが激重になります。**

#動作確認
インストールした場所に管理GUIを起動するアプリが入っています。

画像の例でいくとC:\xamppですね。
頑張って「xampp-control.exe]を見つけてください。
![image](https://qiita-image-store.s3.amazonaws.com/0/144238/08135d15-69bd-302b-3d58-3217cb929206.png)

起動すると何やら国旗が出ます。
言語選択なのでアメリカを選んでsaveします。（当バージョンには日本語版がありません。）
![image](https://qiita-image-store.s3.amazonaws.com/0/144238/c2ca5060-aaad-4187-d88c-990b33998eec.png)

少し待つと管理画面が立ち上がってきます。
![image](https://qiita-image-store.s3.amazonaws.com/0/144238/c12ee3a9-d9e9-be99-ca54-fa3490d1300b.png)
ApacheとMySQLのstartボタンを押しましょう。
ファイアウォールに捕捉されたら許可しましょう。

無事起動できたらこんな感じになります。
![image](https://qiita-image-store.s3.amazonaws.com/0/144238/27d57cab-1e99-f5d9-89d4-80c185d143ce.png)

この状態になったらブラウザで確認します。
まずはPHPの確認をします。
<a href="http://127.0.0.1/dashboard/phpinfo.php" target="_blank">http://127.0.0.1/dashboard/phpinfo.php</a>
こんな感じの画面が出たらPHPの動作OKです！
![image](https://qiita-image-store.s3.amazonaws.com/0/144238/ed079474-118d-26ba-f0a2-8e665df5bd35.png)

次にMySQLの動作確認をします。
<a href="http://127.0.0.1/phpmyadmin/" target="_blank">http://127.0.0.1/phpmyadmin/</a>
なにやらガッチリした画面が出てきたらOK
rootのパスワード変えろと言われてるのでUserAccountタブでパスワードの変更をしておいてください。
![image](https://qiita-image-store.s3.amazonaws.com/0/144238/12951825-ab34-4071-c020-455b35e4dfef.png)

以上で動作確認含めて完了です。お疲れ様でした。

#まとめ
これにてPHPとMySQLを使うことができるようになりました。

PHPをいじりたいときはxampp内のhtdocsにソースを置いてアクセスしたら動作を見れます。
MySQLに関してはphpMyAdminで充分勉強ができます。

開発環境を作るのって意外と時間がかかるのですがxamppは解凍インストールはい、終わりだから楽でいいですね。

#小ネタ
xampp-control.exeの画面は×ボタンで閉じてはいけない（戒め）
必ずquitボタンで閉じましょう。

万が一×ボタンで消したらプロセスを消すまで画面を立ち上げられなくなります。