【フルリモート/週5/React】ブラウザ上で数百万のリアルタイムデータを遅延なく描画する、プロ向け次世代金融トレーディング・ターミナルのコアフロントエンドエンジニア
作業内容
【フルリモート/週5/React】ブラウザ上で数百万のリアルタイムデータを遅延なく描画する、プロ向け次世代金融トレーディング・ターミナルのコアフロントエンドエンジニア ### お任せしたいこと [役割]フロントエンドエンジニアとして、世界中の機関投資家やプロトレーダーが利用する、デスクトップアプリ(専用端末)を凌駕するパフォーマンスを備えたWebブラウザベースの「次世代金融トレーディング・ターミナル」のコアフロントエンド開発をお任せします。 [役割に対して求める成果]「1ミリ秒の描画遅延が致命的な機会損失を生む」という過酷な金融ドメインにおいて、WebSocket経由で毎秒数万件の粒度で流れ込むリアルタイムのティックデータ(価格変動、板情報、約定履歴)を、ブラウザのメインスレッドを一切フリーズさせることなく60fpsで滑らかに描画し続ける、極限のパフォーマンスと堅牢性を備えたSPA(Single Page Application)を実現すること。 ### 具体的な業務内容 ・React(React 18+)およびTypeScriptを用いた、トレーディングワークスペース(複数チャート、オーダーブック、ポートフォリオ管理等の複雑なウィジェット群)の高度なSPA詳細設計、実装、テスト ・WebSocketを利用した超高頻度なデータストリームの受信と、Web Workersを活用したメインスレッドをブロックしないデータパース・ソート処理(CPUバウンドな処理のオフロード) ・Canvas APIやWebGL(カスタムレンダラ、またはLightweight Charts等のチューニング)を駆使した、数百万のデータポイントを持つローソク足チャートやヒートマップの超高速・低負荷なレンダリング ・ZustandやRxJSを利用した、ミリ秒単位で変動する膨大なストリームデータと、ユーザーが操作する複雑なUIステート(レイアウト状態、入力フォーム)の厳格かつ効率的な状態管理 ・React Grid Layout等を利用した、プロトレーダーのマルチモニター環境を前提とする、自由度の高いウィジェット配置(ドッキング、フロート、タブ化)とワークスペース保存機能の実装 ・React Profiler、Chrome DevTools(Performance/Memoryタブ)を駆使した、不要な再レンダリングの徹底排除(`React.memo`の極限の最適化)と、長時間起動に耐えうるガベージコレクション(GC)スパイクの抑制・メモリリーク対策 ### 必須スキル・経験 ・Reactを用いたSPA(Single Page Application)の開発・本番運用経験(3年以上) ・TypeScriptの高度な型システムを理解し、実務で活用した経験(2年以上) ・ブラウザのレンダリングパイプライン(DOM、CSSOM、リペイント/リフロー等)の深い理解と、パフォーマンスチューニングの実務経験 ・Git/GitHubを用いたチーム開発およびPull Requestベースのコードレビュー経験 ### 歓迎スキル・経験 ・証券取引ツール、暗号資産(仮想通貨)取引所、またはFXのトレーディングダッシュボードの開発経験 ・WebSocket、Server-Sent Events(SSE)等を利用したリアルタイム・ストリーミングデータ処理の実装経験 ・Canvas API、WebGLを利用した大量データの可視化(データビジュアライゼーション)、またはチャートライブラリの高度なカスタマイズ経験 ・Web Workers、またはSharedArrayBufferを用いたマルチスレッド処理の設計経験 ・RxJS等のリアクティブプログラミング・ライブラリを用いた複雑な非同期データフローの制御経験 ・Ag-Grid等の高機能データグリッドライブラリを利用した、数万行規模のテーブル描画の最適化経験 ### 開発環境 言語・フレームワーク:React 18+, TypeScript, Vite 状態管理・非同期処理:Zustand, RxJS, React Query, Web Workers 通信・データ:WebSocket, REST API 描画・UI:Canvas API, Lightweight Charts (または Highcharts等), Tailwind CSS, Radix UI, Storybook CI/CD・テスト:GitHub Actions, Vercel, Vitest, Playwright その他ツール:GitHub, Figma, Jira, Slack, Notion ### 開発チームについて プロダクトマネージャー1名、UI/UXデザイナー1名、テックリード1名、フロントエンドエンジニア6名(今回募集枠含む)、金融ドメインに精通したバックエンドエンジニア多数の体制です。「ブラウザは遅い」という金融業界のステレオタイプを真っ向から否定し、Virtual DOMのオーバーヘッドすらも疑い、メモリの割り当てからイベントループの挙動までをミリ秒単位でハックし合う、非常に技術探求心の強いハッカー集団です。 ### 求める人物像 ・「毎秒数万回のステート更新をいかにして間引き(Throttling/Debouncing)、ユーザーの目に滑らかに見せるか」といった、ブラウザの限界に挑むパフォーマンスチューニングにエンジニアリングの無上の快感を覚える方 ・トレーダーのドメイン知識(板読み、注文方法など)に強い関心を持ち、ショートカットキーによるコンマ数秒の操作感の違いといったマニアックなUI/UXの議論を楽しめる方 ・フルリモート環境下において、バックエンドエンジニアやデザイナーなど他職種とも自発的かつ円滑にテキストや通話でコミュニケーションが取れる方 ### 仕事の魅力 金融トレーディング端末という、「Webフロントエンド領域において最もデータ更新頻度が高く、レンダリング負荷の高い最高難易度のアプリケーション」をブラウザ上で構築する非常にチャレンジングなポジションです。Reactのレンダリングサイクルを極限までコントロールし、Web WorkersやCanvasを駆使したデータ・インテンシブなアーキテクチャを極めることで、一般的なWeb開発の枠を完全に超えた、グローバルレベルの「トップ・フロントエンドアーキテクト」としての圧倒的な市場価値を獲得することができます。 ### 働き方 #### リモート環境 **[フルリモート]** フルリモートで働いていただけます。
稼働条件
週5日 / フルリモート
契約形態
業務委託(フリーランス)
開発環境
React.js
募集回数
1回
スキル
募集背景
この案件は、新規プロジェクトの立ち上げに伴い、経験豊富なエンジニアを募集しています。チームは10名規模で、アジャイル開発を採用しています。現場の雰囲気は和やかで、コミュニケーションを大切にしています。
募集人数
2名を予定しており、即日参画可能な方を優先的にご案内いたします。経験年数は3年以上を想定しています。フロントエンド1名、バックエンド1名の募集となります。
企業名
大手IT企業の子会社で、安定した経営基盤を持っています。詳細は面談時にご案内いたします。上場企業グループの一員として、長期的なプロジェクトを多数抱えています。
チーム人数
チーム構成はフロントエンド3名、バックエンド5名、インフラ2名となっています。プロジェクトマネージャー1名、デザイナー2名も在籍しています。総勢13名のチームで開発を進めています。
現場の雰囲気
アジャイル開発を採用しており、チーム内のコミュニケーションを大切にしています。週1回の定例会議があり、意見交換が活発です。リモートワークも可能で、柔軟な働き方ができます。
案件について詳しく聞いてみませんか?
知りたい内容を選んでください(複数選択可)
