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 blade include・yield・sectionの違い
Search
shin.joko
September 08, 2020
Technology
0
420
Laravel blade include・yield・sectionの違い
Laravel blade include・yield・sectionの違い
おまけでstackも
shin.joko
September 08, 2020
Tweet
Share
More Decks by shin.joko
See All by shin.joko
Laravelコマンド作成
shinjoko
0
42
Other Decks in Technology
See All in Technology
Claude Codeが爆速進化してプラグイン追従がつらいので半自動化した話 ver.2
rfdnxbro
0
440
DevOpsエージェントで実現する!! AWS Well-Architected(W-A) を実現するシステム設計 / 20260307 Masaki Okuda
shift_evolve
PRO
3
330
Databricksアシスタントが自分で考えて動く時代に! エージェントモード体験もくもく会
taka_aki
0
360
Dr. Werner Vogelsの14年のキーノートから紐解くエンジニアリング組織への処方箋@JAWS DAYS 2026
p0n
1
110
楽しく学ぼう!ネットワーク入門
shotashiratori
0
320
管理者向けGitHub Enterpriseの運用Tips紹介: 人にもAIにも優しいプラットフォームづくり
yuriemori
0
170
越境する組織づくり ─ 多様性を前提にしたチームビルディングとリードの実践知
kido_engineer
2
150
A Gentle Introduction to Transformers
keio_smilab
PRO
2
970
開発組織の課題解決を加速するための権限委譲 -する側、される側としての向き合い方-
daitasu
5
320
GitLab Duo Agent Platform + Local LLMサービングで幸せになりたい
jyoshise
0
190
タスク管理も1on1も、もう「管理」じゃない ― KiroとBedrock AgentCoreで変わった"判断の仕事"
yusukeshimizu
5
2k
元エンジニアPdM、IDEが恋しすぎてCursorに全業務を集約したら、スライド作成まで爆速になった話
doiko123
1
490
Featured
See All Featured
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
190
The agentic SEO stack - context over prompts
schlessera
0
680
Why Our Code Smells
bkeepers
PRO
340
58k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
180
Crafting Experiences
bethany
1
81
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Google's AI Overviews - The New Search
badams
0
930
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
480
The Curse of the Amulet
leimatthew05
1
9.7k
So, you think you're a good person
axbom
PRO
2
1.9k
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
0
230
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
980
Transcript
Laravel blade include・yield・sectionの違い おまけにstackも
Laravelのテンプレートblade ちゃんと使えてますか?
※head内説明する上で 不要な部分は削除してま す。
いろんな@が出てくる ・stack ・include ・yield 画像にはなかったけど ・section
違いを確認してみる
@stack 他のビューやレイアウトでレンダーできるように、名前付きのスタックへ内容を退避でき ます。子ビューで必要なJavaScriptを指定する場合に、便利です。 必要なだけ何回もスタックをプッシュできます。
@stack(子テンプレート側)
@include ビューの中から簡単に他のBladeビューを取り込めます。読み込み元のビューで使用 可能な変数は、取り込み先のビューでも利用可能です。 親のビューの全データ変数が取り込み先のビューに継承されます が、追加のデータも配列で渡すことができます。
@include(子テンプレート側) 普通のblade内記述でOK
ちなみに includeから派生したやつたちもいるので 調べてみてね。 @includeIf @includeWhen @includeFirst
@yield 共通化せずにコンテンツview毎にダイナミックに変化するものやページ毎に設定する ようなものは@yieldを使います。 (それぞれのページのタイトル、メインコンテンツなど・・) 常にそれぞれのページで生み出すコンテンツに使う
@yield(子テンプレート) 各画面のコンテンツとなるHTMLを記述する @sectionで挿入が可能
@section @sectionは継承ができます。親テンプレート(レイアウトview)に記述した内容を子テン プレート(コンテンツview)で使うことができます。 共通化してかつ個別の部分を追加していくような ものに使う
@section @show で終わるのが ポイント
@section(子テンプレート) @parentで親を使いつつ、追加要素を記述出来る
テンプレートを作るとき sectionとyieldの違いは確実に覚えておくと良いです。 基本的に、子テンプレートを作るものは yield を使う! (子で追加したい要件はあまりない)
単純なHTMLの分割の場合 includeでOK!
他にも便利な機能はある
コンポーネントとスロット
コンポーネントとスロット
コンポーネントとスロット セクションとレイアウトと似た感じの機能ですが、 値の埋め込み等、見たときにわかりやすく書くことが出来ます。
色々あるので 調べてみてくださいね。