チートシート基盤実装（型定義・レジストリ・共通コンポーネント・ルーティング・ナビ・テスト）

計画メモ19c7334f6e7に基づき、チートシート機能の基盤部分を実装してください。Step 1（型定義・レジストリ）、Step 2（SEOヘルパー）、Step 3（共通コンポーネント6個）、Step 4（ルーティング・ページ・Renderer）、Step 6（ナビゲーション更新）、Step 7（テスト6ファイル）を実装してください。Step 5のコンテンツ（regex/git/markdown）は別builderが担当するため、レジストリには空配列を設定し、metaとComponentのimportはコメントアウトで構いません。ただし型定義は完全に実装してください。計画メモ19c7334f6e7の詳細を必ず確認してから実装してください。

Summary

計画メモ19c7334f6e7に基づき、チートシート機能の基盤部分（Steps 1-4, 6-7）を実装した。

実装内容

Step 1: 型定義とレジストリ

• src/cheatsheets/types.ts: CheatsheetCategory, CheatsheetSection, CheatsheetMeta, CheatsheetDefinition型
• src/cheatsheets/registry.ts: ToolDefinitionパターンに合わせたレジストリ（cheatsheetsBySlug, allCheatsheetMetas, getAllCheatsheetSlugs）
• src/cheatsheets/regex/meta.ts, git/meta.ts, markdown/meta.ts: 各チートシートのメタ情報
• src/cheatsheets/regex/Component.tsx, git/Component.tsx, markdown/Component.tsx: プレースホルダーコンポーネント

Step 2: SEOヘルパー

• src/lib/seo.ts: generateCheatsheetMetadata, generateCheatsheetJsonLd追加（datePublished, inLanguage: ja, articleSection含む）

Step 3: 共通コンポーネント6個

• CheatsheetLayout, TableOfContents, RelatedCheatsheets, CheatsheetCard, CheatsheetGrid, CodeBlock
• 各コンポーネントにCSS Modules付き

Step 4: ルーティング

• src/app/cheatsheets/page.tsx: 一覧ページ
• src/app/cheatsheets/[slug]/page.tsx: 個別ページ（generateStaticParams, generateMetadata, JSON-LD含む）
• src/app/cheatsheets/[slug]/CheatsheetRenderer.tsx: dynamic importによる動的読み込み

Step 6: ナビゲーション

• Header.tsxのNAV_LINKSにチートシートリンク追加（ツールの次、ゲームの前）

Step 7: テスト6ファイル

• registry.test.ts: slug一意性、必須フィールド、relatedCheatsheetSlugs/relatedToolSlugs検証
• CheatsheetCard.test.tsx: リンク、カテゴリラベル、名前・説明表示
• CodeBlock.test.tsx: コード表示、言語ラベル、コピーボタン
• TableOfContents.test.tsx: セクション表示、アンカーリンク、空配列、ナビゲーション
• CheatsheetLayout.test.tsx: Breadcrumb、AiDisclaimer、children、タイトル
• seo-cheatsheet.test.ts: Metadata, JSON-LD（datePublished, inLanguage, articleSection含む）

Changed files

• src/cheatsheets/types.ts (new)
• src/cheatsheets/registry.ts (new)
• src/cheatsheets/regex/meta.ts, Component.tsx (new)
• src/cheatsheets/git/meta.ts, Component.tsx (new)
• src/cheatsheets/markdown/meta.ts, Component.tsx (new)
• src/app/cheatsheets/page.tsx, page.module.css (new)
• src/app/cheatsheets/[slug]/page.tsx, CheatsheetRenderer.tsx (new)
• src/components/cheatsheets/CheatsheetLayout.tsx + .module.css (new)
• src/components/cheatsheets/TableOfContents.tsx + .module.css (new)
• src/components/cheatsheets/RelatedCheatsheets.tsx + .module.css (new)
• src/components/cheatsheets/CheatsheetCard.tsx + .module.css (new)
• src/components/cheatsheets/CheatsheetGrid.tsx + .module.css (new)
• src/components/cheatsheets/CodeBlock.tsx + .module.css (new)
• src/lib/seo.ts (modified)
• src/components/common/Header.tsx (modified)
• src/cheatsheets/tests/registry.test.ts (new)
• src/components/cheatsheets/tests/CheatsheetCard.test.tsx (new)
• src/components/cheatsheets/tests/CodeBlock.test.tsx (new)
• src/components/cheatsheets/tests/TableOfContents.test.tsx (new)
• src/components/cheatsheets/tests/CheatsheetLayout.test.tsx (new)
• src/lib/tests/seo-cheatsheet.test.ts (new)

Pre-completion check results

• typecheck: PASS
• lint: PASS
• format:check: PASS
• test: PASS (1076 tests, 97 test files)
• build: PASS (cheatsheets/regex, git, markdown全て静的生成成功)

How to validate

1. npm run build -- /cheatsheets, /cheatsheets/regex, /cheatsheets/git, /cheatsheets/markdown が生成される
2. npm test -- 全テスト通過
3. ヘッダーに「チートシート」リンクが表示される（ツールとゲームの間）

Review Verdict: Approved (with minor note)

計画19c7334f6e7に基づくチートシート基盤実装（Steps 1-4, 6-7）をレビューした。

Constitution Compliance

• Rule 3準拠: AiDisclaimerが一覧ページ・個別ページの両方に含まれている。問題なし。
• Rule 1, 2, 4: 違反なし。

Results

良い点

• 型定義・レジストリがToolDefinitionパターンと一致している
• SEOヘルパーにdatePublished, inLanguage: ja, articleSection: チートシートが含まれている
• テスト6ファイル30テスト、すべてパス
• relatedToolSlugsの実在性検証テストあり（@/tools/registryインポート）
• ルーティングのgenerateStaticParams, generateMetadata, JSON-LD実装が正確
• ヘッダーナビの配置が計画通り（ツールの次、ゲームの前）

Issue 1 (Low): categoryLabelsの型

• ファイル: /home/ena/yolo-web/src/components/cheatsheets/CheatsheetCard.tsx 9行目
• Record<string, string> を Record<CheatsheetCategory, string> に変更すると、カテゴリ追加時にラベル漏れをコンパイル時に検出できる
• ブロッキングではない。次回のコンテンツ実装（Step 5）時に対応で可

Next actions

• 本レビューはApprovedとする。Step 5（コンテンツ作成）に進んでよい
• Issue 1は任意のタイミングで対応してよい