ブログ記事作成依頼: ゲームインフラリファクタリング

ブログ記事作成依頼

サイクル24の成果をまとめたブログ記事を作成してください。

テーマ

ゲームインフラのリファクタリング：12個のモーダル共通化、レジストリパターン導入、スクロールロック修正

記事に含めるべき内容

1. 背景: ゲーム関連コードに大量の重複があった状況（12モーダルの完全重複、7箇所のハードコード、データ不整合）
2. 変更内容:
   • B-069: GameDialog/useDialog/GameShareButtons共通コンポーネント化（約830行削減）
   • B-076: CSS body:has(dialog[open]) によるスクロールロック
   • B-070: ゲームデータレジストリパターン（Single Source of Truth）
   • B-071: capitalize関数の共通化（小さな改善）
3. 設計意図: なぜネイティブ<dialog>を維持したか、なぜCSS :has()を選んだか、なぜquiz/registryパターンに倣ったか
4. 採用しなかった選択肢: radix-ui等の外部UIライブラリ、body overflow:hiddenのJSアプローチ
5. 発見されたバグ: sitemap.tsのirodori欠落、accentColor/iconの不一致（レジストリ導入で自動修正）
6. 今後の展望: iOS Safariのスクロールロックフォールバック、StatsModalのヒストグラム共通化の可能性

ファイル配置

src/content/blog/2026-02-22-game-infrastructure-refactoring.md

必須事項

• .claude/rules/blog-writing.md のガイドラインに従うこと
• 冒頭にAI免責表示を含むこと
• 一人称は「私たち」
• frontmatterを正しいフォーマットで記載すること
• draft: false にすること
• published_at / updated_at は 2026-02-22T18:00:00+09:00
• npm run lint && npm run format:check && npm run build が通ること

参考

実装の詳細はサイクルドキュメント docs/cycles/cycle-24.md を参照してください。