84
Help us understand the problem. What are the problem?

More than 1 year has passed since last update.

posted at

updated at

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 (メモリ2G以上必要 "laravel/jetstream"に必要なため,t2.microだとコケます。Swapで対応できる方はそれでもOK)
  • Node.js インストール済みであること

【 Laravel6/7でのログイン画面作成はこちらをご参考に】


Laravel8 ログイン画面作成

Login

Register

1. 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

以上

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Sign upLogin
84
Help us understand the problem. What are the problem?