【フルリモート/週5/TypeScript】Monorepo(Turborepo)環境における大規模デザインシステム開発&型安全エンドツーエンド(tRPC)設計案件 お任せしたいこと [役割] TypeScript を用いた、複数のSaaSプロダクト群(Web/Mobile/Desktop)を横断するデザインシステムパッケージの設計・開発および、フロントエンド・バックエンド間の型安全な通信基盤(tRPC / Connect-TS)の構築 [役割に対して求める成果] Turborepo / pnpm Workspaces による Monorepo(モノリポ)開発基盤の再構築とキャッシュ最適化による CI ビルド時間の50%削減、および完全型安全なデザインシステムコンポーネントライブラリの整備 具体的な業務内容 TypeScript 5.x をフル活用した、アクセシビリティ(WAI-ARIA)準拠のデザインシステムUIコンポーネントライブラリ(React / Tailwind CSS)の開発・維持 Turborepo / pnpm Workspaces を用いた Monorepo 構成の設計・構築およびパッケージ共有・依存関係の可視化 tRPC または Connect-TS を用いた、クライアント(TypeScript)からサーバー(Node.js / Bun)まで一切の型定義生成(コードジェネレート)を挟まないエンドツーエンド型安全通信ライブラリの設計 TypeScript の高度な型システム(Conditional Types, Template Literal Types, Infer)を駆使したユーティリティ型ライブラリの設計・共通化 Storybook 8 を用いたコンポーネントカタログ構築および Vitest / Playwright による視覚的リグレッションテスト(Visual Regression Testing)の自動化 必須スキル・経験 TypeScript を用いた Web アプリケーションまたはライブラリの開発・運用実務経験(4年以上) 型安全な設計方針(Strict Mode、Generics、高度な型の活用)に対する深い知識と実践経験 Monorepo ツール(Turborepo, Nx, pnpm Workspaces 等)の導入・運用経験(2年以上) UI コンポーネントライブラリ(Radix UI, Headless UI 等)やデザインシステムの開発・設計実績 歓迎スキル・経験 tRPC または Connect-TS, GraphQL Codegen 等を用いたスキーマ駆動 / エンドツーエンド型安全通信の構築実績 Storybook や Chromatic を用いたデザインシステムおよび視覚的リグレッションテストの自動化運用経験 Biome, ESLint カスタムルール作成や Typecheck パフォーマンス(tsc --noEmit の高速化)チューニング知見 Web Accessibility (WCAG 2.1 / WAI-ARIA) に基づく設計・検証・アクセシビリティ監査の経験 開発環境 言語/環境: TypeScript 5.x, Node.js / Bun, Monorepo (Turborepo + pnpm) UI/ライブラリ: React 19, Tailwind CSS, Radix UI Primitives, Storybook 8 通信/型安全: tRPC, Connect-TS, Zod テスト/ツール: Vitest, Playwright, Chromatic, Biome インフラ/CI: Vercel, GitHub Actions, AWS (S3, CloudFront) コミュニケーション: Slack, Notion, Figma, GitHub 開発チームについて デザインシステム・共通基盤チームは、プロダクトデザイナー2名、フロントエンドアーキテクト1名、TypeScriptシニアエンジニア3名(今回募集枠を含む)の計6名構成です。 全社の複数プロダクト開発スピードを最大化するため、「開発体験(DX)の向上」と「型の厳密さ・アクセシビリティ」に高いプライドを持つチームです。 求める人物像 単に画面を作るだけでなく、開発チーム全体の開発効率やコードの堅牢性を高める「基盤づくり・ライブラリ開発」にやりがいを感じる方 TypeScript の型システムを深く理解し、過度な複雑さを避けつつ汎用性と安全性を兼ね備えた抽象化ができる方 フルリモート環境において、FigmaやGitHubのPRでデザイナーや他チームのエンジニアと建設的な議論・レビューができる方 仕事の魅力 全社のプロダクト開発基盤となる Monorepo & デザインシステムをゼロから育て上げる、インパクトの大きなポジションです。 TypeScript 5.x の高度な型定義や tRPC/Connect-TS など、TypeScript エコシステムの最先端のプラクティスを存分に発揮・習得できます。 働き方 リモート環境 [フルリモート] フルリモートで働いていただけます。