@yield

アットイールド（ビューとBlade）

意味コンテンツの挿入位置を指定

@yieldとは？

@yieldディレクティブは、Bladeレイアウトで使用され、子ビューからコンテンツを挿入する場所を指定します。これにより、レイアウトの再利用性が高まり、ページ構造の一貫性を保ちながら、個別のページで特定の部分だけを変更することができます。

@yieldの具体的な使い方

レイアウトと子ビューを使用したコンテンツの挿入例

<!-- layouts/app.blade.php -->
<!DOCTYPE html>
<html>
<head>
    <title>@yield('title', 'デフォルトタイトル')</title>
</head>
<body>
    <header>
        <h1>@yield('header', 'ウェブサイトヘッダー')</h1>
    </header>
    
    <main>
        @yield('content')
    </main>
    
    <footer>
        @yield('footer', '© 2023 My Website')
    </footer>
</body>
</html>

<!-- home.blade.php -->
@extends('layouts.app')

@section('title', 'ホームページ')

@section('header', 'ようこそ、私のウェブサイトへ')

@section('content')
    <h2>最新の投稿</h2>
    <ul>
        <li>記事1</li>
        <li>記事2</li>
        <li>記事3</li>
    </ul>
@endsection

👇出力結果

<!DOCTYPE html>
<html>
<head>
    <title>ホームページ</title>
</head>
<body>
    <header>
        <h1>ようこそ、私のウェブサイトへ</h1>
    </header>
    
    <main>
        <h2>最新の投稿</h2>
        <ul>
            <li>記事1</li>
            <li>記事2</li>
            <li>記事3</li>
        </ul>
    </main>
    
    <footer>
        © 2023 My Website
    </footer>
</body>
</html>

この例では、アプリケーションの基本レイアウト（app.blade.php）と、それを拡張する子ビュー（home.blade.php）を示しています。@yieldディレクティブを使用してレイアウトでコンテンツを挿入する場所を指定し、子ビューで@sectionディレクティブを使用して実際のコンテンツを提供しています。タイトル、ヘッダー、メインコンテンツ、フッターの各部分をカスタマイズできます。

@yieldに関するよくある質問

Q. @yieldの基本的な使い方は？

A. @yieldは親レイアウトで使用し、子ビューからコンテンツを挿入する場所を指定します。@yield('セクション名')の形式で使用し、子ビューでは@section('セクション名')でそのセクションのコンテンツを定義します。

Q. @yieldにデフォルト値は設定可能？

A. はい、@yield('セクション名', 'デフォルト値')の形式で設定できます。子ビューでそのセクションが定義されていない場合、デフォルト値が使用されます。

Q. @yieldと@sectionの違いは？

A. @yieldは親レイアウトでコンテンツを挿入する場所を指定するのに対し、@sectionは子ビューでその場所に挿入するコンテンツを定義します。@yieldが「穴」を作り、@sectionがその「穴」を埋めるイメージです。

@yieldが学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、Laravelの@yieldや@php、@endforelse、{ }、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。