コーディング自動化基盤

概要¶

レジュメ変換システムのファイルプレビュー機能を実装します。アップロードされたPDFやDOCXファイルをブラウザ上でプレビュー表示する機能を実装します。

作業内容¶

1. PDFプレビュー機能実装

   • PDF.jsを使用したビューア実装
   • ページめくり機能
   • ズーム機能
   • ページナビゲーション

2. DOCXプレビュー機能実装

   • Mammoth.jsでのHTML変換
   • スタイル適用
   • レイアウト調整
   • フォント対応

3. プレビューコンポーネント実装

   • プレビューコンテナ
   • ツールバー
   • サムネイルビュー
   • 全画面表示機能

4. レスポンシブ対応

   • モバイル向けレイアウト
   • タッチ操作対応
   • 画面サイズ対応
   • 方向転換対応

5. プレビューのパフォーマンス最適化

   • 遅延読み込み
   • キャッシュ制御
   • レンダリング最適化
   • メモリ使用量管理

成果物¶

• PDFプレビューコンポーネント
• DOCXプレビューコンポーネント
• プレビューコントロールUI
• レスポンシブレイアウト対応
• パフォーマンス最適化

技術スタック¶

• PDF.js
• Mammoth.js
• React
• CSS/TailwindCSS

参照¶

• 親チケット: #472（ファイルアップロード・テキスト抽出機能）
• 関連チケット: #493（ファイルアップロード機能実装）
• 関連チケット: #494（PDFテキスト抽出機能実装）
• 関連チケット: #495（DOCXテキスト抽出機能実装）