【フルリモート/週5/React】ネットワーク遅延を「ゼロ」にする。ネイティブアプリを超える操作感を実現する次世代ローカルファーストSaaSのフロントエンドエンジニア
作業内容
【フルリモート/週5/React】ネットワーク遅延を「ゼロ」にする。ネイティブアプリを超える操作感を実現する次世代ローカルファーストSaaSのフロントエンドエンジニア ### お任せしたいこと [役割]フロントエンドエンジニアとして、クラウド上のデータベースに都度アクセスする旧来のWebアプリケーションの常識を捨て去り、クライアント(ブラウザ)側にデータを持たせる「ローカルファースト(Local-first)」アーキテクチャを採用した、次世代エンタープライズ向け生産性SaaSのコアフロントエンド開発をお任せします。 [役割に対して求める成果]「通信待ちのローディングスピナー」をプロダクトから完全に撲滅すること。ユーザーがタスクを作成・編集した瞬間にUIが応答する「遅延ゼロ(ゼロ・レイテンシ)」の圧倒的な操作感と、オフライン環境下でも一切機能が制限されない堅牢なPWA(Progressive Web App)を、Reactとブラウザのローカルストレージ技術を駆使して実現すること。 ### 具体的な業務内容 ・React(React 18/19+)およびTypeScriptを用いた、極めてリッチでインタラクティブなSPA(Single Page Application)の詳細設計、実装、テスト ・IndexedDBやOPFS(Origin Private File System)、またはWASM版SQLite等のブラウザローカルDBとReactのステートを密結合させた、ローカルファースト・データレイヤーの構築 ・CRDT(Yjs, Automerge等)やWebSocketを活用した、ローカルDBへの書き込みとバックエンド間のシームレスなバックグラウンド同期(Sync)および競合解決ロジックの実装 ・TanStack Virtual等を利用した、数万件に及ぶタスクやデータグリッドの無限スクロール・仮想化によるDOMノードの極限の最適化 ・パワーユーザー向けのCommand + K(コマンドパレット)の実装や、マウスを一切使わずに全操作が完結する複雑なキーボードショートカット・フォーカス管理(a11y対応) ・Service Workerを利用した高度なオフラインキャッシュ戦略と、バックグラウンドでのアセット・データプリフェッチ処理の実装 ・React Profilerを用いた、ローカルDBからの大量データ読み込み時における不要な再レンダリング(`React.memo`の最適化)やメモリリークの徹底的な排除 ### 必須スキル・経験 ・Reactを用いたSPA(Single Page Application)の開発・本番運用経験(3年以上) ・TypeScriptの高度な型システムを理解し、実務で活用した経験(2年以上) ・非同期処理(Promise, async/await)およびブラウザのレンダリングパイプラインに関する深い理解 ・Git/GitHubを用いたチーム開発およびPull Requestベースのコードレビュー経験 ### 歓迎スキル・経験 ・ローカルファースト・アーキテクチャ(RxDB, WatermelonDB, PowerSync等)の設計、または強い関心と学習意欲 ・IndexedDB、WebSQL、OPFS等のブラウザローカルストレージAPIの高度な利用経験 ・CRDTやWebSocketを利用したリアルタイム同期・オフライン対応アプリの実装経験 ・Service Workerを利用したPWA(Progressive Web App)の構築経験 ・Framer Motion等を用いた、60fpsで動作する滑らかで複雑なUIアニメーションの実装経験 ・Webアクセシビリティ(WAI-ARIA等)を考慮したUIコンポーネントの設計経験 ### 開発環境 言語・フレームワーク:React 18/19+, TypeScript, Vite データ・状態管理:IndexedDB (または RxDB / WASM SQLite), Zustand, TanStack Query 同期・通信:WebSocket, CRDT (Yjs / Automerge等), REST API スタイリング・UI:Tailwind CSS, Storybook, Radix UI, Framer Motion CI/CD・テスト:GitHub Actions, Vercel, Vitest, Playwright その他ツール:GitHub, Figma, Jira, Slack, Notion ### 開発チームについて プロダクトマネージャー1名、UI/UXデザイナー2名、テックリード1名、フロントエンドエンジニア6名(今回募集枠含む)、バックエンドエンジニア4名の体制です。「ネットワークの遅延はバグである」という強烈なパラダイムを持ち、LinearやNotionといった世界トップクラスのSaaSの操作感(Look & Feel)を徹底的にベンチマークし、コンマ数ミリ秒のUIの応答速度にチーム全員で異常なまでの執念を燃やすハッカー集団です。 ### 求める人物像 ・「APIからのレスポンスを待ってから画面を更新する」という旧来のWeb開発の常識にフラストレーションを感じ、オプティミスティックUI(楽観的UI)やローカルファーストの思想に強く共鳴できる方 ・ユーザーの思考を一切止めないためのショートカットキー設計や、心地よいマイクロインタラクションなど、職人的なUI/UXの作り込みに時間を忘れて没頭できる方 ・フルリモート環境下において、バックエンドエンジニアやデザイナーなど他職種とも自発的かつ円滑にテキストや通話でコミュニケーションが取れる方 ### 仕事の魅力 今後のWebアプリケーションにおける最大のパラダイムシフトと言われる「ローカルファースト」のアーキテクチャを、エンタープライズ向けプロダクトのど真ん中で設計・実装できる極めて希少でエキサイティングなポジションです。Reactのレンダリング最適化と複雑なデータ同期アルゴリズムを極めることで、一般的なWeb開発の枠を完全に超えた、次世代の「トップ・フロントエンドアーキテクト」としての圧倒的な市場価値を獲得することができます。 ### 働き方 #### リモート環境 **[フルリモート]** フルリモートで働いていただけます。
稼働条件
週5日 / フルリモート
契約形態
業務委託(フリーランス)
開発環境
React.js
募集回数
1回
スキル
募集背景
この案件は、新規プロジェクトの立ち上げに伴い、経験豊富なエンジニアを募集しています。チームは10名規模で、アジャイル開発を採用しています。現場の雰囲気は和やかで、コミュニケーションを大切にしています。
募集人数
2名を予定しており、即日参画可能な方を優先的にご案内いたします。経験年数は3年以上を想定しています。フロントエンド1名、バックエンド1名の募集となります。
企業名
大手IT企業の子会社で、安定した経営基盤を持っています。詳細は面談時にご案内いたします。上場企業グループの一員として、長期的なプロジェクトを多数抱えています。
チーム人数
チーム構成はフロントエンド3名、バックエンド5名、インフラ2名となっています。プロジェクトマネージャー1名、デザイナー2名も在籍しています。総勢13名のチームで開発を進めています。
現場の雰囲気
アジャイル開発を採用しており、チーム内のコミュニケーションを大切にしています。週1回の定例会議があり、意見交換が活発です。リモートワークも可能で、柔軟な働き方ができます。
案件について詳しく聞いてみませんか?
知りたい内容を選んでください(複数選択可)
