XAMPPを使ったPHP環境構築　インストール編


プログラミング初心者がPHPの開発環境を作ったので手順を記載していきます。（Windows）

初心者用なのである程度詳しい人は、得られるもの何もないかもです( 一一)

プログラミングの経験が少ないのに、PHPの開発環境を作らなければならない人向けです。


あ、ちなみにローカル環境構築です。

#ツールについて

今回はXAMPP（ザンプ）を使いました。

XAMPPとは、
　Ｘ・・cross-platform（Windows、Linux、Mac等）
　Ａ・・Apache
　Ｍ・・MySQL（MariaDB）
　Ｐ・・PHP
　Ｐ・・Perl（Python）
の頭文字をとったものです。（cross → クロス → X）

ウェブアプリケーションの実行に必要なソフトウェアをパッケージとしてまとめており、
XAMPPのダウンロード＆インストールでほぼほぼWEBアプリ実行環境が出来てしまうというのが特徴です。

#ダウンロード
まずは下記サイトからXAMPPをダウンロードします。
https://www.apachefriends.org/jp/index.html
（XAMPPダウンロード、XAMPPインストール　とかで調べれば出てきます）
<img src="https://qiita-image-store.s3.amazonaws.com/0/300540/1afeae1c-911b-1f71-1d93-07bd96fa0822.png" width=80%>
#インストール
とりあえずインストーラーを起動
<img src="https://qiita-image-store.s3.amazonaws.com/0/300540/e25bc608-5895-f6d0-8a99-9ec4c098c1bb.png" width=60%>
「アンチウイルスが動いているから動作が遅くなるかもよー」ってこと　→　YESでいい。
<img src="https://qiita-image-store.s3.amazonaws.com/0/300540/956b9df3-4537-b736-fed4-541f3e96230b.png" width=60%>
「ユーザアカウント制御が有効になっているからXAMPPの一部機能が制限されるかもよー」ってこと　→　OKでいい。
<img src="https://qiita-image-store.s3.amazonaws.com/0/300540/222e9e8c-d361-e46c-ee5b-89c5a9e6fdfc.png" width=60%>
「セットアップウィザード起動します！」　→　NEXT
<img src="https://qiita-image-store.s3.amazonaws.com/0/300540/84cc3bfd-9432-5a5e-e72f-5419ebe18b56.png" width=60%>
ここはとりあえず、気にしない　→　NEXT
<img src="https://qiita-image-store.s3.amazonaws.com/0/300540/4bb14a8a-789c-c65f-c7b3-2d59c8c2cc28.png" width=60%>
インストールする場所を指定　→　NEXTでいい。※Cドライブの容量が怪しい場合は、変えても良い！
<img src="https://qiita-image-store.s3.amazonaws.com/0/300540/8e74c8a8-964e-f8dd-4399-b6a54232a6cf.png" width=60%>
「XAMPPのホームページ開きますか？」　→　チェック外して　→　NEXT
<img src="https://qiita-image-store.s3.amazonaws.com/0/300540/ecc0d7f4-e574-0520-293d-6277827b0ab8.png" width=60%>
「インストール始めまーす！」　→　NEXT
<img src="https://qiita-image-store.s3.amazonaws.com/0/300540/4777facc-93c6-5ae9-fe95-3754e5028f75.png" width=60%>
「インストール中・・・」
<img src="https://qiita-image-store.s3.amazonaws.com/0/300540/47eafa20-7d39-ea7f-c148-6875f5480eea.png" width=60%>
「インストール完了！」　→　Finish
<img src="https://qiita-image-store.s3.amazonaws.com/0/300540/39f1d2a9-1108-1630-33c9-356b3f6a794f.png" width=40%>
英語とドイツ語を選べる、、、お任せします。
<img src="https://qiita-image-store.s3.amazonaws.com/0/300540/0b90a0a7-afcc-da44-9f03-b6ce0be1f4e3.png" width=60%>
起動出来たら成功　!(^^)!ﾜｰｲ


---
####起動確認

ではでは続いて、ApacheとMySQLの起動確認です！
（その他は最初は使わないので、一旦無視）
<img src="https://qiita-image-store.s3.amazonaws.com/0/300540/1d8db204-85b9-7563-63e4-49f98beb9a07.png" width=60%>
　↓　すると、、
<img src="https://qiita-image-store.s3.amazonaws.com/0/300540/3a6f294f-862c-cd9a-ea25-db18d27a85b2.png" width=60%>
こんな感じの画面になる。
これで起動した！！！


#####--ちょっと脱線(Apache起動しない件)--
Apacheを起動したときにエラーになることがあります。
<img src="https://qiita-image-store.s3.amazonaws.com/0/300540/a8e9f175-0014-e63b-c50b-1b7601a30e14.png" width=60%>
これは、「ポートの８０番がすでに使用されてますよー」ってことです。
なので、ポートの８０番を解放してあげなければなりません( ﾉД`)

じゃあ誰がポート８０を使用しているの？？

コマンドプロンプトの画面を開いて「netstat -nao」と入力。
犯人はこいつです！！
<img src="https://qiita-image-store.s3.amazonaws.com/0/300540/ef349cf0-d8af-837b-bbe6-3bf344d07fd6.png" width=60%>
なんか、「System」ってのが使ってる・・・。（迷惑）
…
止めちゃいましょう！
「コントロールパネル」→「プログラム」→「プログラムと機能」→「Windowsの機能の有効化または無効化」
<img src="https://qiita-image-store.s3.amazonaws.com/0/300540/3076e5e3-7936-6cc0-a53e-811037a5e297.png" width=60%>
「World Wide Web サービス」のチェックを外す　→　OK →　PCの再起動。

※これ何してるの？？止めて大丈夫なの？？と不安になる方もいると思うのですが、
　ここではちょっと長くなるので省略します。（調べると出てくるよ～）

これでポート８０が空くので起動できるようになるはず！！
※あとは**スカイプもポート８０を使っている**みたいなので、
　上に当てはまらない場合はそちらも確認してみて(^^)

####実際にPHPを動かすのは次回～