学習時間管理アプリ

アプリの概要

FuelPHP と Knockout.js を使用し、学習時間を記録・可視化する Web アプリ。ユーザー認証、CRUD、週次グラフ描画を実装。

UI デザイン (Figma)

• https://www.figma.com/design/EbgqvP1jmO1lZsoPEqjy3C/study_management_app?node-id=0-1&t=PgCjdWkNkrH6I2vS-1

環境構築手順

1. リポジトリをクローン

   git clone <リポジトリURL>

2. dockerディレクトリに移動

   cd docker

3. Dockerイメージのビルド

   docker-compose build

4. コンテナの起動

   docker-compose up -d

5. データベースの初期化

   docker exec -i docker-db-1 mysql -u root -proot study_time_management < app.sql

6. ブラウザからアクセス
   • FuelPHP への接続確認: http://localhost/
   • ログイン画面: http://localhost/auth/login

技術スタック

• PHP: 7.3.33
• FuelPHP: 1.8
• フロントエンド: Knockout.js 3.5.1（CDN経由で読み込み）
• データベース: MySQL 8.0
• 環境: Docker / Docker Compose

ログについて

• アクセスログ: Dockerコンテナのログ（docker-compose logs app で確認）
• FuelPHPのエラーログ: コンテナ内の /var/www/html/my_fuel_project/fuel/app/logs/
  • 年/月/日.php の形式で日付ごとに作成される（例: 2025/08/11.php）
  • tail -f でログを確認できる:

    docker-compose exec app tail -f /var/www/html/my_fuel_project/fuel/app/logs/2025/08/11.php

MySQLコンテナ設定

• MySQLバージョン: 8.0
• 環境変数:
  • MYSQL_ROOT_PASSWORD: root
  • MYSQL_DATABASE: study_time_management

アクセス情報

• ホスト: localhost
• ポート: 3306
• ユーザー名: root
• パスワード: root
• データベース名: study_time_management