XAMPPでローカルDB開発環境(構築編2)

<h2>Composerをインストールする</h2>
<p>Laravelをインストールする際は、必要になるのでまずはこちらを準備しましょう。</p>


<h3>Composerとは</h3>
<p>Laravelの使用環境にダウンロードされているPHPのバージョンを確認して、そのPHPバージョンで使用できる機能だけを用意してくれる便利システムです。今回のPHPはXAMPPに搭載されているものを使うので、XAMPPのphpのバージョンで使用できるLaravelの機能を用意させます。</p>


<h3>インストール手順</h3>

<p>
Composer の公式サイトで提供されているインストーラ(.exe)を利用します。 公式サイトの「Introduction のページの Installation – Windows のセクションにあるダウンロードのリンクをクリックして、インストーラをダウンロードします。
</p>

<figure class="wp-block-image">
    <img src="https://dawn-phase2-dev.s3.ap-northeast-1.amazonaws.com/curriculum/uploads/2110/1634628788.png" alt="ダウンロードサイト">
</figure>

<p>インストールするComposerの使用権限設定です。usersを選択し、PCにログインできるユーザー全てに使用権を付与します。</p>

<figure class="wp-block-image">
    <img src="https://dawn-phase2-dev.s3.ap-northeast-1.amazonaws.com/curriculum/uploads/2110/1634812938.png" alt="インストールモード選択">
</figure>

<p>XAMPPはPHPのバージョン変更の際、既存のXAMPPをアンインストールしてから違うバージョンのPHPが入っているXAMPPをインストールして変更します。Developer modeのチェックを入れてしまうと、アンインストーラがダウンロードされなくなってしまうので『チェックを外して』インストールしておきましょう。</p>

<figure class="wp-block-image">
<img src="https://dawn-phase2-dev.s3.ap-northeast-1.amazonaws.com/curriculum/uploads/2110/1634812987.png" alt="インストールオプション設定">
</figure>

<p>使用するPHPのチェックを行います。</p>
<p>Composerは、環境のPHPのバージョンを確認して環境にあったLaravelをセットしてくれるので、使用環境のPHPのパスを教えてあげる必要があります。</p>
<p>今回はXAMPPで実装するので、XAMPPに搭載されているPHPの場所を入力します。</p>


<figure class="wp-block-image">
    <img src="https://dawn-phase2-dev.s3.ap-northeast-1.amazonaws.com/curriculum/uploads/2110/1634813075.png" alt="Composerが使用するPHPの確認画面">
</figure>

<p>複数のPCを接続して、代理サーバーを設定し外部にインターネット接続をしている時場合はこちらの画面からProxyの設定を行うことができます。</p>

<p>通常はそのような設定はされていないかと思いますので、チェックなしで進みます。</p>
<figure class="wp-block-image">
    <img src="https://dawn-phase2-dev.s3.ap-northeast-1.amazonaws.com/curriculum/uploads/2110/1634813860.png" alt="Proxy設定画面">
</figure>


<h2>Laravelをダウンロードする</h2>
<p>cmderで以下のコマンドを実行してください。<br>
XAMPPのhtdocs内に移動します。</p>


<div class="hcb_wrap">
<pre class="prism undefined-numbers language-plane"><code class="language-plane">cd C:/XAMPP/htdocs/</code>
</pre>
</div>

<p>Laravel_CRUDフォルダを作成し、フォルダ内に移動します。</p>

<div class="hcb_wrap">
<pre class="prism undefined-numbers  language-plane"><code class="language-plane">&nbsp;mkdir Laravel_CRUD &amp;&amp; cd Laravel_CRUD</code>
</pre>
</div>

<p>composerを使用して、Laravel(ver.5.5)をダウンロードします。</p>

<div class="hcb_wrap">
<pre class="prism undefined-numbers  language-plane"><code class="language-plane">composer create-project laravel/laravel=5.5 Laravel</code>
</pre>
</div>

<p>LaravelをXAMPPのDBに接続する<br>
exprolerとエディターを使用して、XAMPPのDBに接続設定をします。</p>
<figure class="wp-block-image">
    <img src="https://dawn-phase2-dev.s3.ap-northeast-1.amazonaws.com/curriculum/uploads/2110/1634791984.png">
</figure>

 <figure class="wp-block-image">
    <figcaption>隠しファイルの表示イメージ</figcaption>
</figure>

<p>「.env」というファイル名のデータをエディターで開きます。<br>「.env」は使用するDB情報を記述するファイルです。このファイルの「DB_CONNECTION=mysql」箇所を編集します。<br>
※表示設定変更で隠しファイルを表示できる様になりますが、Laravelファイル内に限らず他階層の隠しファイルも表示されます。<br>
隠しファイルはシステムの動作に関連するファイルなので無闇に消したりしない様に注意してください。<br>「DB_CONNECTION=mysql」の該当箇所を画像のように編集してください。</p>


<figure class="wp-block-image">
    <img src="https://dawn-phase2-dev.s3.ap-northeast-1.amazonaws.com/curriculum/uploads/2110/1634793352.png" alt="MySQL接続設定（.envファイル）">
</figure>


<p>XAMPPのMySQLの「admin」ボタンからPHPMyAdminに接続して「Laravel_CRUD」というデータベースを作成してください。<br>テーブルはLaravelのコマンドで作成をするので、こちらの画面からは作成を行わないで大丈夫です。</p>


<figure class="wp-block-image">
    <img src="https://dawn-phase2-dev.s3.ap-northeast-1.amazonaws.com/curriculum/uploads/2110/1634802205.png">
</figure>
<p>phpMyAdminからデータベースを作成する<br>
これでLaravelとXAMPPの接続設定は完了です。</p>