Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Laravel 8 注目機能紹介!
Search
MasaKu
November 25, 2020
Technology
490
1
Share
Laravel 8 注目機能紹介!
【増枠】LaravelのLT会 - vol.1 #laravellt
https://rakus.connpass.com/event/193294/
MasaKu
November 25, 2020
More Decks by MasaKu
See All by MasaKu
自作したプログラムを Packagist に登録して 世界中の PHPer にインストールしてもらおう
masaku_e
0
1.6k
今だから話せるPHP8バージョンアップの裏側~全5サービスの事例紹介~
masaku_e
3
3.9k
メルマガのすすめ
masaku_e
0
680
PHPerKaigi2019への参加がきっかけで社内勉強会の主催するようになった話
masaku_e
1
1.5k
メルマガ配信サービスの越境プロジェクト ~メール到達率向上への挑戦~
masaku_e
3
3.2k
Other Decks in Technology
See All in Technology
インターネットの技術 / Internet technology
ks91
PRO
0
210
マルチプロダクトの信頼性を効率良く保っていくために
kworkdev
PRO
0
160
ハーネスエンジニアリングの概要と設計思想
sergicalsix
9
4.9k
QGISプラグイン CMChangeDetector
naokimuroki
1
400
AIを共同作業者にして書籍を執筆する方法 / How to Write a Book with AI as a Co-Creator
ama_ch
2
130
目的ファーストのハーネス設計 ~ハーネスの変更容易性を高めるための優先順位~
gotalab555
8
2.2k
Introduction to Sansan Meishi Maker Development Engineer
sansan33
PRO
0
390
ぼくがかんがえたさいきょうのあうとぷっと
yama3133
0
190
AI駆動1on1〜AIに自分を育ててもらう〜
yoshiakiyasuda
0
120
自分のハンドルは自分で握れ! ― 自分のケイパビリティを増やし、メンバーのケイパビリティ獲得を支援する ― / Take the wheel yourself
takaking22
1
900
コードや知識を組み込む / Incorporate Code and Knowledge
ks91
PRO
0
150
ワールドカフェI /チューターを改良する / World Café I and Improving the Tutors
ks91
PRO
0
320
Featured
See All Featured
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
180
How to build a perfect <img>
jonoalderson
1
5.4k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.2k
4 Signs Your Business is Dying
shpigford
187
22k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
69
39k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
140
Google's AI Overviews - The New Search
badams
0
970
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.9k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
310
Color Theory Basics | Prateek | Gurzu
gurzu
0
290
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.5k
Transcript
Laravel 8 注目機能紹介! 株式会社ラクス 久山勝生 2020/11/25 LaravelのLT会 - vol.1
#laravellt
自己紹介 • 久山 勝生(くやま まさき) ◦ 株式会社ラクス ◦ 配配メール/クルメルの運用保守 ◦
PHPer • 好きなもの ◦ ハイボール ◦ ソース味の食べ物 #laravellt @MasaKu_e
Laravel 8 #laravellt
弊社イベント ご参加いただいた皆様 ありがとうございました! https://rakus.connpass.com/event/192297/ #laravellt
Laravel 8 Models Directory Model Factory Classes Migration Squashing Job
Batching Improved Rate Limiting Improved Maintenance Mode Pre-Rendering The Maintenance Mode View Closure Dispatch / Chain Dynamic Blade Components Event Listener Improvements Time Testing Helpers Artisan serve Improvements Routing Namespace Updates https://laravel.com/docs/8.x/releases Laravel Jetstream Tailwind Pagination Views #laravellt
Laravel 8 Laravel Jetstream Models Directory Model Factory Classes Migration
Squashing Job Batching Improved Rate Limiting Improved Maintenance Mode Pre-Rendering The Maintenance Mode View Closure Dispatch / Chain Dynamic Blade Components Event Listener Improvements Time Testing Helpers Artisan serve Improvements Tailwind Pagination Views Routing Namespace Updates https://laravel.com/docs/8.x/releases #laravellt
Laravel Jetstream • 一番の目玉機能 ◦ make:auth などで実現できていた認証機能の強化 ▪ メール認証 /
二要素認証など ◦ フロントエンドスタックを刷新 ▪ Livewire / Inertia.js • フロントエンド開発の経験が少なくてもモダンなUI開発が可能 #laravellt
Inertia.js ちょっとだけ紹介 <?php namespace App\Http\Controllers ; class UserController extends Controller
{ public function index() { return Inertia::render('user/index', ['users' => User::all()]); } } app/Http/Controllers/UserController.php #laravellt
Inertia.js ちょっとだけ紹介 <template> <h1>ユーザ一覧</h1> <ul> <li v-for="user in users" :key="user.id">{{
user.name }}</li> </ul> </template> <script> export default { props:{ users: { type: Array, } } } </script> resources/js/Pages/user/index.vue 使わない 使う #laravellt
Tailwind Pagination Views • デフォルトのCSSがTailwindに変更 ◦ Bootstrap3, 4 も引き続き利用可能
• Tailwind の特徴 ◦ カスタマイズ性に富んだ低レベルのCSSフレームワーク ◦ デフォルトのコンポーネントが存在せず、utility classを利用してオリジナルのコ ンポーテントを定義していく ▪ いわゆる「〇〇っぽさ」が出にくい #laravellt
Tailwind ちょっとだけ紹介 <button type="button” class="btn btn-primary"> Button Text </button>
<button class="f6 br3 ph3 pv2 white bg-purple hover-bg-light-purple"> Button Text </button> Bootstorap Tailwind #laravellt
Migration Squashing • マイグレーションファイルをまとめる機能 ◦ スキーマ構築の時間を短縮 ▪ テスト時などに便利 •
処理の流れ ◦ php artisan schema:dump を実行 ◦ マイグレーションファイルから dumpファイルを生成 ◦ php artisan migrate を実行すると dumpファイルから restore ※Laravelの実行環境をDockerコンテナ上に作成している場合 同じコンテナ内にDBが入っていないとdumpが実行できない #laravellt
まとめ • 14個の 新機能/仕様変更 がリリース ◦ Laravel Jetstream ◦ Tailwind
Pagination Views ◦ Migration Squashing • LTSではないため移行しづらいが便利機能が多い ◦ サンプルを参考に機能を確認しておくことが重要? #laravellt
次回イベント 環境構築でお困りの方も 是非お越しください! https://rakus.connpass.com/event/195001/ #laravellt
ご清聴ありがとうございました! #laravellt
参考サイト [1] Laravel 8 Release Notes https://laravel.com/docs/8.x/releases [2]
PHPerによるPHPerのための「Laravel8を中心に語り合う」TechCafe/Show note https://hackmd.io/@S051_ovFTzmLW3plu6ehiw/BkiwDx9IP [3] Laravel Jetstream https://jetstream.laravel.com/1.x/introduction.html [4] Laravel Jetstream入門 Inertia.js編 https://reffect.co.jp/laravel/laravel-jetstream-inertia-js [5] 初めてでもわかるTailwindcss入門(1)基礎編 https://reffect.co.jp/html/tailwindcss-for-beginners [6] CSS Utility Classes and "Separation of Concerns" https://adamwathan.me/css-utility-classes-and-separation-of-concerns/ #laravellt