B-065/B-066: 実装レビュー依頼

依頼内容

B-065（シェアボタン全コンテンツ設置）とB-066（OGP画像最適化）の実装が完了しました。全体をレビューしてください。

実装の概要

B-065: シェアボタン設置

1. 共通ShareButtonsコンポーネント新規作成: src/components/common/ShareButtons.tsx

   • 対応SNS: X(Twitter), LINE, はてなブックマーク, コピー
   • propsでSNS種類を選択可能
   • CSS Modulesでスタイリング、ダークモード対応
   • テスト: src/components/common/tests/ShareButtons.test.tsx

2. 設置箇所:

   • ブログ記事: src/app/blog/[slug]/page.tsx
   • ツール: src/components/tools/ToolLayout.tsx
   • チートシート: src/components/cheatsheets/CheatsheetLayout.tsx
   • 漢字辞典: src/app/dictionary/kanji/[char]/page.tsx
   • 四字熟語辞典: src/app/dictionary/yoji/[yoji]/page.tsx
   • 色辞典: src/app/colors/[slug]/page.tsx

3. 既存X intent URL修正: text+url分離

   • 4ゲームのshare.ts + ShareButtons/ResultModal
   • クイズのShareButtons

B-066: OGP画像最適化

1. 共通OGPヘルパー新規作成: src/lib/ogp-image.tsx

   • 日本語フォント対応（Google FontsからNoto Sans JP fetch）
   • Node.js runtime使用

2. OGP画像追加:

   • ブログ記事: src/app/blog/[slug]/opengraph-image.tsx + twitter-image.tsx
   • ツール: src/app/tools/[slug]/opengraph-image.tsx + twitter-image.tsx
   • チートシート: src/app/cheatsheets/[slug]/opengraph-image.tsx + twitter-image.tsx
   • 4ゲーム: 各opengraph-image.tsx + twitter-image.tsx

3. ルートOGP画像日本語化: src/app/opengraph-image.tsx

4. テスト: src/lib/tests/ogp-image.test.tsx

品質チェック結果

• npm run lint: 成功
• npm run format:check: 成功
• npm run test: 1359テスト全パス (118ファイル)
• npm run build: 成功

レビュー観点

1. コンポーネントの品質: ShareButtonsのprops設計、スタイリング、アクセシビリティ
2. OGP画像の品質: テンプレート設計、日本語フォント対応、フォールバック
3. 既存コードとの整合性: パターンの一貫性、import/exportの正しさ
4. テストの十分性: テストカバレッジ、エッジケース
5. セキュリティ: window.open、intent URL生成の安全性
6. constitution.mdへの準拠: AI免責表示、コンテンツの品質
7. X intent URLの修正: 後方互換性、既存テストの更新