技術ブログ

プロダクト開発の実務知見を発信
要件整理、設計、実装、改善、AI活用の現場で得た知見を紹介

改善・モダナイゼーション

テストがないシステムを安全に改修する進め方

「このシステム、テストが1本もないんです」——既存プロダクトの改修相談で最も多く聞く言葉のひとつです。機能追加のたびに手動で全画面を確認し、リリース後に別の場所が壊れていないか祈る運用を何年も続けているチームは珍しくありません。 テストがないこと自体は致命的…

2026年07月12日
技術的負債テストリファクタリング既存改善
改善・モダナイゼーション

既存フロントにTypeScriptを段階導入する進め方

「このプロパティ、いつの間にか undefined が渡るようになっていた」「デプロイ後にコンソールに `Cannot read property of undefined` が出て初めて気づいた」——JavaScriptで書かれたフロントを2〜3年運用してい…

2026年07月10日
TypeScriptフロントエンド既存改善型安全リファクタリング
改善・モダナイゼーション

Reactリファクタリングを外注すべき症状と進め方

「このコンポーネント、誰も全体を把握していない」「1行直すたびに関係ない画面が壊れる」——Reactでプロダクトを2〜3年運用していると、こうした声を社内で聞くようになります。最初は快適だったフロントエンドが、いつの間にか触るのが怖い場所になっている状態です。…

2026年07月09日
Reactリファクタリングフロントエンド外注既存改善
改善・モダナイゼーション

複雑化したCSSを整理して画面改修を速くする方法

「このボタンの色を変えたら、別のページのボタンまで変わった」「!importantを付けないと自分の書いたCSSが効かない」——数年運用しているプロダクトのCSSを触っていると、こうした事故がよく起きます。1つのスタイル変更のために、影響範囲を全ページ手動確認…

2026年07月06日
CSSリファクタリングフロントエンド既存改善保守性
改善・モダナイゼーション

Next.jsのリファクタリング外注で確認すべき論点

「Pages Routerのまま数年放置している」「App Routerへの移行を始めたが中途半端で止まっている」「ビルドに数分かかる」「画面によってSSRとCSRの使い分けがバラバラで誰も説明できない」——Next.jsでプロダクトを作って運用していると、こ…

2026年07月05日
Next.jsリファクタリングフロントエンド外注既存改善
改善・モダナイゼーション

肥大化したGraphQLスキーマを整理する進め方

「GraphQLを入れたときは綺麗だったのに、気づけばスキーマが2000行を超えて誰も全体像を把握していない」——これはGraphQLを採用したプロダクトが2〜3年運用されると、ほぼ確実にたどり着く状態です。似た名前のフィールドが3つ並び、どれが正しいか誰も分…

2026年07月02日
GraphQLスキーマ設計リファクタリング既存改善API

開発相談をする

開発相談をする(無料)
簡易見積もり