【Laravel勉強会Day3】 Laravelのインストール

#はじめに
前回：[初心者のための環境構築](https://qiita.com/keinko/items/ca8cf65a5e1f92402ed4)
前回はVirtualBoxで仮想環境をつくり、Linuxと呼ばれるOSで開発を行えるように準備しました。
今回はLaravelのインストールを行います。
Laravelについては前にまとめた記事を見てください。
https://qiita.com/keinko/items/4bd6c0561aff2bc28ae3

#Laravelの環境構築
###Laravelインストール手順
以下を実行していきます。

```terminal
$ sudo apt install php php-zip php-dom php-mbstring
$ sudo apt install mysql-server php-mysql
$ php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"
$ sudo php composer-setup.php --install-dir=/usr/local/bin --filename=composer
$ sudo composer global require laravel/installer
```

###laravelコマンドの実行
Laravelがインストールできましたが、まだターミナルに`laravel`と入力しても`command not found`と言われてしまいます。
`laravel`とターミナルに入力したときにLaravelが実行されるように設定を行う必要があります。
以下を入力すると設定ファイルがubuntuのエディタ上で開きます。

```terminal:
$ gedit ~/.bashrc
```

最終行に以下の一文を書いて保存します。

```terminal:~/.bashrc
export PATH=$HOME/.composer/vendor/bin:$PATH
```

その後、ターミナルで以下を実行してください。

```terminal
$ source ~/.bashrc
$ which laravel
/home/ubuntu/.composer/vendor/bin/laravel
```

`/home/ubuntu/.composer/vendor/bin/laravel`と表示されたでしょうか？
これでLaravelは無事インストール完了です！
`laravel --help`とかをターミナルで実行すればなんかしら文字列が出力されるはずです。

###Laravelのプロジェクト作成
試しにLaravelで一つWebサイトを作ってみましょう！
ターミナルで以下を実行していきます。

```terminal
$ cd ~/share
$ laravel new test.project
$ cd test.project
$ php artisan serve
Laravel development server started: http://127.0.0.1:8000
[Mon Mar  2 17:52:39 2020] 127.0.0.1:42280 [200]: /favicon.ico
```
上記のように`Laravel development server started: http://127.0.0.1:8000`と表示されれば成功です。
コマンドの意味としては`laravel new test.project`でWebアプリの骨組みを生成します。
そして、`php artisan serve`で`artisan`と呼ばれるファイルを実行しています。
まあ細かいことは置いておきましょう。

仮想環境上でブラウザを開いて、localhost:8000にアクセスしてみてください。
<img width="570" alt="スクリーンショット 2020-03-02 17.58.50.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208979/2d903d30-2ba1-3fef-c509-807f57c6454f.png">

無事Laravelのページが開けたでしょうか…！？
これが先ほど生成したWebサイトです！
<img width="1229" alt="スクリーンショット 2020-03-02 18.14.32.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208979/f16ccec3-219a-1ac8-d827-2c6a10f626af.png">


試しに少し編集してみましょう。
ターミナルの画面で右クリックをして"New Tab"を選びます。
<img width="604" alt="スクリーンショット 2020-03-02 18.03.50.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208979/613891b3-9310-40c6-ee34-14ea9acfaf20.png">

そこでまたubuntuのエディタを開いて`test.project`の中身を少し編集しましょう。

```terminal
$ gedit ~/share/test.project/resources/views/welcome.blade.php
```

開かれたファイルの84行目あたりの`Laravel`と書かれたところを好きなように変えてみましょう。
僕の場合は`Laravel`を`Laravellllllllll`に変えてみました。

```terminal:~/share/test.project/resources/views/welcome.blade.php
            <div class="content">
                <div class="title m-b-md">
                    Laravellllllllll
                </div>

                <div class="links">
                    <a href="https://laravel.com/docs">Docs</a>
                    <a href="https://laracasts.com">Laracasts</a>
                    <a href="https://laravel-news.com">News</a>
                    <a href="https://blog.laravel.com">Blog</a>
                    <a href="https://nova.laravel.com">Nova</a>
                    <a href="https://forge.laravel.com">Forge</a>
                    <a href="https://vapor.laravel.com">Vapor</a>
                    <a href="https://github.com/laravel/laravel">GitHub</a>
                </div>
            </div>
        </div>
    </body>
</html>
```

変更を保存し、ブラウザを更新すると先ほどの文字列にWebページのタイトルが変わっているはずです！
<img width="1229" alt="スクリーンショット 2020-03-02 18.12.43.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208979/aad1c828-573d-8cda-8cc7-5953ca7f9a3d.png">

Laravelを終了するときはターミナル上でMacなら「control」＋「C」を押してください。

#まとめ
とりあえずLaravelをインストールしてWebページっぽいものを作ることができた。
次回は最後の環境構築ということでホストマシンで開発をスムーズにできるよういろいろ試していきたいと思います！
次回：[開発する上で便利なもの](https://qiita.com/keinko/items/842e7c3c939276d7646c)