【フルリモート／週5／TypeScript】月間億規模のトラフィックを支える、次世代マルチテナントSaaSのフロントエンド刷新

【フルリモート／週5／TypeScript】月間億規模のトラフィックを支える、次世代マルチテナントSaaSのフロントエンド刷新 お任せしたいこと ［役割］ 急成長を遂げるBtoC向けマルチテナントSaaSにおいて、TypeScriptを用いたフロントエンドのアーキテクチャ刷新とパフォーマンス最適化を担当していただきます。 ［役割に対して求める成果］ Next.js（App Router）への移行を完遂し、大量のデータ描画が発生するダッシュボード画面や動的UIにおける型安全性を極限まで高め、クライアントサイドのJS軽量化とCore Web Vitalsのスコア大幅改善を実現すること。 具体的な業務内容 Next.js 14（App Router） を用いた、既存SPAからSSR/ISRへのリプレイスおよび共通基盤の構築 TypeScriptの高度な型機能（Generics, Mapped Types, Conditional Typesなど） を駆使した、型安全なAPIクライアント層の設計 TanStack Query (React Query) を用いた、複雑なマルチテナントデータのキャッシュ制御と状態管理の最適化 複雑なデータグリッドや動的チャートを含む、高インタラクティブなUIコンポーネントの設計・実装 Lighthouse や Chrome DevTools を用いた、レンダリングボトルの特定および定量的パフォーマンスチューニング 必須スキル・経験 TypeScript / React を用いたWebアプリケーション開発・運用の実務経験（4年以上） TypeScriptにおける、型安全性を意識したコンポーネント設計や、共通ライブラリ・ユーティリティの作成経験 Next.js を用いた実務での開発経験（App Routerの知見必須） ブラウザのレンダリング仕組みを理解した、フロントエンドのパフォーマンス最適化（Core Web Vitals改善）の経験 歓迎スキル・経験 monorepo構成（Turborepo / Nx） でのマルチパッケージ管理、またはデザインシステムの構築・運用経験 msw (Mock Service Worker) や React Testing Library を用いた、テスタブルなフロントエンド環境の構築経験 Vercel や AWS を用いた、CI/CDを含むフロントエンドインフラの構築・最適化知見 既存の大規模JavaScriptコードベースを、段階的にTypeScriptへ完全移行（型定義の厳格化）した経験 開発環境 言語: TypeScript 5.x フレームワーク: React 18, Next.js 14 状態管理・キャッシュ: TanStack Query, Zustand スタイル: Tailwind CSS, Vanilla Extract インフラ: Vercel, AWS (CloudFront, S3) ツール: GitHub, Slack, Figma, Datadog, Turbo 開発チームについて 静的型付けの恩恵を最大限に享受するため、tsconfigの strict: true はもちろん、型パズル的な抽象化や型定義の美しさにこだわりを持つ、フロントエンドのエキスパートが集まっています。 コードレビューでは、コンポーネントの再利用性やレンダリング効率（無駄な再レンダリングの抑制）、型定義の堅牢性について、極めてハイレベルで建設的なディスカッションが行われています。 フルリモート環境の中で自律的に動いており、週1回の「技術共有会」では最新のTypeScriptの仕様や周辺エコシステムについての知見が積極的に交換されています。 仕事の魅力 最新のTypeScript 5.x系エコシステム や Next.js App Router をフル活用し、最先端のフロントエンドアーキテクチャを追求できる環境です。 膨大なトラフィックを捌くプロダクトだからこそ、型安全によるバグ抑止と、1ミリ秒の表示速度改善がビジネス価値に直結する手応えを感じられます。 フルリモート・フルフレックスの体制が強固に確立されており、不要な割り込みがなく、自身の開発パフォーマンスを最大限に発揮してコードに没頭できます。 働き方 リモート環境 [フルリモート] フルリモートで働いていただけます。

1回