お任せしたいこと
［役割］
Reactエンジニアとして、生成AIを活用したレポート自動生成ツールのフロントエンド開発を担当。Next.jsとTypeScriptを用いて、ユーザーが直感的にレポートを作成・編集できるUIを設計・実装していただきます。
［役割に対して求める成果］
AI出力結果をわかりやすく整理・編集できる高UXなUI構築
パフォーマンスと操作性を両立するSPA／SSRアプリ開発
保守性の高いコンポーネント設計と状態管理の最適化
具体的な業務内容
React／Next.jsによるWebアプリの設計・実装
TypeScriptを用いたUIコンポーネント設計・型定義管理
生成AI出力データの整形・エディタ機能開発（Slate.js, TipTap等）
状態管理（Redux Toolkit, Recoil）によるデータ連携設計
GraphQL／REST APIを利用したデータ取得・表示最適化
テスト自動化（Jest, Playwright）とCI/CD整備（GitHub Actions）
必須スキル・経験
React／TypeScriptを用いた開発経験3年以上
Next.jsを活用したSSR／SSGアプリ開発経験
状態管理（Redux, Recoil, Zustand等）の実装経験
RESTまたはGraphQL API連携の経験
UI/UXを意識したフロントエンド設計経験
歓迎スキル・経験
AI連携（OpenAI API, LangChain等）を用いた開発経験
エディタ開発（Slate.js, Quill, TipTap等）の経験
パフォーマンスチューニング・アクセシビリティ改善経験
Storybookを活用したUI設計・コンポーネント管理経験
Vercel／AWS Amplifyでのデプロイ運用経験
開発環境
言語：TypeScript, JavaScript
フレームワーク：React 18, Next.js 14, Redux Toolkit, Tailwind CSS
データ通信：GraphQL, Apollo Client, Axios
テスト：Jest, Playwright, React Testing Library
インフラ：Vercel, AWS Amplify, CloudFront
CI/CD：GitHub Actions
コラボ：Slack, Notion, Jira, Figma, GitHub, Zoom
開発チームについて
フロント3名／バックエンド3名／デザイナー2名／PM1名体制
スクラム開発（2週間スプリント）で機能改善を継続推進
AIチームと連携しUX最適化・機能提案を実施
求める人物像
AI×UIの融合に興味があり、プロダクト視点で開発できる方
React／Next.jsのベストプラクティスを実践したい方
チームと協調しながらスピード感ある開発を進められる方
仕事の魅力
React×Next.js×TypeScriptによるモダンな開発環境
生成AIとの連携を通じた新しいUI体験設計に挑戦可能
設計〜リリースまで裁量を持って携われるプロジェクト
リモート環境
[フルリモート] フルリモートで働いていただけます。