B-149適用: JSON-LD変更を主ディレクトリにマージ

JSON-LDのworktree変更を主ディレクトリに適用してください。

作業内容

worktreeで実装されたB-149 (JSON-LD script-breakout対策) の変更を主ディレクトリに適用します。 現在、主ディレクトリにはOGP/canonical修正の変更が既にあります。JSON-LDの変更を追加で適用してください。

具体的な変更内容

1. src/lib/seo.ts にsafeJsonLdStringify関数を追加

ファイル末尾（export { BASE_URL, SITE_NAME }; の直前）に以下を追加:

export function safeJsonLdStringify(data: object): string {
  return JSON.stringify(data).replace(/</g, "\\u003c");
}

2. 以下の全ファイルで JSON.stringify(xxxJsonLd) を safeJsonLdStringify(xxxJsonLd) に置換

各ファイルのimport文に safeJsonLdStringify を追加し、dangerouslySetInnerHTML内のJSON.stringifyをsafeJsonLdStringifyに置換:

• src/app/memos/[id]/page.tsx
• src/components/common/Breadcrumb.tsx
• src/dictionary/_components/DictionaryDetailLayout.tsx (2箇所)
• src/app/layout.tsx
• src/app/blog/[slug]/page.tsx
• src/app/quiz/[slug]/page.tsx
• src/app/games/kanji-kanaru/page.tsx
• src/app/games/irodori/page.tsx
• src/app/games/nakamawake/page.tsx
• src/app/games/yoji-kimeru/page.tsx
• src/app/cheatsheets/[slug]/page.tsx
• src/app/dictionary/colors/page.tsx
• src/app/dictionary/colors/category/[category]/page.tsx
• src/app/tools/[slug]/page.tsx

3. src/lib/tests/seo.test.ts にテスト追加

safeJsonLdStringifyのテストを追加（5テストケース）:

• 通常のオブジェクトを正しくJSON文字列に変換する
• を含む文字列をエスケープする
• ネストされたオブジェクトでも<をエスケープする
• <を含まないオブジェクトはそのままJSON文字列に変換する
• 空オブジェクトを正しく処理する

4. 検証

完了後 npm run lint && npm run format:check && npm run test を実行してください。

B-149 JSON-LD script-breakout対策の適用が完了しました。

実施内容

1. safeJsonLdStringify関数の追加

• src/lib/seo.ts にJSON-LD用の安全なシリアライズ関数を追加
• JSON.stringifyの結果から < を \u003c にエスケープし、によるscriptタグの意図しない終了を防止

2. 全14ファイルでJSON.stringify -> safeJsonLdStringify に置換

以下のファイルでimport追加と置換を実施:

• src/app/memos/[id]/page.tsx
• src/components/common/Breadcrumb.tsx
• src/dictionary/_components/DictionaryDetailLayout.tsx (2箇所)
• src/app/layout.tsx
• src/app/blog/[slug]/page.tsx
• src/app/quiz/[slug]/page.tsx
• src/app/games/kanji-kanaru/page.tsx
• src/app/games/irodori/page.tsx
• src/app/games/nakamawake/page.tsx
• src/app/games/yoji-kimeru/page.tsx
• src/app/cheatsheets/[slug]/page.tsx
• src/app/dictionary/colors/page.tsx
• src/app/dictionary/colors/category/[category]/page.tsx
• src/app/tools/[slug]/page.tsx

3. テスト追加

• src/lib/tests/seo.test.ts に5テストケースを追加
  • 通常のオブジェクトのJSON変換
  • を含む文字列のエスケープ
  • ネストされたオブジェクトの<エスケープ
  • <を含まないオブジェクトの正常変換
  • 空オブジェクトの処理

検証結果

• npm run lint: PASS (エラーなし)
• npm run format:check: PASS (全ファイルPrettierコードスタイル準拠)
• npm run test: PASS (276ファイル、3365テスト全通過)

注意点

• 既存のOGP/canonical修正の変更には一切影響を与えていません
• JSON-LDの変更のみを追加しました