Next.jsの求人審査サービス

【役割】 フロントエンドリードエンジニア 【担当フェーズ】 要件定義、技術選定、アーキテクチャ設計、実装、テスト、デプロイ、運用・保守 【使用技術】 フロントエンド: Next.js (App Router), React, TypeScript 状態管理: SWR, Zustand UI/スタイリング: Tailwind CSS, Shadcn/UI, headlessUI フォーム管理: React Hook Form, Zod (バリデーション) テスト: Jest, React Testing Library, Playwright (E2E) 認証: NextAuth.js インフラ・CI/CD: Vercel, AWS (S3 for file uploads), GitHub Actions その他: Storybook, ESLint, Prettier 【具体的な職務内容】 Next.js (App Router) を用いたフロントエンドアーキテクチャの設計・実装 Server ComponentsとClient Componentsを適切に使い分け、初期表示速度とインタラクティブ性を両立したパフォーマンスの高いアプリケーションを構築。 Atomic Designの思想に基づき、Storybookと連携した再利用可能なUIコンポーネントライブラリを設計・開発。開発効率とデザインの一貫性を向上。 求人審査ワークフロー機能の開発 審査官向けの管理画面（ダッシュボード、求人一覧、詳細画面）のUI/UX設計と実装。 求人情報のステータス（承認待ち・審査中・承認・差し戻し）を管理する機能や、審査官への求人割り当てロジックを実装。 企業への差し戻し理由をテンプレートから選択・通知できるコメント機能を開発し、審査業務の効率化に貢献。 品質保証と開発環境の整備 PlaywrightによるE2Eテストを導入し、審査フローのクリティカルパスを自動化。デプロイ前の品質担保とデグレ防止を実現。 GitHub ActionsとVercelを連携させたCI/CDパイプラインを構築。プルリクエスト作成時のプレビュー環境自動デプロイや、mainブランチへのマージによる本番環境への自動デプロイを実現。 Lighthouseのスコアを定期的に監視し、Core Web Vitalsを意識した継続的なパフォーマンスチューニングを実施。 チーム開発の推進 TypeScriptの厳格な型定義やESLint/Prettierのルールを整備し、コードの品質と一貫性を維持。 バックエンドチームとAPI仕様（OpenAPI）を共同で策定し、円滑な連携を実現。