こんにちは!トビログ管理人のとびうおです!今回はLaravel10にてLaravel/uiを使用して認証機能を作る方法について解説していきたいと思います!
![とびうおくん](https://i0.wp.com/tobilog.net/wp-content/uploads/2021/01/C68848CD-D4C5-460B-B744-BEFA75315F89.jpg?resize=300%2C300&ssl=1)
なお、Laravel10には多くのスターターキットが存在し、
個人的にはBreeze等を使うことをお勧めします。
なお、Laravel 10での認証の仕方をある程度まとめた記事は↓から!
laravel uiをインストールする
今回はlaravel uiを使っていることを前提にするので、まずlaravel uiをインストールしていきましょう!
まず、sailを使っていることを前提として、以下のコマンドを実行します。
![とびうおくん](https://i0.wp.com/tobilog.net/wp-content/uploads/2021/01/C68848CD-D4C5-460B-B744-BEFA75315F89.jpg?resize=300%2C300&ssl=1)
sail upしていることが前提です!
./vendor/bin/sail up
./vendor/bin/sail composer require laravel/ui
そうすると無事、laravel uiのインストールが完了し、uiコマンドが使用可能になります。
![Laravel 10でlaravel/uiを使用して認証機能を作る](https://i0.wp.com/tobilog.net/wp-content/uploads/2023/04/image-49.png?resize=1024%2C221&ssl=1)
(なんかsailも入っているな…笑)
uiコマンドを使用して認証機能を作成していく
そうしましたら、uiコマンドを使用して、ログイン機能を作成していきましょう。
./vendor/bin/sail php artisan ui bootstrap --auth
と打ちます。
そうすることで、
![](https://i0.wp.com/tobilog.net/wp-content/uploads/2023/04/image-50.png?resize=840%2C164&ssl=1)
と出てくるかと思います。
なので、
./vendor/bin/sail npm install
![Laravel 10でlaravel/uiを使用してログイン機能を作る](https://i0.wp.com/tobilog.net/wp-content/uploads/2023/04/image-51.png?resize=1024%2C422&ssl=1)
./vendor/bin/sail npm run dev
![Laravel 10でlaravel/uiを使用してログイン機能を作る](https://i0.wp.com/tobilog.net/wp-content/uploads/2023/04/image-52.png?resize=900%2C628&ssl=1)
を打っていきます。(いつからviteになったんだ)
この状態でローカルホストを見にいくと
この状態でローカルホストを見にいくと、無事右上の方にlogin registerというのがでていることがわかります!
![Laravel 10でlaravel/uiを使用してログイン機能を作る](https://i0.wp.com/tobilog.net/wp-content/uploads/2023/04/image-53.jpg?resize=1024%2C498&ssl=1)
ここでregisterをタップすると
![Laravel 10でlaravel/uiを使用してログイン機能を作る](https://i0.wp.com/tobilog.net/wp-content/uploads/2023/04/image-53.png?resize=1024%2C522&ssl=1)
と、懐かしいlaravel uiの画面が出てきました!
![とびうおくん](https://i0.wp.com/tobilog.net/wp-content/uploads/2021/01/C68848CD-D4C5-460B-B744-BEFA75315F89.jpg?resize=300%2C300&ssl=1)
これはlaravel 8とか9とかで
ログイン機能を作った時にでてきたのだ!
![](https://i0.wp.com/www19.a8.net/0.gif?resize=1%2C1&ssl=1)
![](https://i0.wp.com/www16.a8.net/0.gif?resize=1%2C1&ssl=1)
![](https://i0.wp.com/www12.a8.net/0.gif?resize=1%2C1&ssl=1)
![](https://i0.wp.com/www19.a8.net/0.gif?resize=1%2C1&ssl=1)
しかし、この状態でregisterをしても…
これで終わりではありません。
ここでregisterをしてみてもお決まりのこちらのエラーが出てきます!
![Laravel 10でlaravel/uiを使用してログイン機能を作る](https://i0.wp.com/tobilog.net/wp-content/uploads/2023/04/image-55.jpg?resize=1024%2C266&ssl=1)
このエラーはdbにそんなものがない!というエラーなので、mirgationをしてあげます。
./vendor/bin/sail php artisan migrate
![とびうおくん](https://i0.wp.com/tobilog.net/wp-content/uploads/2021/01/C68848CD-D4C5-460B-B744-BEFA75315F89.jpg?resize=300%2C300&ssl=1)
親切に
php artisan migrate
してね!っていうエラー文章がでててえらい
![Laravel 10でlaravel/uiを使用してログイン機能を作る](https://i0.wp.com/tobilog.net/wp-content/uploads/2023/04/image-55.png?resize=1024%2C227&ssl=1)
migrateされました!
そして、再度、registerをしてみると、
![Laravel 10でlaravel/uiを使用してログイン機能を作る](https://i0.wp.com/tobilog.net/wp-content/uploads/2023/04/image-56.png?resize=1024%2C247&ssl=1)
無事、ログインをすることができました!
![](https://i0.wp.com/image.moshimo.com/af-img/4817/000000068539.png?resize=300%2C300)
まとめ
以上がLaravel uiでログインを作る方法でした!
8とか9とかと作り方的にはなんら、変わりはないですね。
強いていうならnpm run devした時にviteが使われるようになっていることくらいです!
Laravel 10でログインをするならbreezeがいいよ
laravel uiを使うのもいいのですが、最初に行った通り、breezeの方がtestとかまでも書いてくれちゃうので、breezeを使ってみるのをお勧めします!
↓breezeがテスト書いてることを知った記事
![](https://i0.wp.com/www19.a8.net/0.gif?resize=1%2C1&ssl=1)
![](https://i0.wp.com/www16.a8.net/0.gif?resize=1%2C1&ssl=1)
![](https://i0.wp.com/www12.a8.net/0.gif?resize=1%2C1&ssl=1)
![](https://i0.wp.com/www19.a8.net/0.gif?resize=1%2C1&ssl=1)
その他のLaravelの記事
トビログではLaravelの記事を多く書いています!
気になる方は↓をチェック!
![](https://i0.wp.com/tobilog.net/wp-content/uploads/2021/01/81868173-E931-44CF-9D78-6BC5E095F433-2-scaled.jpg?resize=160%2C90&ssl=1)
コメント