【フルリモート／週5】React フロントエンド・テックリード（大規模SPAのアーキテクチャ刷新と極限のパフォーマンス追求） お任せしたいこと 自社で展開する数百万ユーザーが利用する大規模BtoCプラットフォーム、または複雑な業務フローと膨大なデータを扱うBtoB SaaSにおいて、ReactおよびTypeScriptを駆使したフロントエンド・アーキテクチャの抜本的なモダナイゼーションをお任せします。 「とりあえずuseStateとuseEffectを無秩序に書き散らして動かす」「コンポーネントの責務が不明確でレンダリングが走りまくる」といった技術的負債（スパゲッティコード）を徹底的に排除し、React 18以降（Suspense, Concurrent Features）のポテンシャルを極限まで引き出した宣言的UIの設計と、Core Web Vitalsの泥臭い改善を通じて、ユーザーが息を呑むほど滑らかなUXを実現する中核的なポジションです。 具体的な業務内容 ・React および TypeScriptを活用した、スケーラブルかつ保守性の高い大規模シングルページアプリケーション（SPA）の設計・開発 ・TanStack Query（React Query）や SWRを活用したサーバー状態のキャッシュ管理と、Zustand、Jotai、Redux Toolkit等を用いたクライアント状態（Global State）の厳格な分離・最適化 ・React Profiler や Chrome DevTools を駆使した、不要な再レンダリング（Re-render）の徹底排除と、ミリ秒単位のジャンク（カクつき）を解消する泥臭いパフォーマンスチューニング ・Next.js（App Router / Pages Router）を利用した、SSR / SSG / ISRの最適な使い分けによる初期表示速度（LCP）とSEOスコアの極限の最適化 ・Figmaを用いたデザイナーとの協業による、Storybookを活用した堅牢なデザインシステム（共通UIコンポーネントライブラリ）の構築とアクセシビリティ（WAI-ARIA, a11y）の担保 ・Vitest（または Jest）、React Testing Library を用いたコンポーネントの振る舞いテストの実装と、Playwright / Cypress を活用した泥臭いE2Eテストパイプラインの構築 ・GraphQL（Apollo Client）や REST API を介したバックエンドとの効率的なデータフェッチ戦略の策定、およびスキーマ駆動開発（OpenAPI / GraphQL Code Generator）の推進 ・Biome、ESLint、Prettierを利用した厳格な静的解析と、GitHub Actionsを通じたCI/CDパイプラインの自動化、およびコードレビューによるチーム全体の品質底上げ 必須スキル・経験 ・React（Hooks）を用いたWebフロントエンドアプリケーションの開発実務経験（目安として3年以上） ・TypeScriptの高度な型システム（Utility Types, Generics等）を活用した型安全なコーディング経験 ・Reactにおけるレンダリングの仕組み（Virtual DOM, ライフサイクル）に関する深い理解 ・Git / GitHubを用いたプルリクエストベースでのチーム開発、およびコードレビュー経験 ・Web標準技術（HTML5, CSS3, DOM API, Browser API）に対する体系的な知識 歓迎スキル・経験 ・Next.js、または Remix 等のメタフレームワークを用いた本番環境での開発・運用経験 ・フロントエンドのパフォーマンスチューニング（Core Web Vitals改善、バンドルサイズ削減等）の実務経験 ・デザインシステム、または共通コンポーネントライブラリのゼロからの設計・構築経験 ・BFF（Backend for Frontend）としての Node.js（Express, Fastify 等）の実装経験 ・テックリード、またはスクラムマスターとしてフロントエンドチームの開発プロセスを改善した経験 開発・業務環境 開発言語：TypeScript, HTML, CSS ライブラリ・フレームワーク：React, Next.js 状態管理・データフェッチ：TanStack Query, Zustand, Jotai, (一部 Redux Toolkit) スタイリング：Tailwind CSS, CSS Modules, (または 既存のCSS-in-JS) API通信・型生成：GraphQL Code Generator, OpenAPI Generator, REST, GraphQL テスト・品質管理：Vitest, React Testing Library, Playwright, Storybook, Biome (ESLint) コミュニケーション・管理：GitHub, Jira, Figma, Slack, Zoom プロジェクトチームについて 「フロントエンドはユーザーとシステムの唯一の接点であり、UXの妥協はビジネスの敗北である」と確信し、UI/UXの圧倒的な品質をソフトウェアエンジニアリングの力で実現するフロントエンドコアチームへの配属となります。 「とりあえず要件通りに画面が表示されればいい」という下請け的な思考を極めて嫌い、デザイナーのFigmaの意図を汲み取りながらも、実装上のエッジケース（ローディング状態、エラーハンドリング、空のリスト等）を自ら泥臭く埋めていく手堅いカルチャーです。本番環境で原因不明のメモリリークや動作遅延が報告された際にも、ユーザーの環境を嘆くのではなく、Chromeのパフォーマンスタブを開き、Flame Chartから再レンダリングの連鎖を論理的に特定する実直なメンバーが集まっています。 求める人物像 ・「サーバーから受け取ったデータを画面に並べるだけの作業者」ではなく、フロントエンドのアーキテクチャ設計や状態管理のパズルを解くことにエンジニアとしての美学を持てる方 ・useEffectの依存配列の警告を無視したり、any型でごまかしたりする妥協を許さず、将来の負債を未然に防ぐ型安全なコードを書くことに執念を持てる方 ・フロントエンドエコシステムの凄まじい変化（React Server Componentsの台頭など）を恐れるのではなく、本質的な課題解決に繋がる技術を冷静に見極め、前向きに検証を楽しめる方 仕事の魅力 世界中で最も採用されているUIライブラリであるReactの深淵に触れ、大規模なプロダクトの「顔」を根底から作り直す極めて影響力の大きいポジションです。複雑な状態管理の統制や、ユーザー体験を損なわないための泥臭いパフォーマンス最適化の経験を通じて、単なる「マークアップができるエンジニア」を完全に凌駕し、今後のWeb業界においてすべてのテック企業から最も高い単価でオファーされる「シニア フロントエンド・アーキテクト」としての圧倒的な市場価値を築くことができます。 働き方 リモート環境 [フルリモート] 基本的にフルリモートで働いていただけます。
