お任せしたいこと
［役割］
フロントエンドエンジニアとして、Next.jsおよびTypeScriptを用いた、温室効果ガス排出量可視化・シミュレーションSaaSの新規画面実装とUI/UX改善を担当していただきます。
［役割に対して求める成果］
FigmaのデザインデータやAPI仕様書を正確にコードへ落とし込み、Next.js（App Router）の作法に則った型安全で表示速度の速いUIを期日通りにデリバリーすること。

具体的な業務内容
Next.js（App Router） / TypeScriptを用いた、排出量ダッシュボードおよび予測シミュレーション画面の実装
Tailwind CSSおよびShadcn/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）を呼び出してフロントエンド側でデータを適切に処理するスキル
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というモダンスタックをフル活用した開発を経験できます。
仕様が綺麗に整備されているため、モダンなフロントエンドのコーディングスキルを効率的に向上させられます。

働き方
リモート環境
[フルリモート] フルリモートで働いていただけます。