本記事は3ページにわたって解説しています。
はじめに
今回は、WindowsにLaravelの開発環境を構築してみたいと思います。
![](https://upload.wikimedia.org/wikipedia/commons/thumb/3/3d/LaravelLogo.png/640px-LaravelLogo.png)
Laravel は、MVCのWebアプリケーション開発用の無料・オープンソースのPHPで書かれたWebアプリケーションフレームワークである。
私は他の言語のWebフレームワークも経験ありますが、Laravelはとてもバランスが良く、開発もしやすく気に入っております。
作ったアプリケーションは、レンタルサーバーでも動作可能なので、サクッと作って、サクッと公開、のようにスピード感良く進めることができますよね!
今回使用する環境とバージョン
では、始めてみましょう。
他にも私のブログで、Laravelについて解説している記事がありますのでご覧ください。
【紹介】個人開発
私の個人開発ですがQuiphaというサービスを開発しました。(Laravel, Vue3など)
良かったら、会員登録して動作を試してみて下さい。
また、Laravel 9 実践入門という書籍を出版しました。
Kindle Unlimitedを契約している方であれば、読み放題で無料でご覧いただくことができます。
Laravel Sailを使った構築
別記事で、Laravel Sailを使った構築方法をまとめました。
新規で環境を構築する場合は、こちらの方がオススメです。
XAMPPのインストール
Laravelの構築を行うに当たり、以下も必要になります。
個別にインストールしてもよいのですが、今回はXAMPPを使用します。
注意点として、XAMPPにはMySQLではなくMariaDBが同梱されているため、細かいところでは挙動が違います。
(本番環境がMySQLであれば、MySQLをインストールしたほうが無難だと思います)
以下のXAMPPのサイトにアクセスします。
XAMPPのバージョンアップが頻繁で、現時点でPHP8.1.10でした。
![](https://chigusa-web.com/wp-content/uploads/2022/10/2022-10-06_22h22_57.png)
もしその他のバージョンをダウンロードしたい場合は、以下をクリックします。
![](https://chigusa-web.com/wp-content/uploads/2022/10/2022-10-06_22h24_37-1024x442.png)
8.0系もありますので、お好きなバージョンを選択しましょう。
![](https://chigusa-web.com/wp-content/uploads/2022/10/2022-10-06_22h25_52.png)
今回は最新バージョンのPHP8.1をダウンロードしました。
同梱内容は以下です。
Includes: Apache 2.4.54, MariaDB 10.4.24, PHP 8.1.10, phpMyAdmin 5.2.0, OpenSSL 1.1.1, XAMPP Control Panel 3.2.4, Webalizer 2.23-04, Mercury Mail Transport System 4.63, FileZilla FTP Server 0.9.41, Tomcat 8.5.78 (with mod_proxy_ajp as connector), Strawberry Perl 5.32.1.1 Portable
ダウンロードしたインストーラ(xampp-windows-x64-8.1.10-0-VS16-installer.exe)を起動します。
起動直後、以下の画面が表示されました。
![](https://chigusa-web.com/wp-content/uploads/2022/10/2022-10-06_22h36_11-500x221.png)
Important! Because an activated User Account Control (UAC) on your system some functions of XAMPP are possibly restricted. With UAC please avoid to install XAMPP to C:\Program Files (missing write permisssions). Or deactivate UAC with msconfig after this setup.
重要! システムでアクティブ化されたユーザーアカウント制御(UAC)のため、XAMPPの一部の機能が制限されている可能性があります。 UACでは、XAMPPをC:\Program Filesにインストールしないでください(書き込み権限がありません)。 または、この設定後にmsconfigを使用してUACを非アクティブ化します。
インストール先は「C:\Program Files」を避けましょう。OKボタンで進めます。
とりあえず、そのまま次へと進めていきました。
![](https://chigusa-web.com/wp-content/uploads/2021/08/picture_pc_996604ac91768f655adbab9ffefad07f.webp)
![](https://chigusa-web.com/wp-content/uploads/2021/08/picture_pc_d32a2821e986a44122b0b63a45d573b3.webp)
インストール先はCドライブの直下にしました。(任意です)
![](https://chigusa-web.com/wp-content/uploads/2021/08/picture_pc_8126ba4ac3abe96569f1294ad68e36b9.webp)
そのままインストールを進めます。
![](https://chigusa-web.com/wp-content/uploads/2021/08/picture_pc_82fb7a36432dcb1b56e45be4011d2d76.webp)
インストールが完了したら、以下の実行ファイルを起動します。
よく使うので、デスクトップにショートカットを作成しておきましょう。
C:\xampp\xampp-control.exe
![](https://chigusa-web.com/wp-content/uploads/2022/10/2022-10-06_22h43_13.png)
ApacheとMariaDBを起動します。
![](https://chigusa-web.com/wp-content/uploads/2022/10/2022-10-06_22h43_53.png)
以下のような画面になれば正常です。
エラーが出る場合は、続きます。
![](https://chigusa-web.com/wp-content/uploads/2022/10/2022-10-06_22h44_35.png)
XAMPPのApacheのポートを変更する
エラーが出る場合は、ポートが既に使用済みの場合です。
その場合は、XAMPPのApacheのポートを変更します。
(この時点でエラーが発生しなければ飛ばして良いです)
ApacheのConfigから、「httpd.conf」をクリックします。
![](https://chigusa-web.com/wp-content/uploads/2021/08/picture_pc_1d2e5602c02c90dc07e05e682781ff91.webp)
エディタが起動するので、以下のように変更します。
8080はポート番号ですので、任意で良いです。
保存してエディタを閉じます。
Listen 80
↓
Listen 8080
XAMPPのコンパネの「Config」をクリックします。
![](https://chigusa-web.com/wp-content/uploads/2021/08/picture_pc_5750021a136c3a45e1605741169a4b10.webp)
「Service and Port Settings」をクリックします。
![](https://chigusa-web.com/wp-content/uploads/2021/08/picture_pc_64ad67ddad8711438c666aef0a11a8a5.webp)
先程指定したポートを入力し、Saveで閉じます。
![](https://chigusa-web.com/wp-content/uploads/2021/08/picture_pc_97e2b22529d7384b6e2a8ca2c4244b9e.webp)
今度は以下のエラーが表示されました。
![](https://chigusa-web.com/wp-content/uploads/2021/08/picture_pc_d6e058920585fd7a00d2b527c069c352.webp)
Error: Cannot create file "C:\xampp\xampp-control.ini". アクセスが拒否されました。
一度、XAMPPのコンパネを終了します。
xampp-control.iniのプロパティを開きます。
![](https://chigusa-web.com/wp-content/uploads/2021/08/picture_pc_106da250bfa8559050a215baeb1ae185.webp)
フルコントロール権限を与えておきましょう。
![](https://chigusa-web.com/wp-content/uploads/2021/08/picture_pc_c6266f405dedc5a5441e3a5abc15e35b.webp)
再度、XAMPPのコンパネを起動して、先程の手順でConfigの編集を完了しましょう。
Apacheを起動すると、変更したポートで起動します。
![](https://chigusa-web.com/wp-content/uploads/2021/08/picture_pc_e63f071879b3822acb1be35e217b0ad0.webp)
phpMyAdminを起動しましょう。
![](https://chigusa-web.com/wp-content/uploads/2021/08/picture_pc_cdf94cc43e3a9d3233faead3e1be89a3.webp)
phpMyAdminもApache上で稼働するため、変更したポートで起動されます。
http://localhost:8080/phpmyadmin/
![](https://chigusa-web.com/wp-content/uploads/2021/08/picture_pc_7a323c207838e802f91af7a050255ae7.webp)
引き続き次のページでは、Composerをインストールしていきます。
コメント