プロジェクト概要 Project Overview
研修コンテンツの制作進捗をリアルタイムで可視化するダッシュボードアプリケーションです。 ファイルシステムを監視し、HTML/TXT/MP3ファイルの完成状況を自動追跡します。 A dashboard application that visualizes training content production progress in real-time. It monitors the file system and automatically tracks the completion status of HTML/TXT/MP3 files.
音声解説を聴く Listen to Audio Explanation
プロジェクトの概要を音声で説明します Audio explanation of the project overview
主な機能 Key Features
リアルタイム更新 Real-time Updates
WebSocketでファイル変更を即座に画面へ反映します File changes are immediately reflected on screen via WebSocket
進捗可視化 Progress Visualization
HTML/TXT/MP3の3種類の成果物を色分けで表示 Three types of deliverables (HTML/TXT/MP3) displayed with color coding
マルチプロジェクト対応 Multi-project Support
複数の研修プロジェクトを一元管理できます Manage multiple training projects in one place
自動ファイル監視 Automatic File Monitoring
ファイルシステムの変更を自動検出して更新 Automatically detects and updates file system changes
技術スタック Technology Stack
バックエンド Backend
- Python 3.12+ / FastAPI
- uvicorn (ASGI Server)
- aiosqlite (Async SQLite)
- watchdog (File System Monitoring)
フロントエンド Frontend
- Vue.js 3 (Reactive UI)
- Tailwind CSS
- WebSocket (Real-time)
開発プロセス Development Process
要件定義・計画 Requirements & Planning
2つの計画案を並列生成し、最良案を自律選択 Generated two planning approaches in parallel and autonomously selected the best
実装 Implementation
3つのプロトタイプを並列開発し、パフォーマンス最優先版を選択 Developed three prototypes in parallel and selected the performance-first version
テスト Testing
ユニットテスト・統合テスト100%合格、カバレッジ80%以上達成 100% passing unit and integration tests, achieved 80%+ code coverage
品質改善 Quality Improvement
パフォーマンス最適化、コードレビュー、リファクタリング Performance optimization, code review, and refactoring