直案件
最終更新日:2025/09/18
【TypeScript/React.js】新規SNSプロダクト立ち上げにおけるフロントエンドの業務委託案件・フリーランス求人
〜300,000円/月
業務委託
案件基本情報
| 働き方 | フルリモート / 週1日〜2日 |
|---|---|
| 業務形態 | 業務委託(準委任) |
| 職種・ポジション | フロントエンドエンジニア |
| 開発環境 | TypeScript / React.js |
| 業界 | Webサービス |
業務内容
■ミッション
新規SNSプロダクト(B2C/B2B2C向け)のフロントエンド開発をリードしていただきます。ユーザーが最初に触れる「ユーザー向け画面」全般の実装・改善がミッションです。
・モダンな技術スタックでのSPA開発:
- React/TypeScriptをベースに、pnpm workspacesを用いたモノレポ構成での開発を推進します。
- データフェッチングにはTanStack Query (React Query)、バリデーションにはZodを採用し、型安全で宣言的なコードを実装します。
- タイムライン、投稿機能、Q&Aモジュールなど主要画面の設計・コーディングを担当します。
・デザインシステムの構築とUI/UX改善:
- Tailwind CSSとヘッドレスUIライブラリRadix UIを用いて、再利用性の高いUIコンポーネントライブラリを設計・構築します。
- FigmaでデザインされたUIを忠実に再現しつつ、使いやすさ向上のためのUI提案・実装(モバイルファースト対応)を行います。
・Webパフォーマンスの最適化:
- Core Web Vitals (LCP/INP/CLS)を指標に、画像/フォント最適化やコード分割、TanStack Queryによるキャッシュ戦略の実施をリードします。
・認証・認可機能の実装:
- Firebase Auth (LINE SSO連携) と、ULIDでセキュア化されたカスタムJWTを組み合わせた認証フローのフロントエンド側を実装します。
・他チームとの協働と開発体験の向上:
- Goで実装されたバックエンドチームとOpenAPI仕様に基づきAPI連携のすり合わせを行います。
- Cloudflare Pagesへのアトミックなデプロイなど、CI/CD(GitHub Actions)の改善にも関与します。
プロダクトの初期フェーズにつき、フロントエンドのアーキテクチャ設計や技術選定に深く関与できます。将来的にはフロントエンドチームのリードとしての活躍を期待しています。
開発環境・技術スタック
・フロントエンド: React, TypeScript, TanStack Query, Zod, Tailwind CSS, Radix UI, React Router
・ビルド/パッケージ管理: pnpm (Monorepo), Vite
・インフラ/プラットフォーム: Cloudflare Pages, Cloudflare Workers, GCP (Cloud Run, Cloud SQL for MySQL, Redis)
・バックエンド連携: Go, REST API (OpenAPI), gRPC
・認証: Firebase Authentication, カスタムJWT
・CI/CD: GitHub Actions
・その他: Terraform, Biomejs
新規SNSプロダクト(B2C/B2B2C向け)のフロントエンド開発をリードしていただきます。ユーザーが最初に触れる「ユーザー向け画面」全般の実装・改善がミッションです。
・モダンな技術スタックでのSPA開発:
- React/TypeScriptをベースに、pnpm workspacesを用いたモノレポ構成での開発を推進します。
- データフェッチングにはTanStack Query (React Query)、バリデーションにはZodを採用し、型安全で宣言的なコードを実装します。
- タイムライン、投稿機能、Q&Aモジュールなど主要画面の設計・コーディングを担当します。
・デザインシステムの構築とUI/UX改善:
- Tailwind CSSとヘッドレスUIライブラリRadix UIを用いて、再利用性の高いUIコンポーネントライブラリを設計・構築します。
- FigmaでデザインされたUIを忠実に再現しつつ、使いやすさ向上のためのUI提案・実装(モバイルファースト対応)を行います。
・Webパフォーマンスの最適化:
- Core Web Vitals (LCP/INP/CLS)を指標に、画像/フォント最適化やコード分割、TanStack Queryによるキャッシュ戦略の実施をリードします。
・認証・認可機能の実装:
- Firebase Auth (LINE SSO連携) と、ULIDでセキュア化されたカスタムJWTを組み合わせた認証フローのフロントエンド側を実装します。
・他チームとの協働と開発体験の向上:
- Goで実装されたバックエンドチームとOpenAPI仕様に基づきAPI連携のすり合わせを行います。
- Cloudflare Pagesへのアトミックなデプロイなど、CI/CD(GitHub Actions)の改善にも関与します。
プロダクトの初期フェーズにつき、フロントエンドのアーキテクチャ設計や技術選定に深く関与できます。将来的にはフロントエンドチームのリードとしての活躍を期待しています。
開発環境・技術スタック
・フロントエンド: React, TypeScript, TanStack Query, Zod, Tailwind CSS, Radix UI, React Router
・ビルド/パッケージ管理: pnpm (Monorepo), Vite
・インフラ/プラットフォーム: Cloudflare Pages, Cloudflare Workers, GCP (Cloud Run, Cloud SQL for MySQL, Redis)
・バックエンド連携: Go, REST API (OpenAPI), gRPC
・認証: Firebase Authentication, カスタムJWT
・CI/CD: GitHub Actions
・その他: Terraform, Biomejs
求めるスキル
■必須スキル:
・React + TypeScript + JavaScript を用いた開発実務経験 3年以上
・TanStack Query (React Query)等を利用したモダンなデータフェッチングの実装経験
・HTML/CSS/JavaScriptの深い知識(セマンティックなマークアップ、アクセシビリティへの理解)
・OpenAPI (Swagger) 等の仕様に基づいたREST API連携を伴うWebサービス開発経験
・Git/GitHubを用いたチーム開発・コードレビュー経験
・英語でのコミュニケーション能力。開発チームの公用語が英語のため、テキスト(Slack, GitHub等)での技術的な議論に積極的に参加する意欲。(スピーキングは必須ではない)
■尚可スキル:
・pnpm, Turborepo等を用いたモノレポ構成でのフロントエンド開発経験
・Tailwind CSSおよびRadix UI等のヘッドレスUIライブラリを用いたデザインシステムの構築・運用経験
・Zodを用いたスキーマ駆動開発や型安全なフォーム実装の経験
・Next.js等によるSSR/ISRの知識、SEOを考慮した開発経験
・Cloudflare Pages/Workersなど、エッジコンピューティング環境での開発・運用経験
・大規模トラフィックサービスのフロントエンド開発・運用経験
・テスト駆動開発(TDD)やE2Eテスト自動化の経験
・React + TypeScript + JavaScript を用いた開発実務経験 3年以上
・TanStack Query (React Query)等を利用したモダンなデータフェッチングの実装経験
・HTML/CSS/JavaScriptの深い知識(セマンティックなマークアップ、アクセシビリティへの理解)
・OpenAPI (Swagger) 等の仕様に基づいたREST API連携を伴うWebサービス開発経験
・Git/GitHubを用いたチーム開発・コードレビュー経験
・英語でのコミュニケーション能力。開発チームの公用語が英語のため、テキスト(Slack, GitHub等)での技術的な議論に積極的に参加する意欲。(スピーキングは必須ではない)
■尚可スキル:
・pnpm, Turborepo等を用いたモノレポ構成でのフロントエンド開発経験
・Tailwind CSSおよびRadix UI等のヘッドレスUIライブラリを用いたデザインシステムの構築・運用経験
・Zodを用いたスキーマ駆動開発や型安全なフォーム実装の経験
・Next.js等によるSSR/ISRの知識、SEOを考慮した開発経験
・Cloudflare Pages/Workersなど、エッジコンピューティング環境での開発・運用経験
・大規模トラフィックサービスのフロントエンド開発・運用経験
・テスト駆動開発(TDD)やE2Eテスト自動化の経験
エージェントより
新規事業の立ち上げ中によるフロントエンド案件です。 チームはPdM含め6名体制。少数精鋭で自発的に行動できる方を募集します!