コーディング自動化基盤

概要¶

レジュメ変換システムのフロントエンド環境を構築します。React + TypeScriptのプロジェクト初期化、ビルド環境の構築、開発環境の整備を行います。

作業内容¶

1. Reactプロジェクト初期化

   • Create React App または Vite でのプロジェクト作成
   • TypeScript設定
   • ディレクトリ構造設計
   • エントリーポイント設定

2. ビルド環境構築

   • Webpack/Vite設定
   • バンドル最適化設定
   • アセット管理設定
   • 環境変数管理

3. 開発環境設定

   • ESLint設定
   • Prettier設定
   • husky/lint-staged設定
   • VSCode設定

4. パッケージ管理設定

   • 依存パッケージ選定
   • npm/yarn/pnpm設定
   • パッケージロック管理
   • バージョン管理方針

5. デプロイ設定

   • ビルドスクリプト作成
   • 環境別ビルド設定
   • 静的ファイル最適化
   • キャッシュ戦略

成果物¶

• Reactプロジェクト基盤
• ビルド設定ファイル
• 開発環境設定ファイル
• パッケージ管理ファイル
• デプロイスクリプト

技術スタック¶

• React v18以上
• TypeScript v5以上
• Webpack/Vite
• ESLint/Prettier
• npm/yarn/pnpm

参照¶

• 親チケット: #471（フロントエンド基盤構築）
• 関連チケット: #480（システムアーキテクチャ設計）