【フルリモート／週5／React】TypeScriptを用いた多機能チャットツールのコンポーネント開発

お任せしたいこと ［役割］ フロントエンドプログラマー（PG）として開発チームに参画し、ReactおよびTypeScriptを用いた社内コミュニケーションツールの機能追加タスクを担当していただきます。 ［役割に対して求める成果］ 詳細設計書やFigmaのデザインデータを正確に理解し、コンポーネントの再利用性を意識した型安全なコードを期日通りに実装すること。 具体的な業務内容 React 18 / TypeScriptを用いたチャット画面および設定画面の新規コーディング Tailwind CSSおよびShadcn/uiを活用した、デザインシステムに沿ったUI実装 TanStack Query（React Query）を用いた、バックエンドAPIからのデータフェッチおよびキャッシュ制御 React Hook FormとZodを組み合わせた、入力フォームのバリデーションロジック実装 Vitest / Testing Libraryを用いた、実装したコンポーネント単位の自動単体テストコード作成 GitHubを用いたプルリクエストの作成、およびチームメンバーとの相互コードレビュー対応 必須スキル・経験 TypeScriptを用いたReactの商用Webアプリケーション開発実務経験2年以上 Tailwind CSSなどのCSSフレームワークを用いたコンポーネント実装の経験 Web API（REST）を呼び出してフロントエンド側でデータを適切に処理するスキル Git / GitHubを用いたチーム開発における基本的なコマンド操作およびブランチ管理の経験 Chromeデベロッパーツールなどを用いたフロントエンドのデバッグ実務経験 歓迎スキル・経験 Next.js（App Router）環境での開発またはコンポーネント実装経験 TanStack QueryやSWRなどのデータフェッチライブラリの実務利用経験 Figmaのデザインデータから、レイアウトやスタイルを正確にコードへ落とし込めるスキル Storybookを用いたコンポーネントカタログの作成、または利用経験 CypressやPlaywrightを用いたフロントエンドのE2Eテスト作成経験 開発環境 言語・FW：TypeScript, React 18 UIスタック：Tailwind CSS, Shadcn/ui, React Hook Form ライブラリ：TanStack Query, Zod 管理ツール：GitHub, Slack, Figma 開発チームについて フロントエンドエンジニア3名、バックエンドエンジニア3名、PM1名のフラットなチームです。 タスクは細分化されてチケット管理されており、PGクラスの方が迷わず実装に集中できる環境を整えています。 求める人物像 コーディング規約に沿った、他のメンバーが読みやすく保守しやすいコードを意識して書ける方 仕様の不明点や技術的な壁にぶつかった際、抱え込まずにチャットで早期に相談・確認ができる方 仕事の魅力 モダンなフロントエンド環境（React×TypeScript）の実務経験をしっかりと積み上げることができます。 仕様書やデザインの定義が明確なため、プログラミング作業そのものに集中してパフォーマンスを発揮できます。 働き方 リモート環境 [フルリモート] フルリモートで働いていただけます。

1回