【フルリモート／週5／React】数十万人が学ぶ自社オンライン学習プラットフォーム（EdTech）のフロントエンド開発・UI改善

【フルリモート／週5／React】数十万人が学ぶ自社オンライン学習プラットフォーム（EdTech）のフロントエンド開発・UI改善 ### お任せしたいこと ［役割］フロントエンドエンジニアとして、数十万人の学生や社会人が日々利用する「オンライン学習（EdTech）プラットフォーム」のReactを用いたSPA開発、および継続的なコードベースの改善をお任せします。 ［役割に対して求める成果］動画視聴、リアルタイムチャット、確認テストといった複数の状態（State）が複雑に絡み合う学習画面において、ユーザーの学習体験を阻害しないようバグのない安全な機能実装を行うこと。また、低スペックなPCやタブレットを利用するユーザーでも画面がフリーズしないよう、不要な再レンダリングを徹底的に排除し、サクサク動く快適な操作体験を提供し続けること。 ### 具体的な業務内容 ・ReactおよびTypeScriptを用いた、自社EdTechプロダクト（受講生向け画面・講師向け管理画面）の新機能開発と改修 ・動画プレーヤーの再生状態、学習進捗状況、チャットのタイムラインなど、頻繁に更新される複雑なフロントエンドの状態管理（ZustandやReact Queryへの移行・最適化など） ・React Profilerを利用したパフォーマンス計測と、`React.memo`や`useMemo`、`useCallback`の適切な配置によるレンダリング遅延の解消 ・数年前から運用されているレガシーなクラスコンポーネントや、巨大化したカスタムフックス（Fat Hooks）の段階的なリファクタリング ・教育系プロダクトとして必須となる、キーボードナビゲーションやスクリーンリーダー対応を含むアクセシビリティ（WAI-ARIA）の改善 ・JestやReact Testing Libraryを用いたコンポーネントテストの拡充による、デグレ（回帰バグ）の防止 ・PdM（プロダクトマネージャー）やデザイナーとFigma上で連携し、様々なデバイス・画面サイズに耐えうるレスポンシブなUIの実装 ### 必須スキル・経験 ・Reactを用いたSPA（Single Page Application）の開発実務経験（3年以上） ・TypeScriptを用いた型安全なフロントエンド開発経験（2年以上） ・HTML/CSSの深い理解と、レスポンシブデザインの実装経験 ・Git/GitHubを用いたプルリクエストベースでのチーム開発経験 ### 歓迎スキル・経験 ・Zustand、Redux等のグローバル状態管理ライブラリを利用した複雑な状態管理の経験 ・SWR、React Query（TanStack Query）等を用いたデータフェッチとキャッシュ管理の経験 ・動画配信サービス（HLS.js、Video.js等の組み込み）、またはEdTech領域でのプロダクト開発経験 ・Webアクセシビリティ（WCA / WAI-ARIA）に関する実践的な知識と実装経験 ・Storybookを用いたコンポーネントライブラリの設計・運用経験 ・Jest、React Testing Library等を用いたテストコードの実装経験 ・Next.jsを用いたプロダクトの運用・マイグレーション経験 ### 開発・業務環境 言語・フレームワーク：React, TypeScript, Next.js (一部) 状態管理・通信：Zustand, React Query (TanStack Query) スタイリング：CSS Modules (または Tailwind CSS) テスト・ツール：Jest, React Testing Library, Storybook CI/CD・インフラ：GitHub Actions, Vercel, AWS デザイン・コミュニケーション：Figma, GitHub, Jira, Slack, Zoom ### プロジェクトチームについて プロダクト開発部のフロントエンドチームへの配属となります。教育というドメインの性質上、「最新の派手なアニメーション」よりも「どんな環境のユーザーでも迷わず、文字が読みやすく、確実に学習を進められること」を最優先とする堅実なカルチャーです。既存のコードベースに扱いづらい部分があっても、頭ごなしに否定するのではなく、「なぜこの設計になったのか」を紐解きながら、チーム全体で少しずつモダンな構成へとリファクタリングを進めています。 ### 求める人物像 ・ユーザーの学習意欲を削がないよう、ボタンのホバー時の挙動やローディング時のスケルトンスクリーンなど、細やかなUI/UXに気配りができる方 ・複雑なビジネスロジックをフロントエンドで抱え込まず、バックエンド側と適切に責務を切り分けるためのコミュニケーションが取れる方 ・「レガシーなコードを全て書き直したい」というスクラップ＆ビルドの思考ではなく、稼働中のシステムを守りながら漸進的（インクリメンタル）に改善していくことにやりがいを感じる方 ### 仕事の魅力 ユーザーの「学ぶ」という前向きな行動をシステム面から直接サポートできる、非常に社会的意義の大きなポジションです。頻繁に状態が変化する動画・チャット・テスト機能が同居する複雑な画面における、実践的なレンダリングの最適化や、アクセシビリティへの深い理解など、フロントエンドエンジニアとして一段上の専門性を着実に磨くことができます。 ### 働き方 #### リモート環境 **[フルリモート]** 基本的にフルリモートで働いていただけます。

1回