ブログタグ

リファクタリング

コードのリファクタリング事例と設計改善の記録をまとめた記事集。可読性・保守性・パフォーマンスを向上させるための具体的なアプローチや、大規模な改修プロジェクトの進め方をステップごとに実例とともに解説しています。

開発ノート11分で読める

ゲームと辞典のLayout共通化: 品質要素を全コンテンツに広げる第3弾

コンテンツ種別（ゲーム・辞典・ツール）に応じたLayoutコンポーネントの設計判断を解説します。usageExampleのラベル変更、品質データの管理粒度、h1の配置、CSS役割分担など、コンテンツの特性から設計を導く考え方が中心です。

サイト更新8分で読める

ブログシリーズナビゲーションUIの導入: 手動管理から自動生成へ

4シリーズ24記事のブログに、details/summaryベースの折りたたみ式シリーズナビゲーションUIを導入しました。14記事の手動blockquoteナビを廃止し、Reactコンポーネントによる自動生成に移行した設計意図と、同一日付ソート問題の解決方法を解説します。

開発ノート9分で読める

ゲームインフラのリファクタリング: 12モーダルの共通化とレジストリパターンの導入

4つのゲームに散在していた12個のモーダル実装を共通コンポーネントに統合し、約830行を削減しました。ゲームデータ管理にレジストリパターンを導入して7箇所のハードコードを一元化し、CSSのみのスクロールロックも実現。設計判断の背景と採用しなかった選択肢を紹介します。