プロジェクト

全般

プロフィール

バグ #471

未完了

【親】レジュメ変換システム - フロントエンド基盤構築

Redmine Admin さんが8日前に追加. 8日前に更新.

ステータス:
新規
優先度:
高め
担当者:
-
開始日:
2025-06-11
期日:
進捗率:

0%

予定工数:

説明

概要

レジュメ変換システムのフロントエンド基盤構築を行います。React + TypeScriptを使用したフロントエンド環境の設定、Material-UIとTailwindCSSによるUIコンポーネントの基盤構築を行います。

作業内容

  1. フロントエンド環境構築

    • React + TypeScriptのプロジェクト初期化
    • ビルド環境の構築 (Webpack/Vite)
    • ESLint, Prettierなどの開発環境設定
  2. UIライブラリ導入

    • Material-UIの導入と設定
    • TailwindCSSの導入と設定
    • テーマ設定とカスタマイズ
  3. 状態管理基盤構築

    • React Contextの設定
    • カスタムフックの作成
    • 状態管理ユーティリティの実装
  4. ルーティング実装

    • React Routerの設定
    • 画面遷移フロー実装
    • ルートガード実装
  5. 共通コンポーネント実装

    • レイアウトコンポーネント
    • フォームコンポーネント
    • 通知コンポーネント
    • モーダルコンポーネント
  6. APIクライアント実装

    • Axiosの導入と設定
    • API呼び出し共通処理の実装
    • エラーハンドリング

成果物

  • Reactプロジェクト基盤
  • UIコンポーネントライブラリ
  • 状態管理基盤
  • ルーティング設定
  • 共通コンポーネント
  • APIクライアント

技術スタック

  • React v18以上
  • TypeScript v5以上
  • Material-UI v5以上
  • TailwindCSS v3以上
  • React Router v6以上
  • Axios

参照

  • 親チケット: #468
  • 要件定義・設計: #469

他の形式にエクスポート: Atom PDF