【簡単】Laravel9環境構築

## はじめに
簡単にLaravelの環境構築ができる手順を残します。

## 環境
- Mac
- MAMPとComposer(v2.2.4)はインストール済み
- PHP8.0以上（Laravel9を使用するため）

- Laravel9をインストールする
- Laravelの初期設定
    - タイムゾーンの設定
    - デバックバーのインストール
    - データーベースの設定

## 手順

### Laravelをインストールしたいファイルへ移動する

```
# 移動する
$ cd /Applications/MAMP/htdocs

# ファイルを作成
$ mkdir laravel

# 移動する
$ cd laravel
```

- バージョンを指定して、Laravelをインストールする
```
$ composer create-project laravel/laravel プロジェクト名 --prefer-dist "9.*"
```

- 下記のように表示されればOKです。
![スクリーンショット 2022-10-03 6.14.35.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/923146/aca183b3-27ac-3101-c34f-f57e7197a616.png)

- サーバーを起動します。
```
$ php artisan serve
```

- アクセスすると、Laravel9で起動できています。
![スクリーンショット 2022-10-03 6.16.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/923146/7d73fff8-333b-ca3c-f76e-ce68dc1c7197.png)

### タイムゾーンの設定

- エディタで、アプリを開いて、`config/app.php`へ移動し、変更します。
![スクリーンショット 2022-10-03 6.18.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/923146/4529ee52-b990-fc07-a6b2-0e51d41af239.png)

```config/app.php

/*
    |--------------------------------------------------------------------------
    | Application Timezone
    |--------------------------------------------------------------------------
    |
    | Here you may specify the default timezone for your application, which
    | will be used by the PHP date and date-time functions. We have gone
    | ahead and set this to a sensible default for you out of the box.
    |
    */

    'timezone' => 'Asia/Tokyo',

    /*
    |--------------------------------------------------------------------------
    | Application Locale Configuration
    |--------------------------------------------------------------------------
    |
    | The application locale determines the default locale that will be used
    | by the translation service provider. You are free to set this value
    | to any of the locales which will be supported by the application.
    |
    */

    'locale' => 'ja',

(略)
```

### デバックバーのインストール

- 下記のコマンドでインストールします。

```
$ composer require barryvdh/laravel-debugbar:^3.7
```

- サーバー起動して、アクセスすると下にデバックバーが表示されていればOKです。
![スクリーンショット 2022-10-03 6.27.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/923146/0c203d6a-f193-36df-c7b1-49b878ab8c67.png)

※本番サイトようで、デバックバーを非表示にする方法

- 下記の`vender/.env`へ移動し、変更

```vender/.env
APP_NAME=Laravel
APP_ENV=local
APP_KEY=xxxxxxxxx

# trueからfalseへ変更
APP_DEBUG=false
APP_URL=http://localhost
```

### データーベースの設定
- MAMPを立ち上げて、Startをクリックする。
![スクリーンショット 2022-10-03 6.37.17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/923146/37d4168d-fa66-c706-e9d3-94b3be5caf33.png)


- `phpMyAdmin`をクリックする。
![スクリーンショット 2022-10-03 6.38.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/923146/1264c051-de4c-0a16-a464-6440eb9ae1f3.png)

- 新規作成をクリックし。データベースを作成する。

![スクリーンショット 2022-10-03 6.40.04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/923146/af12b9b5-8a3e-9e4d-018d-84af59b2cd5c.png)

- 権限へ移動し、「ユーザアカウントを追加する」をクリックする。
![スクリーンショット 2022-10-03 6.41.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/923146/89a22af8-edaf-598a-17b1-84c3606211d0.png)


- 「ユーザー名」「パスワード」を入力し、「実行」をクリックする。
![スクリーンショット 2022-10-03 6.44.10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/923146/0322ef0e-fa29-2571-a1c3-74cfd4ff6b94.png)

- 下記のように表示されればOKです。
![スクリーンショット 2022-10-03 6.43.23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/923146/f0b99058-1594-2db0-9afc-2e1c53c63973.png)

- 作成した情報を`vender/.env`へ追記する

```vender/.env
DB_CONNECTION=mysql
DB_HOST=xxxxx
DB_PORT=3306
DB_DATABASE=作成したデーターベース名
DB_USERNAME=作成したユーザー名
DB_PASSWORD=作成したパスワード
```

- マイグレーションを実行する
```
$ php artisan migrate
```

- 下記のように実行されればOKです。
![スクリーンショット 2022-10-04 6.03.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/923146/cd1e71fe-9923-7393-09ca-876964d03919.png)



## まとめ
MAMPを使えば簡単にLaravelの環境を整えることができるので、サクッと環境は作って早くLaravelの勉強をしたい人は参考にしてもらえれば幸いです。