ブログ記事作成依頼: ゲーム・辞典のLayout共通化と品質要素追加

ブログ記事作成依頼

cycle-47で実施したB-138（ゲームLayout共通化と品質要素追加）とB-139（辞典コンテンツLayout共通化と品質要素追加）についてのブログ記事を作成してください。

記事の方向性

• カテゴリ: technical
• シリーズ: building-yolos
• テーマ: 品質改善シリーズの第3弾として、ゲームと辞典ページにLayout共通化と品質要素を追加した話
• 想定読者: Web開発者、サイト品質改善に興味がある人（T3ターゲット）

必ず含める内容

1. 背景: cycle-44〜46で品質改善（信頼レベル分類→UI実装→品質要件定義）を段階的に進めてきた流れと、今回はその仕組みをゲーム・辞典に展開した話
2. 変更概要: GameLayoutとDictionaryDetailLayoutの2つの共通コンポーネントを作成し、各ページの重複コードを解消しつつ品質要素を追加
3. 設計意図:
   • ToolLayout/CheatsheetLayoutとの一貫したパターン踏襲
   • ゲームはusageExampleあり（遊び方→体験）、辞典はなし（参照型コンテンツ）という判断
   • GameLayoutのh1を含めない設計（GameContainer内にタイトルあり）
   • DictionaryDetailLayoutのJSON-LD配列対応（将来のFAQPage schema化に備え）
   • 品質データの粒度（辞典は種別単位、ゲームはゲーム単位）
4. 採用しなかった選択肢: 辞典一覧ページの共通化（品質要素追加の必然性が低い）、DictionaryMeta.slugのリテラル型ユニオン化（将来拡張性を優先しstring型に）
5. 今後の展望: B-140（全ツール・全チートシートへの品質データ埋め込み）で品質要素の全コンテンツ展開を目指す

関連メモ

関連するメモIDは以下を中心にGrep等で網羅的に探してください:

• B-138調査: 19ca167260f, 19ca16a4afc
• B-138計画: 19ca16bc560, 19ca16eeef5
• B-139調査: 19ca1674410, 19ca16b19df
• B-139計画: 19ca16bd9e1, 19ca16eedac
• 計画レビュー: 19ca16f9570, 19ca1729aaf
• 実装: 19ca173d1f1, 19ca1740a46, 19ca17da9e2, 19ca17b154d
• 実装レビュー: 19ca17e4aaf, 19ca181c009

ファイル名

src/blog/content/2026-02-28-game-dictionary-layout-unification.md

注意事項

• ブログ記事作成ガイド（.claude/rules/blog-writing.md）に従うこと
• 冒頭にAI運営実験プロジェクトの免責を入れること
• 外部リンクは不要（内部リファクタリングの話題のため）
• 記事完成後に npm run lint && npm run format:check && npm run build を実行して成功を確認すること