マジで爆速でLaravelエンジニアになる方法はこれしかない（無料）

2025年4月2日

mikaduki

Laravel

表題の通り、ここでは30分時間を使うだけで、PHPの実質覇権フレームワークのLaravelを操作できるエンジニアになれます。多分誰でも。

基本構文覚えて何がしたいのか良くわからないからやめたい
専門教育も受けてないし、資格もないけどエンジニアになりたい
技術的なノウハウ覚えるのが面倒過ぎて、周辺の歴史とかばっか調べてる
面接のために手っ取り早くそれっぽいポートフォリオ作りたい

勉強に挫折した人から、ちょっと不純な動機を持っている人。その誰もに、私がLaravelエンジニアになるための方法を授けましょう。

1. Laravelってそもそも何？
2. Laravelエンジニアになるためのセットアップ手順
2.1. ご注意
3. Laravelプロジェクト作成
4. Laravel Breezeを導入
5. 依存関係のインストール＆ビルド
5.1. Viteとは？
6. DBを用意
6.1. SQLiteの特徴
6.2. 注意点
7. マイグレーション実行
8. 動作確認
9. breezeで遊ぼう
9.1. User作成とProfileページ
9.2. ログイン
10. さいごに
10.1. 注意点

Laravelってそもそも何？

LaravelはPHPで書かれたWebアプリケーションフレームワークのひとつ。つまり、WebサービスやWebアプリを効率よく簡単に作れる便利なツールです。特に初心者にも優しく、企業でも広く使われているので、Web系エンジニアを目指す上で学ぶ価値のあるフレームワークの一つです。

このすごいフレームワークを、驚くほど簡単に使いこなす方法があります。しかも、それを実現するのはLaravel公式が提供する完全無料のツールです。さあ、始めましょう。

Laravelエンジニアになるためのセットアップ手順

ご注意

terminalでのコマンド実行が必要になります。

composerとnpmが必要になるので入れておいてね。

npm（Node.js）のインストール方法を初心者向けに解説

初心者でも超簡単！Composerのインストールと設定方法（Windows・Mac対応）

Laravelプロジェクト作成

まずはLaravelをサクッとインストール。

composer create-project laravel/laravel myapp
cd myapp

こんな感じになれば成功

> Illuminate\Foundation\ComposerScripts::postAutoloadDump
> @php artisan package:discover --ansi

   INFO  Discovering packages.  

  laravel/sail ................................................................................................................................ DONE
  laravel/sanctum ............................................................................................................................. DONE
  laravel/tinker .............................................................................................................................. DONE
  nesbot/carbon ............................................................................................................................... DONE
  nunomaduro/collision ........................................................................................................................ DONE
  nunomaduro/termwind ......................................................................................................................... DONE
  spatie/laravel-ignition ..................................................................................................................... DONE

83 packages you are using are looking for funding.
Use the `composer fund` command to find out more!
> @php artisan vendor:publish --tag=laravel-assets --ansi --force

   INFO  No publishable resources for tag [laravel-assets].  

Found 3 security vulnerability advisories affecting 3 packages.
Run "composer audit" for a full list of advisories.
> @php artisan key:generate --ansi

   INFO  Application key set successfully.

Laravel Breezeを導入

Laravel Breezeをプロジェクトに追加。

composer require laravel/breeze --dev

こんな感じになれば成功

> Illuminate\Foundation\ComposerScripts::postAutoloadDump
> @php artisan package:discover --ansi

   INFO  Discovering packages.  

  laravel/breeze .............................................................................................................................. DONE
  laravel/sail ................................................................................................................................ DONE
  laravel/sanctum ............................................................................................................................. DONE
  laravel/tinker .............................................................................................................................. DONE
  nesbot/carbon ............................................................................................................................... DONE
  nunomaduro/collision ........................................................................................................................ DONE
  nunomaduro/termwind ......................................................................................................................... DONE
  spatie/laravel-ignition ..................................................................................................................... DONE

83 packages you are using are looking for funding.
Use the `composer fund` command to find out more!
> @php artisan vendor:publish --tag=laravel-assets --ansi --force

   INFO  No publishable resources for tag [laravel-assets].  

