XAMPPを使って、Windows環境にLaravelをインストールしてみた！

はじめに
---
ふとしたきっかけで、Laravelの環境が必要となりましたので、備忘録として、Laravelのインストール手順を纏めてみました。

Laravelとは？
---
http://laravel.jp/

<img width="663" alt="laravel0.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/a2fffbd4-4cea-4222-e831-6ef29f3f934f.png">


『ウェブ職人のためのPHPフレームワーク』。響きがいいですね。使ってみるが一番なので、インストールから始めたいと思います。

手順として、３stepsありますので、step by stepで進めて行きたいと思います。

Step1.PHP環境の導入 (XAMPP)
Step2.Composeのインストール
Step3.Laravelのインストール

Step1.PHP環境の導入 (XAMPP)
---
1-1.XAMPP公式ページにアクセスして、[Windows向けXAMPP]をクリック。

https://www.apachefriends.org/jp/index.html

<img width="635" alt="xamp0.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/ac9220a4-2040-1e3b-6780-a5b4dd71034a.png">

1-2.ユーザーアカウント制御のポップアップが表示されますので、[はい]をクリック。

1-3.bitnamiが表示されて、インストールが続きます。

<img width="184" alt="install1.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/a3673c5a-1719-7229-5312-1d52cd30788a.png">


1-4.UACの警告が表示されますが、[OK]をクリック

<img width="372" alt="xamp1.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/4c711ee4-b24b-4a3c-bb32-da2e39e4ed29.png">

C:\Program Filesへのインストールを止めてください。もしくは、UACを無効にしてくださいとの警告となります。後の手順で、インストールフォルダを選択できるので、その時にC:\Program files以外を選択することになります。

1-5.[Next]をクリック。

<img width="368" alt="xamp2.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/a5818922-0b1e-3218-8e2d-734227388aa4.png">

1-6.インストールするコンポーネントを選択して、[Next]をクリック。(今回は、すべてのコンポーネントを選択しております。)

<img width="372" alt="xamp3.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/83108c69-169f-e26d-e4ce-a7dd98139af9.png">

1-7.インストールフォルダを入力して、[Next]をクリック。
（私のPC環境では、C:\の空きがないので、D:\へインストールしております。)

<img width="372" alt="xamp4.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/717a7751-a78b-7bf1-8987-905826568ef9.png">

1-8.[Next]をクリック。

<img width="371" alt="xamp5.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/91956841-b4b7-35aa-9efc-bda3db64780a.png">

1-9.[Next]をクリック。

<img width="371" alt="xamp6.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/a2671ed5-6aec-6cc2-72d6-3109b5cbcc04.png">

1-10.インストールが始まります。

<img width="374" alt="xamp7.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/b222484b-dec1-6f85-5e5f-285078d03089.png">

1-11.[Finish]をクリック。

<img width="375" alt="xamp8.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/13cab6e2-b915-fce9-e4b2-87e1597e97aa.png">

1-12.英語 Or ドイツ語のどちらかを選択し、「Save」をクリック。

<img width="167" alt="xamp9.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/7ed714df-b7f6-49aa-6a3a-1f1e1b0ae3fc.png">

1-13.XAMPPのコントロールパネルが表示されれば、インストール完了です。

<img width="508" alt="xamp11.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/fad7cfe6-2850-5b7c-5e07-5074f069979d.png">

これにて、Step1:PHP環境の準備は完了となります。

Step2.Composerのインストール
---
2-1.composer公式ページにアクセスして、[Download]をクリック。

https://getcomposer.org/

<img width="359" alt="composer.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/54f2a90f-7060-7a84-47ba-ace4539c8caf.png">

2-2.[Composer-Setup.exe]をクリック

<img width="721" alt="composer2.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/672cefba-b4c6-91d5-d70a-4595d5bb9b21.png">

2-3.『Composer-Setup.exe』がダウンロードされますので、ファイルを実行。

<img width="123" alt="composer2.5.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/9429fec4-3a03-b804-42cb-2fe30c388e86.png">

2-4.[Next]をクリック。

<img width="497" alt="composer3.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/c7fe63ae-4862-0a73-3bc5-c72622fb7edc.png">

2-5.Step1でインストールしたXAMPP配下にあるphp.exeを選択して、[Next]をクリック。

<img width="501" alt="composer4.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/b4912f37-7917-29a1-f681-f1fb28eee7f9.png">

2-6.プロキシ環境がある場合には、プロキシ設定を適宜入力して、利用しない場合は、[Next]をクリック。

<img width="497" alt="composer5.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/824d5cee-ceae-d373-2fae-4bdf13d6d5e5.png">

2-7.[Install]をクリック。特にエラーが無ければ、インストール完了となります。

<img width="497" alt="composer6.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/252c9b9d-2895-aac0-71bb-820e6cbcdeb4.png">

これにて、Step2のComposerのインストールは完了です。

Step3.Laravelのインストール
---
3-1.Laravelをインストールしたいディレクトリに移動して、composerとPHPのPathが通っている事を確認する。（私の場合は、XAMPP配下にインストール致します。)
Pathが通っていない場合は、Pathの追加をお願い致します。

<img width="448" alt="laravel0.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/89061256-d5dc-a2eb-01cb-891366bd0bbc.png">

3-2.composerコマンドに create-projectオプションを指定してSampleのプロジェクトを作成します。

```
#composer create-project laravel/laravel --prefer-dist Sample
```
<img width="476" alt="laravel0.5.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/3bce3f7d-8b5c-b4c8-faac-4ea56733ae49.png">

3-3.Application key set successfullyが表示されれば、インストールが完了です。（約、５分くらいかかりますので、気長にお待ちください!!)

<img width="356" alt="laravel1.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/69dd79a1-b96c-5322-9252-c9ef44032bb1.png">

3-4.Sampleフォルダに移動して、下記コマンドを実行するとhttp://localhost:8000 startedとなりますので、Laravelがブラウザで確認可能となります。

```
#php -S localhost:8000 -t public
```

<img width="527" alt="laravel1.5.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/11f4e5cc-10af-8abf-8078-82507921aa9e.png">

3-5.http://localhost:8000 にアクセスするとLaravelのページが表示されます。

<img width="675" alt="laravel3.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/3fc68bad-8c19-1fb1-0c51-42f580d54a14.png">

コンソール画面に下記が表示されます。

<img width="626" alt="laravel2.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/579284/9ba81c4b-c39e-46cc-a75b-e0b0a375986d.png">

これにて、step3:Laravelのインストールは完了となります。


まとめ
---
Laravelのインストール手順は、いかがでしたでしょうか？
手間はかかりますが、Step by Stepで進めていけば、インストール可能となります。
Laravelのインストール自体に5分位、待ちがありますが、、

最後に、私の記事が少しでも皆様のお役に立てれば、幸いでございます。