フロントエンドエンジニア(Webアプリ)

Apr. 2024 ~ 現在(1年)

Overview

Java / Springで構築された既存Webページを解析し、Next.js / Reactによるフロントエンドの再構築を担当。 仕様書の作成からリビルド、部分的なReact化まで幅広く対応しました。

Tech Stacks

  • React

    React

  • TypeScript

    TypeScript

  • Next.js

    Next.js

  • Java

  • Spring

    Spring

開発スタイル

  • 主要スキル

    React/TypeScript

  • 開発体制

    ウォーターフォール

  • チーム

    3〜5人

  • 勤務形態

    リモート/オフィス

  • 勤務地

    東京

🔍 既存システムのリバースエンジニアリングと再構築

Spring FrameworkベースのWebページに対してリバースエンジニアリングを行い、仕様をドキュメント化。
その仕様書に基づき、Next.jsによるフロントエンドの再構築を実施。

⚙️ Reactコンポーネントによる段階的移行

JSPページへのReact導入を段階的に実施。ReactでビルドしたJavaScriptをJSPに埋め込み、カスタム要素を用いてコンポーネントのルートとして扱うことで、既存のJavaコードとの連携を実現しました。

📘 技術キャッチアップと技術選定

Java / Spring未経験の状態でアサインされたため、ハンズオン形式の技術書で知識を習得。
また、フォーム実装にあたって技術選定を主導。チームの技術スキルと運用実態をふまえ、React Hook FormとZodを採用。アプリネイティブ側とも構成を統一し、プロダクトとしての一貫性を実現しました。