【フルリモート/週5/React】EdTech・オンラインインタラクティブ教室のReact 19 × Canvas / WebRTC リアルタイム授業ポータル開発案件

案件要件
- 職種
- エンジニア
- 業務内容
- システム開発・運用SES
- 報酬目安
- 4,600 ~ 5,400円/時
- 稼働時間目安
- 週5日 (時間目安 160時間)
- はたらく場所
- フルリモート
- スキル
【フルリモート/週5/React】EdTech・オンラインインタラクティブ教室のReact 19 × Canvas / WebRTC リアルタイム授業ポータル開発案件
お任せしたいこと
[役割]
React 19 / TypeScript を用いた、教育機関・学習塾向けオンラインインタラクティブ授業プラットフォームの受講生・講師用Webフロントエンド構築およびリアルタイム描画・映像制御
[役割に対して求める成果]
HTML5 Canvas / Konva.js と React 19 Compiler による教材手書き・画面共有時の描画遅延の極小化(30ms以内)、および複数人同時ビデオ通話(WebRTC)切断時の堅牢な自動再接続UIフローの実現
具体的な業務内容
React 19 / TypeScript を活用した、リアルタイムホワイトボード機能・教材表示・受講者一覧UIの開発
Konva.js / HTML5 Canvas を用いた教材上の注釈書き込み・図形描画・図形同期ロジックのUI設計
WebRTC (SkyWay / LiveKit SDK) を用いた映像・音声配信モジュールの構築と通信状態シグナリングUIの実装
Zustand / TanStack Query を用いた手書きストロークおよび授業状態(挙手、チャット、小テスト発行)の高速状態管理
Vitest / Playwright による複雑なリアルタイム操作インターフェースのE2Eテスト自動化
必須スキル・経験
React を用いた SPA / Web アプリケーションの開発・運用実務経験(4年以上)
HTML5 Canvas, SVG, または 2D グラフィックライブラリ(Konva.js, Fabric.js 等)を用いたフロントエンド開発経験(1年以上)
TypeScript Strict Mode 下での型安全なコンポーネントおよび状態管理の設計能力
WebSockets や Server-Sent Events (SSE) 等のリアルタイム通信を扱うUIの開発実績
歓迎スキル・経験
WebRTC を用いたビデオ通話・音声通話機能またはライブストリーミングUIの実装経験
EdTech(教育・学習支援)、オンライン会議ツール、またはグラフィック編集ツールの開発実績
Tailwind CSS や Radix UI を活用したレスポンシブかつアクセシブルなデザインシステム構築知見
React 19(React Compiler / Server Actions)の先行検証・導入経験
開発環境
言語/環境: React 19, TypeScript 5.x, HTML5 Canvas / Konva.js
フレームワーク/ライブラリ: Vite, Zustand, Tailwind CSS, TanStack Query
通信/リアルタイム: WebRTC (LiveKit), WebSockets, REST API
テスト/ツール: Vitest, Playwright, Storybook, Biome
インフラ/CI: Vercel, AWS, GitHub Actions
コミュニケーション: Slack, Notion, Figma, GitHub
働き方
リモート環境
[フルリモート] フルリモートで働いていただけます。
株式会社Kaizen Tech Agent
株式会社Kaizen Tech Agentは、「人と技術をつなぐ」ことを企業理念に掲げ、日々向上していく『技術』と『人』を最適な形でむつび付け提供することで、
お客様にとって真にプラスとなる価値でありたいと考えております。
私たちはそれぞれの個性を尊重し、ほっとする和みの社風でありながら、変化する時代に対して受け身にならず、未来への挑戦心を宿しています。
事業領域は、WEBアプリ開発、業務システム開発、スマホアプリ開発、インフラ構築など幅広く展開しており、
フリーランス様に対して最適な案件をご提案させて頂いております。どんな些細な事でも結構ですので是非いつでもお気軽にご相談ください。
