人事労務サービスの技術負債解消支援

人事労務サービスのReactのバージョンアップとクラスからhooksコンポーネントへのリアーキテクチャを主眼に置いた技術支援

企業ドメイン

人事・労務管理

*取引先名の記載は控えています。詳しくはお問い合わせください。
お問い合わせ

案件内容

人事労務サービスの技術負債解消支援

実績・取り組み

技術負債の整理と改善計画の策定

オフショアで開発されたプロダクトを取得した経緯があり、コードのメンテナンスがされておらず、TypeScriptはもちろん、コーディングルールすら導入されていない状態でした。そのため、最初にコードの最適化を行うためのロードマップを策定し、合意形成を行いました。

コーディングルールの導入

コーディングルールへの意識が高い組織だったため、他の社内サービスのドキュメントを参考に、エンジニア間に展開・合意を得た上で導入を行いました。

自動修正できるものの他、importパスを全てルート相対パスに変換する等、手動修正作業を行い、リグレッションテストを実施し、導入を完了しました。

サービス取得以前の旧コードの整理

サービス取得前の運用方法が「取引先依存のコードを全て一つのソース内で管理する」というものでした。不必要なコードが散見されており、開発の遅延の原因となっているため、取り除きを進めています。

TypeScriptの機能不全の解消

TypeScriptが導入されただけの状態で放置されており、ほぼ全てのファイルにエラーが検出されており、開発に致命的な悪影響を及ぼしており、長期間の作業になることを前提に解消に取り組んでいます。

リードエンジニア支援

正規雇用のフロントエンドエンジニアが一人しか在籍していません。業務委託へのタスク分配や、機能開発を行っている現場のエンジニアの意見を拾い上げ、密にコニュニケーションを取りながら、上記のタスクの優先度や時期を適宜変更・改善を行なっています。(たとえばTypeScriptは現場の要望で最優先項目になりました。)

担当

  • フロントエンド開発(React)

言語・ツール

マークアップ
HTML
スタイル
CSS / SCSS
フロントエンド
JavaScript / TypeScript / React.js
開発ツール
Visual Studio / Claude

チーム規模

20名