コーディング自動化基盤

概要¶

レジュメ変換システムのファイルアップロード機能を実装します。フロントエンドでのファイルアップロードUIと、バックエンドでのファイル受信・保存処理を実装します。

作業内容¶

1. フロントエンドアップロードコンポーネント実装

   • ドラッグ＆ドロップエリア実装
   • ファイル選択ダイアログ連携
   • 複数ファイル対応
   • ファイル選択結果表示

2. ファイルバリデーション実装

   • ファイル形式チェック（PDF/DOCX）
   • ファイルサイズチェック
   • セキュリティチェック
   • エラーメッセージ表示

3. アップロード進捗表示実装

   • プログレスバー実装
   • キャンセル機能
   • エラー時の再試行
   • 完了通知

4. バックエンドファイル受信処理

   • マルチパートリクエスト処理
   • 一時ファイル保存
   • ファイルメタデータ抽出
   • ファイルパス管理

5. データベース連携

   • ファイルメタデータのDB登録
   • ユーザーとの関連付け
   • タイムスタンプ管理
   • 後続処理への連携

成果物¶

• ファイルアップロードコンポーネント
• ファイルバリデーションモジュール
• アップロード進捗表示UI
• バックエンドファイル受信処理
• ファイルメタデータDB連携

技術スタック¶

• React Dropzone
• Axios/Fetch（アップロード）
• Multer（バックエンドファイル処理）
• Express.js
• PostgreSQL

参照¶

• 親チケット: #472（ファイルアップロード・テキスト抽出機能）
• 関連チケット: #485（Express.jsプロジェクト構築）
• 関連チケット: #492（共通コンポーネント実装）