【フルリモート／週5／TypeScript】Next.jsを用いた分散型コンテンツ管理システムのフロントエンド開発

お任せしたいこと ［役割］ フロントエンドエンジニアとして、Next.js（App Router）およびTypeScriptを用いた、コンテンツ配信・管理プラットフォームの新規画面実装およびコンポーネント設計を担当していただきます。 ［役割に対して求める成果］ FigmaのデザインデータやAPI仕様書（Swagger）を正確にコードへ落とし込み、Next.jsの機能を活かした型安全で初期表示速度（Core Web Vitals）の速いUIを期日通りにデリバリーすること。 具体的な業務内容 Next.js（App Router） / TypeScriptを用いた、ダッシュボードおよび詳細エディタ画面の実装 Tailwind CSSおよびShadcn/uiを活用した、レスポンシブな共通UIコンポーネントの構築 TanStack Query（React Query）を用いた、バックエンドAPIとの高度な非同期通信およびキャッシュ制御 React Hook FormとZodを組み合わせた、複雑なバリデーションを含む入力フォームの実装 VitestおよびTesting Libraryを用いた、ロジック・コンポーネントの自動単体テストコード作成 GitHub上での相互コードレビューを通じた、チーム全体のコード品質担保と修正対応 必須スキル・経験 TypeScriptを用いたReactまたはNext.jsの商用Webアプリケーション開発実務経験3年以上 Tailwind CSSなどのCSSフレームワークを用いたコンポーネント実装の経験 Web API（REST/JSON）を呼び出してフロントエンド側でデータを適切に処理するスキル Git / GitHubを用いたチーム開発における基本的なコマンド操作およびブランチ管理の経験 Chromeデベロッパーツールなどを用いたフロントエンドのデバッグ実務経験 歓迎スキル・経験 Next.js（App Router）環境での実務開発、またはコンポーネント実装経験 TanStack QueryやSWRなどのデータフェッチライブラリの実務利用経験 Figmaのデザインデータから、レイアウトやスタイルを正確にコードへ落とし込めるスキル Storybookを用いたコンポーネントカタログの作成、または利用経験 開発環境 言語・FW：TypeScript, React, Next.js (App Router) UIスタック：Tailwind CSS, Shadcn/ui, React Hook Form ライブラリ：TanStack Query, Zod 管理ツール：GitHub, Slack, Figma 開発チームについて フロントエンド専任メンバー3名、バックエンド3名、PM1名のチームです。 技術選定においてはボトムアップな議論を重視しており、良い提案であれば即座に採用される柔軟な組織です。 求める人物像 最新のフロントエンド技術に対する感度が高く、品質向上やコンポーネントの共通化へのこだわりを持てる方 技術的なスタック（壁）に直面した際、オープンに相談し軌道修正ができる方 仕事の魅力 需要の非常に高いNext.js App Routerをフル活用したモダン開発を経験できます。 仕様が綺麗に整備されているため、フロントエンドのコーディングスキルを効率的に向上させられます。 働き方 リモート環境 [フルリモート] フルリモートで働いていただけます。

1回