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.3k
今だから話せるPHP8バージョンアップの裏側~全5サービスの事例紹介~
masaku_e
3
3.6k
メルマガのすすめ
masaku_e
0
650
PHPerKaigi2019への参加がきっかけで社内勉強会の主催するようになった話
masaku_e
1
1.4k
メルマガ配信サービスの越境プロジェクト ~メール到達率向上への挑戦~
masaku_e
3
3.1k
Other Decks in Technology
See All in Technology
開発と脆弱性と脆弱性診断についての話
su3158
1
1.1k
現場が抱える様々な問題は “組織設計上” の問題によって生じていることがある / Team-oriented Organization Design 20250827
mtx2s
5
1.2k
Android Studio の 新しいAI機能を試してみよう / Try out the new AI features in Android Studio
yanzm
0
270
退屈なことはDevinにやらせよう〜〜Devin APIを使ったVisual Regression Testの自動追加〜
kawamataryo
3
670
JOAI発表資料 @ 関東kaggler会
joai_committee
1
340
JuniorからSeniorまで: DevOpsエンジニアの成長ロードマップ
yuriemori
0
210
つくって納得、つかって実感! 大規模言語モデルことはじめ
recruitengineers
PRO
24
6.1k
浸透しなさいRFC 5322&7208
hinono
0
120
イオン店舗一覧ページのパフォーマンスチューニング事例 / Performance tuning example for AEON store list page
aeonpeople
2
290
モダンフロントエンド 開発研修
recruitengineers
PRO
3
350
Figma + Storybook + PlaywrightのMCPを使ったフロントエンド開発
yug1224
9
2.7k
Amazon Bedrock AgentCore でプロモーション用動画生成エージェントを開発する
nasuvitz
6
430
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
338
57k
Designing for Performance
lara
610
69k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Unsuck your backbone
ammeep
671
58k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Navigating Team Friction
lara
189
15k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
480
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.4k
Making Projects Easy
brettharned
117
6.3k
Code Reviewing Like a Champion
maltzj
525
40k
The Invisible Side of Design
smashingmag
301
51k
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