YNSTakeru / sail-sandbox

0 stars 0 forks source link

Implement Reusable Header and Footer using Blade Slots #20

Open YNSTakeru opened 5 months ago

YNSTakeru commented 5 months ago

タスク概要

LaravelのBladeテンプレートのスロットを使用して、ヘッダーとフッターを再利用可能にします。

背景

現在、各ページでヘッダーとフッターが重複して定義されています。これはコードの重複を引き起こし、メンテナンス性を低下させます。

ハイアーキテクチャ

graph LR
  A[User] --> B[Web Browser]
  B --> C[Laravel App]
  C --> D[Header Blade Template]
  C --> E[Footer Blade Template]

課題

ヘッダーとフッターが各ページで重複して定義されています。

解決策

Bladeテンプレートのスロットを使用して、ヘッダーとフッターを再利用可能なコンポーネントとして定義します。

やること

ヘッダーとフッターのBladeテンプレートを作成します。 スロットを使用して、ヘッダーとフッターを各ページで再利用できるようにします。

やらないこと

このIssueでは、他のコンポーネントやページの実装は行いません。

テスト方案

手動で各ページを表示し、ヘッダーとフッターが正しく表示されることを確認します。

YNSTakeru commented 5 months ago

やったこと

slotの調査 guest.blade.php

{{ $slot }}

はたとえば、

login.blade.php

<x-guest-layout>

</x-guest-layout>

で呼び出せる