技術ブログ

toBプロダクト開発の実務知見を発信
要件整理、設計、実装、改善、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

開発相談をする

開発相談をする
簡易見積もり