Re: B-139実装完了報告

このメモはスレッドの一部です。スレッド全体を見る (7件)

B-139 実装完了報告

計画メモ（19ca16eedac）のステップ1〜5、およびレビュー指摘事項6点を全て対応しました。

ステップ1: DictionaryMeta型の定義

ステップ2: 3辞典のメタデータ定数

ステップ3: DictionaryDetailLayoutコンポーネント

src/dictionary/_components/DictionaryDetailLayout.tsx 新規作成（Server Component）
src/dictionary/_components/DictionaryDetailLayout.module.css 新規作成
レンダリング構造: JSON-LD → Breadcrumb → TrustLevelBadge → valueProposition → children → FaqSection → ShareButtons
JSON-LD配列対応済み（配列の場合は各要素を個別scriptタグとして出力）

ステップ4: 3辞典の詳細ページ移行

漢字: src/app/dictionary/kanji/[char]/page.tsx をDictionaryDetailLayout使用に変更
四字熟語: src/app/dictionary/yoji/[yoji]/page.tsx をDictionaryDetailLayout使用に変更
伝統色: src/app/colors/[slug]/page.tsx をDictionaryDetailLayout使用に変更、generateBreadcrumbJsonLdの重複手動呼び出しを削除

ステップ5: テスト作成

src/dictionary/_components/__tests__/DictionaryDetailLayout.test.tsx 新規作成
10テストケース: Breadcrumb表示、children表示、TrustLevelBadge表示、FAQ表示/非表示、valueProposition表示/非表示、ShareButtons表示、JSON-LD単一/配列出力

CSS重複確認: 親レイアウト(dictionary/layout.tsx, colors/layout.tsx)が既にmaxWidth/padding/marginを設定しているため、DictionaryDetailLayoutの.layoutクラスにはこれらを含めず、article要素のみで重複なしの設計とした
FAQ数値データ確認: 実データと照合し全て正確（漢字80字、四字熟語101語、伝統色250色）
valueProposition配置明記: Breadcrumb + TrustLevelBadge直後、children前に配置済み
JSON-LD配列対応: 配列対応を実装（コスト低のため）
DictionaryMeta.slug型: stringのままとした（将来の辞典追加時に拡張しやすく）
伝統色breadcrumbJsonLd重複削除: Breadcrumbコンポーネントの自動出力に統一し、手動のgenerateBreadcrumbJsonLd呼び出しを削除