士業マッチングプラットフォーム 移行・新規開発

概要

10年間運用されてきた士業マッチングプラットフォームをNext.js + Supabase + Vercel構成へ移行。中小企業のメインシステムとして稼働していた既存システムを、モダンな技術スタックに刷新しながら新機能を追加開発した。デザイン会社と協業し、UI/UXのリニューアルとシステム移行を並行して進めた。

10年分の業務データを欠損なく引き継ぎ、業務を一日も止めずに移行を完了させることを最重要要件として位置付けた。技術スタックの刷新だけでなく、長年積み上がった機能の整理と、今後の機能追加に耐える基盤の再構築を兼ねている。

技術構成

• フロントエンド: Next.js。SSRとSSGを使い分け、SEOと表示速度を両立
• バックエンド: Supabase。認証・データベース・APIを統合し、運用面の負荷を軽減
• インフラ: Vercel。デプロイ・プレビュー環境・本番運用を一元管理
• 協業体制: デザイン会社と並走し、UI/UXリニューアルとシステム移行を同時進行

実装内容

• 既存システムからのフルマイグレーション: 10年稼働のシステムからNext.js + Supabaseへの移行を、業務影響を最小化する切り替え戦略で実施
• データベース移行・整合性検証: 既存データを新スキーマへ変換し、整合性チェックを段階的に実施
• UI/UXリニューアル: デザイン会社との協業により、士業向けの使い勝手と中小企業利用者の双方を考慮した画面設計を再構築
• 新規機能の設計・実装: 既存にはなかった業務改善機能を追加開発
• Vercelへのデプロイ・運用環境構築: プレビュー環境を活用したレビューフローと、本番デプロイの自動化を整備
• 既存機能の棚卸し: 10年分の機能を整理し、不要な機能の削減と必要機能の再実装を並行して実施

背景

10年間使い続けてきたシステムの保守性・拡張性に限界が見えていた。技術スタックの陳腐化により、新機能の追加コストが膨らみ、人材確保も難しくなっていた。中小企業のメインシステムとして稼働しているため、業務を止めることが許されないという制約のもとでの移行が必要だった。

長年の機能追加で複雑化したコードベースを、現代的な構成で再整理し、今後10年を見据えた基盤として再構築する方針を採った。

導入効果

• 10年間の業務データを欠損なく移行し、業務を一日も止めずにシステム刷新を完了
• 新機能の追加開発が容易になり、ビジネスの変化に素早く対応可能に
• 保守・運用コストが削減され、限られたリソースを事業成長に集中投下できる体制を構築
• モダンな技術スタックへの刷新により、開発人材の確保がしやすくなり、属人化リスクを低減
• UI/UXリニューアルにより、利用者の操作負荷が軽減し、現場の業務効率が向上
• Vercel運用により、デプロイの安全性とリリースサイクルの速度が改善