Laravel8 : 新ログイン「jetstream」を早速試してみたメモ

##Laravel8 : 新ログイン「jetstream」を早速試してみたメモ

みなさんこんにちは
ジーズアカデミー 主席講師 山崎ですm(_ _)m
今回はLaravel8にアップデートされLogin画面作成のMyMemoをしておきます。

以下がLaravel8インストール完了時の画面です。変わってる・・・。

以前のlaravel/ui もLaravel8で用意されたようですので、以下記事を参考にしてください。
https://qiita.com/daisu_yamazaki/items/b946594896179abcd203

###前提条件/検証環境

• Laravelを基本を理解してCRUDを作成した経験がある人
• 記事内容的には、Laravel8のLoginを使う場合の自分メモです。
• PHP 7.3.x(確認した環境)
• EC2の場合：t2.small （メモリ２G以上必要 "laravel/jetstream"に必要なため,t2.microだとコケます。Swapで対応できる方はそれでもOK）
• Node.js インストール済みであること

####【 Laravel6/7でのログイン画面作成はこちらをご参考に】
https://qiita.com/daisu_yamazaki/items/a914a16ca1640334d7a5

---

##Laravel8 ログイン画面作成
Login

Register

#####１. laravel/jetstreamをインストール
幾つかの種類があるようです、時間的に今回は簡単なものを選択！！

ターミナル

composer require laravel/jetstream

php artisan jetstream:install livewire

php artisan migrate

npm install

npm run dev

上記コマンドの2回目は「Livewire」or「inertiajs」を選択します。
どちらも目新しい。

ターミナル

#https://laravel-livewire.com/
php artisan jetstream:install livewire

#https://inertiajs.com/
php artisan jetstream:install inertia

「Livewireは（Bladeインクルードのように）最初のコンポーネント出力をページとともにレンダリングします。...インタラクションが発生すると、Livewireは更新されたデータを使用してサーバーにAJAXリクエストを送信します。」とサイトの説明を見る感じでは、Bladeテンプレート側の記述だけでJavaScript(ajax,event...)を生成するようなイメージでしょうか。
[livewireの動画解説も用意されています]
https://laravel-livewire.com/screencasts/installation

「Inertiaにはクライアント側ルーティングがなく、APIも必要ありません。いつものように、コントローラーとページビューを構築するだけ」と「クライアント側とサーバー側の2つを接続する接着剤と考えてください」って感じで書いてますね。フロント側をvue/React/Svelte ...構築する場合にはこちらですね。

#####ダッシュボード

#####プロフィールページ？？

なんか、すごくなってる。。。

#####まずは Laravel8バージョンのLOGINが実装できました！
Loginのところも「幾つかの選択肢」があるようなので、これも後で調べていこうと思います。
いやー、インストールはサクサク感が出た気がします（個人の感想）。
Login後の機能が拡張されてるので、これから触って調べていこうと思います。
凄いですね～ワクワクします！！
※朝30分でメモったので、間違ってたらごめんなさいm(_ _)m
※先程、確認したら、すでに同様の記事を上げてらっしゃる人が多数いました。。速い人は本当に速い。アウトプットが重要ですからね。これでいいんです。

##◇Laravel8.x 公式
https://laravel.com/docs/8.x/frontend#introduction

##◇「動かして学ぶ！Laravel開発入門(翔泳社)」本だしました。
https://www.amazon.co.jp/dp/B08TBF3FQS/

##◇「Laravel DB.com」も運用中
Laravelをテーブル設計するだけでMigrationも生成できるツール
https://qiita.com/daisu_yamazaki/items/9f0dd73553367f8077f0

#◇ Youtubeチャンネル
「遅咲きエンジニア」MicrosoftMVP 山崎
https://www.youtube.com/channel/UCmMFmjhf1BXB1tlLcbkVRrg

以上