【フルリモート／週5】Reactフロントエンドエンジニア（レガシーUIの刷新・コンポーネント設計）

お任せしたいこと

自社で長年運用されているWebサービスにおける、フロントエンドの刷新（モダナイゼーション）およびReact/TypeScriptを用いた新規コンポーネント開発をお任せします。
jQueryやレガシーなテンプレートエンジン（サーバーサイドレンダリング）で作られた複雑な画面を、段階的にReact（SPA）へと置き換え、将来の変更に強く、かつユーザーにとってサクサク動くモダンなUIへと進化させていく地道な改善活動にチームで取り組んでいただきます。

具体的な業務内容

・ReactおよびTypeScriptを用いたSPAの設計・実装・テスト
・レガシーなフロントエンド（jQuery等）からReactへの段階的な移行・リファクタリング
・Figma等のデザインをもとにした、再利用性の高いUIコンポーネントの設計および実装
・Storybookを用いたUIコンポーネントカタログの構築・運用
・JestやReact Testing Libraryを用いたテストコードの実装、およびCI/CDでの自動化
・既存のバックエンドAPI（またはBFF層）との繋ぎ込み、およびデータフェッチの最適化
・PdMやデザイナーと連携した、移行時のUI/UXのすり合わせ

必須スキル・経験

・React等のモダンフレームワークを用いたSPAの開発実務経験（目安として3年以上）
・TypeScriptを用いた開発経験
・HTML、CSS、JavaScriptに関する深い知識と理解
・Git / GitHubを用いたプルリクエストベースでのチーム開発経験

歓迎スキル・経験

・jQueryや古いフレームワークからReact/Vueへのリプレイス経験
・Next.jsを用いた開発・運用経験
・Storybookを利用したコンポーネントの運用・保守経験
・Zustand、Redux等を用いた状態管理の設計経験
・Webアクセシビリティ（a11y）に関する知識、および実装経験
・アジャイル / スクラムでのチーム開発経験

開発・業務環境

【移行前（一部残存）】
言語・ライブラリ：JavaScript, jQuery
スタイリング：レガシーなCSS設計（BEM等）
【移行後（新環境）】
言語・フレームワーク：React, TypeScript (一部Next.js)
状態管理：Zustand (または Redux等)
スタイリング：Tailwind CSS (または CSS Modules)
テスト・CI/CD：Jest, React Testing Library, GitHub Actions
デザイン・コミュニケーション：Figma, GitHub, Jira, Slack, Zoom

プロジェクトチームについて

フロントエンド刷新チームへの配属となります。
「既存の画面を一気にすべて作り直す（ビッグバン・リライト）」というリスクの高いアプローチは避け、まずは影響の少ない画面やコンポーネントから少しずつReactに置き換えていくという、現実的で手堅いカルチャーです。コードレビューでは、将来的な保守性を考慮し、コンポーネントの粒度が適切か（Fat Componentになっていないか）といった観点でフラットな意見交換を行っています。

求める人物像

・古いコード（jQueryで作られた複雑なDOM操作など）に対しても文句を言うのではなく、パズルを解くように少しずつ綺麗にしていくプロセスを楽しめる方
・「とりあえず動けばいい」という実装ではなく、他のエンジニアが再利用しやすいコンポーネント設計を意識できる方
・デザイナーからの指示を待つだけでなく、「このコンポーネントは既存の〇〇を流用した方が実装コストが下がる」といった技術的な提案が建設的にできる方

仕事の魅力

歴史あるサービスのフロントエンドをモダンな環境へ生まれ変わらせる、非常にやりがいのあるポジションです。複雑に絡み合ったレガシーコードを解きほぐし、React/TypeScriptを用いた保守性の高いコンポーネント群を再設計する経験は、フロントエンドエンジニアとして汎用性の高い「設計スキル」と「問題解決能力」を飛躍的に高めてくれます。

働き方

リモート環境

[フルリモート] 基本的にフルリモートで働いていただけます。