業務アプリのフルリプレイス
React Nativeでモダン化した事例
— 01
概要
業界
HR Tech / SaaS
支援フェーズ
要件定義 / 設計 / 実装 / リリース / 運用
期間
約6ヶ月(要件定義〜リリース)+ 継続運用
体制
PM兼エンジニア1名 + 開発エンジニア2名(Netsujo)
担当範囲
要件定義 / アーキテクチャ設計 / React Native実装 / リリース対応 / 保守運用
技術領域
React Native / TypeScript / iOS/Android クロスプラットフォーム
— 02
背景
クライアント企業の既存業務アプリは、長年の機能追加でコードベースが肥大化し、UXの低下と保守コスト増大が経営課題になっていました。
iOS・Androidで別々のコードベースを持つネイティブ開発体制が、修正コストの二重化と品質のばらつきをもたらしていました。新機能の追加にも既存コードの影響調査が必要で、リリースサイクルが長期化していました。
— 03
課題
事業上の課題
UX低下と保守コスト増大が事業スピードを抑制。新機能リリースが遅延し、競合とのスピード差を埋められなかった。
技術上の課題
iOS/Android別コードベースによる二重保守、ドキュメント未整備のレガシーデータ構造、技術スタックの陳腐化が複合的に絡んでいた。
組織意思決定上の課題
フルリプレイスか段階改修かの判断、移行期間中の旧アプリ平行稼働、リリース後の保守体制移管といった意思決定論点が未確定。社内エンジニアにもリプレイス推進の余力がなかった。
— 04
Netsujoの支援内容
iOS/Android別開発体制はコストの二重化を生む構造的な問題であり、段階的な修正では解消できません。React Nativeを採用し、Web技術者のリソースも活用可能な開発基盤を整備する方針としました。既存コードの技術的負債が深刻だったため、段階移行よりフルリプレイスのほうが総コストが低いと判断しました。
要件定義フェーズでは、現行アプリの全画面・全機能を棚卸しし、利用頻度と業務インパクトの2軸で優先度を整理。「使われていない機能」を明確にすることでリプレイス対象のスコープを絞り込みました。
Netsujoが担った範囲は次のとおりです。
- ▸要件定義:現行システムの課題抽出・ユーザーヒアリング・優先度整理
- ▸アーキテクチャ設計:React Nativeによるクロスプラットフォーム設計
- ▸実装:iOS・Android共通のコードベースでフルリプレイス
- ▸データ移行:旧スキーマの逆算と移行スクリプト整備
- ▸リリース対応:ストア申請、リリース後の安定化対応
- ▸保守運用:単一コードベースでの継続的な機能追加
— 05
成果
- ✓モダンな技術スタック(React Native)への移行を完了
- ✓保守コストを単一コードベースの管理に集約し、修正の二重化を解消
- ✓UIの刷新によりユーザー体験を改善し、現場スタッフからの好評を獲得
- ✓リリースサイクルが短縮し、新機能追加スピードが向上
- ✓リリース後も保守・運用フェーズで継続的に伴走
— 06
Before / After
Before
After