【一部出社あり／週2〜3／Next.js】EdTech/Learning・インタラクティブオンライン学習プラットフォーム＆リアルタイム受講画面開発

お任せしたいこと
［役割］
Next.js 15+ (App Router) / React 19 / TypeScript を用いた、法人・個人向けオンライン教育プラットフォームにおける動画講義受講画面、リアルタイム小テスト、受講進捗トラッキング機能のフロントエンド設計・開発

［役割に対して求める成果］
React Server Components (RSC) とストリーミングSSR（Suspense）の活用により、教材コンテンツ初回表示までの TTFB / FCP を 40% 短縮し、WebSocket によるリアルタイムチャット・受講ステータス同期時のクライアント再レンダリング負荷を最小化

具体的な業務内容
Next.js App Router (RSC, Server Actions, Route Handlers) を用いた、コースカタログ・講義視聴・確認テスト画面の実装
HLS.js / Video.js を統合したカスタム動画プレイヤーの構築（再生位置自動レジューム、倍速再生、チャプターマーカー機能）
LiveKit / WebRTC または WebSocket を活用した、講師と受講生間のリアルタイム質疑応答・挙手・リアクション同期機能の実装
Zustand / TanStack Query を用いた、学習進捗データおよびオフライン一時保存（IndexedDB連携）のステート管理
Playwright / Vitest による、課金決済導線およびテスト回答送信処理の自動 E2E・結合テスト整備

必須スキル・経験
Next.js および TypeScript を用いた Web アプリケーションの実務開発経験（3年以上）
Next.js App Router (RSC / Server Actions) を用いたアーキテクチャ設計・実装経験
動画プレイヤー制御（HLS, DASH, HTML5 Video API 等）または WebSocket を用いた双方向通信の実務経験
Git / GitHub を用いたチームでの Pull Request ベース開発およびコードレビュー経験

歓迎スキル・経験
EdTech、オンラインスクール、動画配信、ウェビナー領域でのプロダクト開発実績
アクセシビリティ（WCAG 2.1 AA、キーボード操作対応、スクリーンリーダー配慮）に準拠した UI 実装経験
Vercel / Cloudflare Workers 等のエッジ環境におけるキャッシュ戦略・ルーティング設計の知見
SCORM / xAPI 等の教育コンテンツ標準規格に関する理解

開発環境
フレームワーク/言語: Next.js 15+, React 19, TypeScript 5.x, Tailwind CSS, Radix UI
動画/通信: HLS.js, Video.js, WebSocket, REST API, TanStack Query
テスト/ツール: Vitest, Playwright, Storybook, Biome
インフラ/CI: Vercel, AWS (CloudFront, S3), GitHub Actions
コミュニケーション: Slack, Notion, Figma, GitHub

働き方
リモート環境
[一部出社あり] 週2〜3日出社 / 週2〜3日リモートワーク