開発時は以下のコマンドを使用します。ソースコードの変更が自動的に反映されます:
docker-compose -f docker-compose.dev.yml up --build
- フロントエンド: http://localhost:3000
- バックエンド: http://localhost:3001
開発モードでは:
- フロントエンド: Viteの開発サーバーを使用し、変更時に自動的にリロードされます
- バックエンド: ts-node-devを使用し、TypeScriptファイルの変更を監視・自動コンパイルします
- ソースコードはDockerボリュームを通じてコンテナと同期されます
本番環境用のビルドと実行:
docker-compose up --build
プロダクションモードでは:
- フロントエンド: 最適化されたビルドをNginxで配信
- バックエンド: TypeScriptがコンパイルされ、最適化されたJavaScriptを実行
- 静的ファイルとアプリケーションコードが最適化されます
バックエンドの .env
ファイルで以下の環境変数を設定できます:
# 必須の環境変数
MONGODB_URI=mongodb://localhost:27017/comment-system # MongoDBの接続URI
GEMINI_API_KEY=your-api-key # Google Gemini APIのキー
# オプションの環境変数
PORT=3001 # サーバーのポート番号(デフォルト: 3001)
PARALLEL_ANALYSIS_LIMIT=5 # 並列処理の上限数(デフォルト: 5)
.
├── docker-compose.yml # 本番環境用の構成
├── docker-compose.dev.yml # 開発環境用の構成
├── packages/
├── frontend/ # Reactフロントエンド
│ ├── Dockerfile # 本番用ビルド
│ └── Dockerfile.dev # 開発用ビルド
└── backend/ # Expressバックエンド
├── Dockerfile # 本番用ビルド
└── Dockerfile.dev # 開発用ビルド