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
1
470
Laravel 8 注目機能紹介!
【増枠】LaravelのLT会 - vol.1 #laravellt
https://rakus.connpass.com/event/193294/
MasaKu
November 25, 2020
Tweet
Share
More Decks by MasaKu
See All by MasaKu
自作したプログラムを Packagist に登録して 世界中の PHPer にインストールしてもらおう
masaku_e
0
1.4k
今だから話せるPHP8バージョンアップの裏側~全5サービスの事例紹介~
masaku_e
3
3.6k
メルマガのすすめ
masaku_e
0
660
PHPerKaigi2019への参加がきっかけで社内勉強会の主催するようになった話
masaku_e
1
1.4k
メルマガ配信サービスの越境プロジェクト ~メール到達率向上への挑戦~
masaku_e
3
3.1k
Other Decks in Technology
See All in Technology
Introduction to Bill One Development Engineer
sansan33
PRO
0
300
業務効率化をさらに加速させる、ノーコードツールとStep Functionsのハイブリッド化
smt7174
2
140
AgentCon Accra: Ctrl + Alt + Assist: AI Agents Edition
bethany
0
110
Claude Code Subagents 再入門 ~cc-sddの実装で学んだこと~
gotalab555
7
12k
AWSでAgentic AIを開発するための前提知識の整理
nasuvitz
2
160
AI Agent Dojo #2 watsonx Orchestrateフローの作成
oniak3ibm
PRO
0
120
難しいセキュリティ用語をわかりやすくしてみた
yuta3110
0
130
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
930
ガバメントクラウド(AWS)へのデータ移行戦略の立て方【虎の巻】 / 20251011 Mitsutosi Matsuo
shift_evolve
PRO
2
200
AWS Control Tower に学ぶ! IAM Identity Center 権限設計の第一歩 / IAM Identity Center with Control Tower
y___u
0
170
Claude Codeを駆使した初めてのiOSアプリ開発 ~ゼロから3週間でグローバルハッカソンで入賞するまで~
oikon48
10
4.2k
Data Hubグループ 紹介資料
sansan33
PRO
0
2.2k
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
697
190k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
Automating Front-end Workflow
addyosmani
1371
200k
YesSQL, Process and Tooling at Scale
rocio
173
14k
A better future with KSS
kneath
239
18k
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
What's in a price? How to price your products and services
michaelherold
246
12k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Building Adaptive Systems
keathley
44
2.8k
Balancing Empowerment & Direction
lara
4
690
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