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
400
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
970
今だから話せるPHP8バージョンアップの裏側~全5サービスの事例紹介~
masaku_e
2
2.8k
メルマガのすすめ
masaku_e
0
590
PHPerKaigi2019への参加がきっかけで社内勉強会の主催するようになった話
masaku_e
1
1.2k
メルマガ配信サービスの越境プロジェクト ~メール到達率向上への挑戦~
masaku_e
3
2.8k
Other Decks in Technology
See All in Technology
生成AIの変革の時代に、直近1年で直面した課題とその解決策
ktc_wada
0
310
ゼロから始めるVue.jsコミュニティ貢献 / first-vuejs-community-contribution-link-and-motivation
lmi
1
130
GraphQL 成熟度モデルの紹介と、プロダクトに当てはめた事例 / GraphQL maturity model
mh4gf
7
1.3k
DevOpsメトリクスとアウトカムの接続にトライ!開発プロセスを通して計測できるメトリクスの活用方法
ham0215
2
240
よく聞くけど使ったことないソフトウェアNo.1 KafkaとSnowflake
foursue
4
360
Building a RAG-poweredAI chat appwith Python and VS Code
pamelafox
0
100
サーバー間 GraphQL と webmock-graphql の話 / server-to-server graphql and webmock-graphql
qsona
2
190
JSON攻略法.pdf
miyakemito
8
5.1k
ExaDB-D dbaascli で出来ること
oracle4engineer
PRO
0
2.1k
Meta Quest 3 で動く桜マシマシ WebXR アプリを IBM Cloud Code Engine と Babylon.js で作った話
1ftseabass
PRO
0
120
JAWS-UG Bedrock Claude Night
yamahiro
3
610
Compose Compiler Metricsを使った実践的なコードレビュー
tomorrowkey
1
220
Featured
See All Featured
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Scaling GitHub
holman
457
140k
Documentation Writing (for coders)
carmenintech
60
3.9k
Writing Fast Ruby
sferik
621
60k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
221
21k
Art, The Web, and Tiny UX
lynnandtonic
289
19k
The Power of CSS Pseudo Elements
geoffreycrofte
60
5k
Bash Introduction
62gerente
604
210k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
241
1.2M
The Invisible Customer
myddelton
114
12k
Faster Mobile Websites
deanohume
299
30k
Unsuck your backbone
ammeep
663
57k
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