Home

Welcome to the docker_laravel_react_trello wiki! 🚀

Roadmap

このプロジェクトの開発ロードマップです。 Dockerを活用したLaravel + Reactの環境で、Trelloライクなカンバンツールを構築し、さらにGanttチャートや検索機能を追加していきます。

1. Docker環境構築 (Docker env) 🐳 目的: Laravel + React の開発環境をDockerで構築 手順: Docker Composeを使用して Laravel, React, MySQL, Nginx をセットアップ LaravelのバックエンドとReactのフロントエンドを分離 .env の設定やボリュームのマウントを適切に管理

2. Laravel Mix + React 設定 (laravel mix react) ⚙️ 目的: フロントエンドのビルド環境をLaravel Mixで構築 手順: laravel/ui を使用してReact環境をセットアップ webpack.mix.js の設定を最適化 (mix.js, mix.sass, mix.browserSync など) .version() でキャッシュバスティング

3. カンバンツール開発 (Kanban tool) 📌 目的: Trelloのようなタスク管理ツールを実装 機能: ボード作成・タスクカードの追加・編集・削除 ドラッグ＆ドロップ によるタスク移動 リアルタイム更新 (WebSocket or Polling)

4. ガントチャート実装 (gantt chart) 📊 目的: プロジェクトの進捗管理を可視化 手順: react-gantt-timeline や frappe-gantt などのライブラリを検討 タスクの開始・終了日を設定し、期間を動的に表示 Laravel API でタスクデータを管理

5. 検索フォーム追加 (search form) 🔍 目的: タスクやプロジェクトの検索機能を追加 手順: LaravelのEloquent検索 (where, like) を活用 Reactの入力フォーム + APIで検索をリアルタイムに実装 検索結果のフィルタリング (期限、担当者など)

6. プロジェクト機能追加（DB管理） 目的: 複数のカンバン保持機能を追加 手順: データベース/テーブルの構成検討 左メニューにてプロジェクト選択機能の実装

7. プロジェクトの管理・運用 (project) 🚀 目的: 継続的な開発・運用を行う 手順: GitHub Actions を活用したCI/CDの構築 (npm run prod の自動実行) バックエンド・フロントエンドのリファクタリング 新機能の追加 (例: コメント機能、通知機能など)

このロードマップに沿って開発を進めていきます！💡 詳細なドキュメントは各セクションのリンクを追加予定です。 🚀