{category}

Laravel - レイアウトとコンポーネント

@section

アット セクション(ビューとBlade

意味 コンテンツブロックを定義


@sectionとは?

@sectionディレクティブは、Bladeテンプレートで使用され、名前付きのコンテンツブロックを定義します。これらのセクションは、レイアウトファイルの@yieldディレクティブに対応し、ページ固有のコンテンツを挿入するために使用されます。

@sectionの具体的な使い方

基本的なセクションの定義

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

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

@section('content')
    <h1>ようこそ</h1>
    <p>これは@sectionを使用したコンテンツです。</p>
@endsection

この例では、'layouts.app'レイアウトを拡張し、2つのセクションを定義しています。'title'セクションは単一行で定義され、'content'セクションは複数行のコンテンツを含んでいます。これらのセクションは、親レイアウトの対応する@yieldディレクティブに挿入されます。

セクションのスタック

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

@section('scripts')
    @parent
    <script>
        console.log('子ビューからの追加スクリプト');
    </script>
@endsection

この例では、@parentディレクティブを使用して、親レイアウトの'scripts'セクションの内容を保持しながら、子ビューで追加のスクリプトを追加しています。これにより、親レイアウトのスクリプトを上書きせずに拡張できます。

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

Q. @sectionの目的は?
A. @sectionディレクティブは、Bladeテンプレートで特定のコンテンツブロックを定義するために使用されます。これにより、レイアウトファイル内の対応する@yieldディレクティブにコンテンツを挿入できます。
Q. @sectionと@yieldの違いは?
A. @sectionはコンテンツを定義するために使用され、@yieldはそのコンテンツを表示する場所を指定します。@sectionは子ビューで使用され、@yieldは親レイアウトで使用されます。
Q. @sectionの終了方法は?
A. @sectionの終了方法は2つあります。1つは@endsectionディレクティブを使用する方法、もう1つは@showディレクティブを使用する方法です。@showは、セクションを終了すると同時にそのセクションの内容を即座に表示します。

@sectionが学べる書籍の紹介

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

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

1日5分の暗記でプログラミンが身に付く!プログラミング単語帳 公式ストアで発売中!

HTML編、CSS編、JavaScript編、PHP編、Ruby編、その他単語編の6シリーズ分が公式ストアにて販売中です。気になった方はぜひ購入してみてください。


Laravelを学べる「プログラミング単語帳」アプリ

プログラミング単語帳がアプリになりました!Laravelはもちろん、10種類のプログラミング言語の中から、よく使われる単語をスマホで学習できます。

収録単語は2,000単語以上!
現在は、HTML、CSS、JavaScirpt、PHP、Laravel、Ruby、Python、MySQL、Linux、など10カテゴリーの単語帳が1つのアプリに収録されています。

いつでも、どこでも、隙間時間を有効活用して、プログラミングを効率的に学べるので、ぜひダウンロードしてみてください。

2024年7月アップデート情報:「Laravel」カテゴリーが追加されましました!

2024年8月アップデート情報:「MySQL」「Linux」カテゴリーが追加されましました!


関連するそのほかの単語

@while

条件が真の間、処理を繰り返す

種類: 制御構造

@verbatim

Blade記法の無効化

種類: その他

@else

条件分岐の最終処理

種類: 制御構造

$request->isMethod()

HTTPメソッドの確認

種類: リクエスト処理

Model::all()

全レコードを取得

種類: 基本的なクエリ