Lesson2では環境構築について行っていきましょう。

環境構築とは、実際に開発できる環境を自身のOSに準備することを指します。

XAMPPとは

プログラミングを始める前にご自身のOSへ準備をしなくてはいけないものがあります。 その一つがタイトルにもある通りXAMPP（ザンプ）というソフトウェアで、この一つでサーバーやデータベースの準備が可能です。要するにPHPの開発を行っていく上でXAMPPは必要なソフトウェアということになります。

又、XAMPPに似たMAMP（マンプ）というソフトウェアも存在します。こちらはMacに特化したもので、基本的にWindowsはXAMPP、MacはMAMPを使う方が多いです。 とはいえXAMPPはMacにも対応しているので、今回はXAMPPで学習を進めていきましょう。

XAMPPのインストール

それでは早速XAMPP公式へアクセスしましょう。

インストール手順

Windows向け XAMPP 8.2.0をクリックします。

画面左下でダウンロードが開始されるので終了するまで待機します。

ダウンロードが完了したらファイルを開き、「Next」をクリックします。

「Next」をクリックします。

Cドライブの直下にxamppをインストールしますので、画面のようになっていれば「Next」をクリックします。

「Next」をクリックします。

「Next」をクリックします。

XAMPPのインストールが開始されるので、完了したら「Next」をクリックします。

これにてインストールは完了です。「Finish」をクリックしましょう。

それでは早速インストールしたXAMPPを起動してみましょう。コントロールパネルからApatchとMysqlを「Start」してください。

ボタンが「Stop」に切り替わりApatchとMysqlが緑色に点灯したら起動完了です。

PHPのダウンロード

実は先ほどインストールしたXAMMPにもPHPがパッケージ化されておりますが、今後XAMPPを使用しないケースも出てくるので、この段階で改めてPHPをインストールしておきます。PHP公式ドキュメントへアクセスしましょう。

アクセスしたら上部「Downloads」をクリックします。

「Windows Downloads」をクリックします。

VS16 x64 Thread Safeの「Zip」をクリックします。

画面左下でダウンロードが開始されるので終了するまで待機します。

ダウンロードが完了したらzipファイルを右クリックし「すべて展開」を選択します。

保存先をCドライブの直下にするので、C:¥php又はc:\phpを選択したら展開をクリックしましょう。

展開されました。インストールはこれで完了です。

続いてインストールしたPHPはパスを通してあげる必要があるので、そちらの設定を行います。画面左下の入力欄に「コントロールパネル」と打ち込みましょう。

コントロールパネルを開き、「システムとセキュリティ」をクリックします。

「システム」をクリックします。

「システムの詳細設定」をクリックします。

環境変数をクリックします。

Pathを選択し、「編集」をクリックします。

参照をクリックします。

「php」を選択したらOKをクリックします。

「php」が追加されていることが確認できたらOKをクリックします。

OKをクリックします。

OKをクリックします。

ではPHPが正常にインストールされたか確認していきます。画面左下の入力欄より「cmd」と入力し「コマンドプロンプト」をクリックしましょう。

コマンドプロンプトで「php -v」とコマンドを入力してみましょう。

PHPのバージョンが出てきらた無事インストールも完了です。

Composerとは

composerとはPHPのパッケージ管理システムになります。composerを導入しておくことで必要なパッケージをコマンド一つで準備することができます。今回はLaravelをインストールする為にcomposerを準備しましょう。

Composerのインストール

それでは早速composerを準備していきます。composer公式にアクセスしましょう。

1. Getting Startedをクリックします。

2. Installation - Windowsをクリックします。

3. Composer-Setup.exeをクリックします。

4. インストーラーのダウンロードが開始されます。完了したら展開しましょう。

5. install for all usersをクリックします。

6. Nextをクリックします。

7. パスを選択します。今回はxampp内のphp.exeに設定しましょう。

8. Nextをクリックします。

9. Installをクリックします。完了したらNext→finishでインストールは完了になります。

10. composerがインストールできているか確認します。コマンドプロンプトを起動し、以下コマンドを実行しましょう。

コマンドプロンプト

composer -v

このようにcomposer version ...とcomposerのバージョンが表示されればインストールは無事完了です。お疲れ様でした。

Laravelのインストール

それではLaravelをインストールしていきますので、VScodeのターミナル、もしくはコマンドプロンプトを起動しましょう。

ディレクトリに移動する

Laravelをインストールするディレクトリへ移動します。以下が移動コマンドになります。

移動コマンド

C:¥> cd xampp/htdocs

このようになっていれば問題ありません。

移動後

C:¥xampp¥htdocs>

Laravelのインストール

インストールコマンド

composer create-project laravel/laravel Laravel --prefer-dist

• --prefer-distはインストール時のオプションです。圧縮版のインストールを行ってくれるので早い速度でインストールが完了します。
• --prefer-dist手前の「Laravel」はプロジェクト名です。任意ですが、今回はLaravelプロジェクトとして学習を進めていきます。

インストールが完了すると「successfully」と表示されるので、インストールができているかの確認も行いましょう。以下コマンドを入力してください。

lsコマンド

ls

この時「Laravel」ディレクトリが存在していればインストールは完了しています。

実行結果

Laravel        applications.html        bitnami.css        dashboard        favicon.ico        img        index.php        info.php        webalizer

Laravelディレクトリへ移動、バージョンの確認

先ほどhtdocsに移動してきたようにLaravelディレクトリへ移動します。以下コマンドを実行しましょう。

Laravelへ移動

cd Laravel

続いてインストールしたLaravelのバージョンを確認します。

Laravelバージョン確認

php artisan -v

実行結果

Laravel Framework 9.52.4

（※インストールした時期によってバージョンが異なります。）

今後Laravelを操作していく上で「artisan（アーティザン / アルチザン）」コマンドを基本的に扱っていくので覚えておきましょう。これでインストールも問題なく完了していることが確認できました。

サーバー起動

開発サーバー（ビルトインサーバー）を起動していきます。Laravelで開発を行っていく場合は、開発サーバーが起動している必要がありますので、覚えておきましょう。以下が実行コマンドになります。

開発サーバー

php artisan serve

実行結果

Server running on [http://127.0.0.1:8000]

実行結果に表示された「http://127.0.0.1:8000」へアクセスをすると下記のような画面が表示されます。こちらはLaravelのウェルカムページとも呼ばれており、今後はこのURLをもとに開発を行っていきます。

これにてLaravelのインストールは終了になります。お疲れ様でした。