## 仕事内容 ### 募集背景 稼働中の大規模な管理画面群を止めずにモダナイズする「1→10」と、新しい福利厚生Webアプリケーションを最新スタックでゼロから構築する「0→1」、その両方を技術面から引っ張っていただけるテックリード候補を募集しています。 ### プロジェクトの特徴 Leafeaのフロントエンドは、すでに本番稼働している大規模なReactアプリケーション群（管理画面系）と、新しく構築中のReact Webプロダクトの両方から成り立っています。完成した基盤の上で機能開発を続けるだけでなく、稼働中のプロダクトを運用しながらアーキテクチャや開発基盤そのものを継続的に再設計しているフェーズです。 **1. 大規模React基盤のモダナイゼーション** - 管理画面系は複数のWebアプリケーションと100以上のfeatureを持つモノレポ（TypeScriptファイル3,000以上、共通UIコンポーネント100以上の規模） - ユーザーが利用している本番プロダクトを止めずに、責務分離・APIアクセス層・テスト・デザインシステムを段階的に再設計中 **2. AI-nativeな開発環境（AI Loop Engineering）** - AI Agentを「便利な補助ツール」ではなく、ソフトウェア開発プロセスを構成する要素の一つとして扱っている - Agentごとの役割設計、Skill/Ruleによる開発知識の共有、lint→compile→testの自動検証、Git操作を制御するGuard、並列Agentを安全に動かすworktree運用、AIが得た知見を蓄積し開発ルールへ還元するGrowth Loopなどを構築中 - 「AIが自律的に開発でき、それでも品質や安全性が崩れない環境をどう作るか」を継続的に改善しており、AIコーディングツールを使ったことがある方だけでなく、AIを前提とした次世代の開発組織・プロセスを作ってみたい方にとっても面白い環境 **3. React 19を中心とした新しいフロントエンド基盤** - 新しいWebアプリケーションでは React 19 / React Compiler（Viteビルドパイプラインに組み込み済み）/ TanStack Router / TypeScript / Vite / SWR / Zod を採用 - 既存管理画面（React 18）は19への移行もロードマップに含まれており、最新スタックでの新規開発と大規模モダナイゼーションを同時に経験できる **4. OpenAPIを中心とした型安全なAPI連携** - OpenAPIを正本とし、Orvalで型・データモデル・SWR Hookを自動生成 - 仕様と生成ライブラリの挙動差を吸収する自前のTransformerも実装しており、フロントエンド/バックエンドの境界設計まで関与できる ### 業務内容 プロダクト開発に加え、ご経験や得意領域に応じてフロントエンド全体の技術課題にも関わっていただきます。仕様を受け取って実装するだけでなく、「フロントエンドを今後どういう構造にしていくべきか」から一緒に考えていただける方を歓迎しています。 - 既存アーキテクチャの評価・改善、React 19への移行 - 新しい福利厚生Webアプリケーションの開発（React 19 / React Compiler） - デザインシステムの設計、複数Webアプリケーション共通基盤の整備 - テスト戦略の策定（Vitest / Testing Library / MSW によるテスト基盤拡充） - Observabilityの設計（Sentryによるエラーハンドリング改善） - API Client基盤の改善（OpenAPI / Orvalを用いた型安全なAPI連携） - AI Agentを利用した開発基盤の改善 - フロントエンドチームの技術ロードマップ策定 ### 技術スタック **フロントエンド基盤** - TypeScript / React（UIライブラリ。新Webアプリ: React 19 + React Compiler、既存管理画面: React 18→19移行中） - ビルドツール: Vite