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でのログイン画面作成はこちらをご参考に】

Laravel8 ログイン画面作成

１. 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 公式

◇「動かして学ぶ！Laravel開発入門(翔泳社)」本だしました。

◇「Laravel DB.com」も運用中

Laravelをテーブル設計するだけでMigrationも生成できるツール
https://qiita.com/daisu_yamazaki/items/9f0dd73553367f8077f0

◇ Youtubeチャンネル

「遅咲きエンジニア」MicrosoftMVP 山崎
 https://www.youtube.com/channel/UCmMFmjhf1BXB1tlLcbkVRrg

以上