コーディング自動化基盤

概要¶

レジュメ変換システムの共通コンポーネントを実装します。レイアウト、フォーム、通知、モーダルなど、アプリケーション全体で使用する共通UIコンポーネントを実装します。

作業内容¶

1. レイアウトコンポーネント実装

   • AppLayout（全体レイアウト）
   • Header
   • Footer
   • Sidebar
   • ナビゲーションバー

2. フォームコンポーネント実装

   • 入力フィールド
   • セレクトボックス
   • チェックボックス
   • ラジオボタン
   • ファイルアップロード

3. 通知コンポーネント実装

   • トースト通知
   • アラート
   • スナックバー
   • プログレスインジケータ
   • ロード状態表示

4. モーダルコンポーネント実装

   • 標準モーダル
   • 確認ダイアログ
   • サイドオーバー
   • ドロワー
   • ポップオーバー

5. その他共通コンポーネント

   • カード
   • タブ
   • アコーディオン
   • ページネーション
   • データテーブル

成果物¶

• レイアウトコンポーネント
• フォームコンポーネント
• 通知コンポーネント
• モーダルコンポーネント
• 汎用UIコンポーネント

技術スタック¶

• React
• TypeScript
• Material-UI
• TailwindCSS
• Storybook（可能であれば）

参照¶

• 親チケット: #471（フロントエンド基盤構築）
• 関連チケット: #482（画面設計）
• 関連チケット: #489（UIライブラリ導入・テーマ設定）