コーディング自動化基盤

概要¶

レジュメ変換システムの文書表示機能を実装します。AIによって生成された履歴書と職務経歴書のHTML表示、レスポンシブ対応、印刷プレビュー表示などを実装します。

作業内容¶

1. 履歴書HTML表示

   • 履歴書レイアウト実装
   • テーブル構造実装
   • フォント・スタイル適用
   • 写真配置対応

2. 職務経歴書HTML表示

   • 職務経歴書レイアウト実装
   • セクション構造実装
   • リスト・見出し設定
   • 強調表現対応

3. レスポンシブデザイン対応

   • モバイル対応レイアウト
   • 画面サイズ別調整
   • 印刷用メディアクエリ
   • フォントサイズ調整

4. 印刷プレビュー表示

   • 印刷用スタイル適用
   • ページ分割表示
   • ヘッダー・フッター設定
   • 用紙サイズ設定

5. アクセシビリティ対応

   • セマンティックHTML
   • スクリーンリーダー対応
   • キーボード操作対応
   • コントラスト対応

成果物¶

• 履歴書表示コンポーネント
• 職務経歴書表示コンポーネント
• レスポンシブデザインCSS
• 印刷用スタイルシート
• アクセシビリティ対応

技術スタック¶

• React
• HTML/CSS
• Material-UI
• TailwindCSS
• メディアクエリ

参照¶

• 親チケット: #474（文書生成・編集機能）
• 関連チケット: #489（UIライブラリ導入・テーマ設定）
• 関連チケット: #499（履歴書生成プロンプト実装）
• 関連チケット: #500（職務経歴書生成プロンプト実装）