Laravel 5.7をインストールする(Windows 10)

この記事は、「[【連載】初めてのWindows用Laravel 5.7開発環境構築入門](https://qiita.com/hitotch/items/a646972fe1992611e92b)」の孫記事です。環境などの条件は、親記事をご覧ください。
この記事は、「[XAMPP上にLaravel 5.7をインストールする 2018年12月版](https://qiita.com/hitotch/items/d22fa4c12d0f15f7adc4)」の子記事です。

---
　今回はLaravel 5.7をWindows 10のXAMPP環境にインストールしていきます。

　Laravelのインストールには、Composerという依存パッケージを管理してくれるソフトを使って行います。これを使うことで、「パッケージAを入れるにはパッケージBが必要で、さらにBにはCが必要で・・・」という依存関係を考慮し、必要なパッケージを1回で全部入れてくれたりします。
　したがって、インストール手順はComposerのインストール→Laravelのインストール、となります。

# Composerをインストールする

[Composerのページ](https://getcomposer.org/)を開いてダウンロードボタンクリックします。
※余談ですがこのページ、再読込するたびに指揮者の肌と服の色が変わります。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/315589/c85102ef-6d3a-87ad-cfd8-5902fba95d80.png)

Composer-Setup.exe をクリックしてダウンロードして実行します。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/315589/f061c82c-151a-46a5-2b62-81546af7bdce.png)

進みます。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/315589/a4e213eb-acd7-3cac-8bcf-41503c1a3fc0.png)

自動的にXAMPPのPHPを検知してくれるはずです。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/315589/551407ac-8744-be0b-7edd-d32030fef13c.png)

Composer は自分で必要なパッケージを探したり取りに行ったりするので、ネットにアクセスするのに Proxy 設定が必要な場合はここで設定します。通常は何も設定しなくて大丈夫です。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/315589/5066a249-265e-09b7-56a6-b0cc9831509e.png)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/315589/b521f99e-3a5c-6744-0427-756a30ab0f34.png)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/315589/1fc8c069-4ec5-5125-a1b8-80d520637b11.png)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/315589/a2d4907b-3139-1978-d5d3-afa7a13dced6.png)
これでComposerのインストールは完了です。
念の為Composerが正しく動作するか確認します。Windows + Rから、「cmd」でコマンドプロンプトを立ち上げます。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/315589/8d149be9-921c-8516-4e43-7f3b9a5e06b2.png)

``composer``と入力し、Enterキーを押します。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/315589/690730fb-c984-f634-32d1-f5208429d772.png)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/315589/24766762-9da7-0a5b-c9fd-5546cdd8b3c9.png)

いろいろ説明が表示されます。これでOKです。

# Laravel 5.7をインストールする

　次にLarevalのインストールです。
　冒頭で述べたように、Laravelのインストールには２種類ありますが、今回は１つのアプリケーションプロジェクトフォルダに、自分が開発したプログラムとLaravelパッケージが全部入っている状態にして、その後レンタルサーバーにアップしやすくしたいので、プロジェクトローカルでのインストールとします。

　プロジェクトローカルでLaravelをインストールするということは、この時点でもうプロジェクトフォルダをどこに置くか、どんなフォルダ構成にするかを考えなくてはいけません。
　今回は以下のように作っていくことにします。プロジェクトフォルダは別にxampp/htdocsの下じゃなくてもいいのですが、「あれ？あのPHPプロジェクトフォルダどこにおいたっけ？」となりやすい無精者の私は、あとで無くさないようにこのようにしています。

```
C:
 + xampp
  + htdocs　　　　　　　　← これが通常のドキュメントルート。http://localhost/で見える
   + laravelexample　　　← 今回新しく作るテストプロジェクトフォルダ
    + public　　　　　　　← テスト用URL http://example.com で見せるドキュメントルート
```

　テストプロジェクトのフォルダ置き場が決まったので、Laravelをインストールしていきます。インストールにはVisual Studio CodeからPowerShellを開いて、そこでComposerを呼ぶ方法を使うことにします。

　Visual Studio Codeを開きます。もしまだ前のプロジェクトが開いている場合は、File→Close Folderで閉じてください。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/315589/9b0287e3-3d35-9a53-0efb-bfb6685c74b9.png)

　Ctrl + @ でPowerShellを開き、

```
cd c:\xampp\htdocs
```

と打ち込んで、XAMPPのドキュメントルートまで移動します。このフォルダ（c:\xampp\htdocs）の下にプロジェクトを作ることになります。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/315589/b219ffcc-3b6c-aafd-7ea8-d94b0fedf502.png)

Laravelのインストールを含めてプロジェクトを作成するため、次のコマンドを打ちます。
※もしバージョンを確実に5.7にしたい場合は、最後にスペースをあけて「5.7」と追記します。

```
composer create-project --prefer-dist laravel/laravel laravelexample
```

![image.png](https://qiita-image-store.s3.amazonaws.com/0/315589/a737a383-f966-d89f-2de7-71f7ea529a60.png)

実行すると、インストールが始まり、少し時間がかかって終了します。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/315589/51a1f492-9723-d17e-f527-90b7b7450b1e.png)

dirコマンドでフォルダ内にできたものを見てみると、laravelexampleというプロジェクトフォルダができていることがわかります。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/315589/bb723d15-b98b-dcc6-e43c-fd87097e6a52.png)

次に、Laravelの簡易Webサーバーを実行して、Laravelのインストールが成功したかどうかを見てみます。

```
cd laravelexample
```

で c:\xampp\htdocs\laravelexample フォルダ（プロジェクトフォルダ）に入って、
![image.png](https://qiita-image-store.s3.amazonaws.com/0/315589/be9a1112-6f59-6c10-e1d9-442d748afe84.png)

そのまま次のコマンドで簡易Webサーバーを起動します。
※PHPのPATHを通し忘れてると動作しません。

```
php artisan serve
```

正しく実行されると、ブラウザからアクセスできるアドレスが表示されます。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/315589/de8755f7-5513-ae40-1d06-78dc3be92258.png)

今回の場合、http://127.0.0.1:8000 と表示されているので、このアドレスでLaravelの動作を見ることができます。ブラウザを開けて、このURLを開いてみましょう。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/315589/925e8cb0-37a7-6ceb-de34-0aa91066dbe9.png)

うまく動作していますね。

　簡易サーバーは、Ctrl + Cで止めることを忘れないでください。止め忘れてPowerShellを閉じてしまった場合は、面倒なのでパソコンを再起動してしまいましょう。