Proman - プロジェクト管理システム

Promanは、プロジェクトの登録、検索、管理を効率的に行うためのWebアプリケーションです。

プロジェクト構成

本プロジェクトは以下の2つのサブプロジェクトで構成されています：

Frontend

• React/TypeScriptベースのWebフロントエンド
• プロジェクト情報の表示、登録、検索などのUI機能を提供
• 詳細はfrontend/README.mdを参照

Backend

• Nablarchベースのバックエンドサーバー
• RESTful APIによるデータ管理機能を提供
• 詳細はbackend/README.mdを参照

システム概要図

[ブラウザ] --- HTTP/REST ---> [Frontend Server] --- HTTP/REST ---> [Backend Server] --- JDBC ---> [Database]
   ユーザー          (React/TypeScript)          (Nablarch)                             (H2DB)

開発環境のセットアップ

1. バックエンドのセットアップ

cd backend
mvn install

2. フロントエンドのセットアップ

cd frontend
npm install

アプリケーションの起動

1. バックエンドの起動

cd backend
mvn exec:java -Dexec.mainClass=com.nablarch.example.ProjectRuntime

2. フロントエンドの起動

cd frontend
npm run dev

フロントエンド、バックエンドの詳細な設定や実行方法については、各ディレクトリ配下のREADMEを参照してください。

GitHub Copilot エージェントとの対話実験記録

プロジェクト開発におけるGitHub Copilotの活用実験の記録です：

1. フロントエンド実装支援

   • プロジェクト登録画面の確認ダイアログ実装
   • プロジェクト検索画面の実装

2. Nablarchアーキテクチャの理解

   • Nablarchの責務配置の解説
   • Example実装の分析とパッケージ構造の理解

3. REST APIの実装支援

   • パスパラメータを使用したAPIエンドポイントの実装方法

4. バリデーション機能の実装

   • 登録機能の実装例
   • Nablarch ValidationとBean Validationの比較

5. エンティティの取り扱い

   • エンティティ間の関連
   • エンティティに関するAPIエンドポイントの実装

6. ログ機能の活用

   • Nablarchのログ機能の概要
   • 各種アダプタの説明

7. ビジネスロジックの共通化

   • コンポーネントへの切り出し方
   • 検索ワードの最適化実験

8. AI検索の改善実験

   • Clineを使用した検索の改善
   • キーワード変更による検索結果の向上