Found 3 security vulnerability advisories affecting 3 packages.
Run "composer audit" for a full list of advisories.
Using version ^1.19 for laravel/breeze

Breezeをinstall

php artisan breeze:install

こっから対話式になるのでご注意

  Which stack would you like to install?
  blade .......................................................................................................................................... 0  
  react .......................................................................................................................................... 1  
  vue ............................................................................................................................................ 2  
  api ............................................................................................................................................ 3

ここでは伝統的なBladeの0を選択します。

Would you like to install dark mode support? (yes/no) [no]

darkモードをサポートするか？yesで良いかと思うけどどっちでも。

Would you prefer Pest tests instead of PHPUnit? (yes/no) [no]

テストはPHPUnitでやるかPestでやるか。YesだとPestになります。今回テストやらないのでどっちでも。

vite v4.5.11 building for production...
✓ 57 modules transformed.
public/build/manifest.json              0.26 kB │ gzip:  0.14 kB
public/build/assets/app-949c851c.css   31.74 kB │ gzip:  5.82 kB
public/build/assets/app-9ebe4c3e.js   152.20 kB │ gzip: 56.43 kB
✓ built in 818ms

 INFO  Breeze scaffolding installed successfully.

こうなれば成功。もし、これが成功したら、依存関係のインストール＆ビルドは飛ばしてください。

もし成功しなかったら、breezeをinstallする前に、依存関係のインストール＆ビルドをしてください。

依存関係のインストール＆ビルド

npmを使って、依存関係のインストールとビルド

npm install && npm run dev

こんな感じになれば成功

  VITE v4.5.11  ready in 173 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h to show help

  LARAVEL v9.52.20  plugin v0.7.8

  ➜  APP_URL: http://localhost

うちの場合だと、localhost:5173につなぐと

フロントの開発サーバーに繋げます。

これが起動してると、CSS編集したときにリアルタイムで変更が反映されます。

ただ、この時点でLaravelは繋げないので、Laravelの方繋げるようにしていきます。

Viteとは？

Laravelのフロントエンド（JSやCSS）のビルドやホットリロードを担当するツール。
バックエンドサーバーとは別に動作するため、通常はLaravelのサーバーとセットで起動します。

というわけで、control + c で一旦Vite落とします。

DBを用意

このままだと、Migration打てないので手っ取り早くSQLiteを用意

touch database/database.sqlite

myapp/.envに下記追加

DB_CONNECTION=sqlite
DB_DATABASE=pwdの結果/database/database.sqlite

これでDBが用意できたはず。

DB_DATABASEにはフルパスを設定するのが確実です。

SQLiteの特徴

データベース自体が単一のファイル（database.sqliteなど）として保存されます。

他のDB（MySQLやPostgreSQL）とは違い、サーバープロセスが不要です。

ファイルをコピーするだけで簡単にデータベースの移動やバックアップが可能。

注意点

CLI環境実行時とHTTPで実行する際、設定パスが微妙にずれる可能性がある
そのため、フルパスを設定しておくのが安全
フルパスはプロジェクトのルートでpwdコマンドを打つことで確認できます。

マイグレーション実行

Laravelのartisanでmigrationを実行

php artisan migrate

こんなんが出る

   INFO  Preparing database.  

  Creating migration table ................................................................................................................ 5ms DONE

   INFO  Running migrations.  

  2014_10_12_000000_create_users_table .................................................................................................... 3ms DONE
  2014_10_12_100000_create_password_resets_table .......................................................................................... 1ms DONE
  2019_08_19_000000_create_failed_jobs_table .............................................................................................. 2ms DONE
  2019_12_14_000001_create_personal_access_tokens_table ................................................................................... 2ms DONE

動作確認

php artisan serve

無事起動すれば

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

  Press Ctrl+C to stop the server

  2025-04-02 03:23:48 ...................................................................................................................................................... ~ 1s
  2025-04-02 03:23:49 /favicon.ico ......................................................................................................................................... ~ 0s

こんな感じになります。