1万時間学習記録
Demo (Guest Login)
Github (README + Code)
アプリ概要
学習時間を記録・可視化することで、1万時間の目標達成をサポートするアプリです。
ユーザーは日々の学習時間や内容を記録でき、進捗状況や残り時間を自動で算出して表示します。
使用技術
フロントエンド：
HTML
JavaScript
Tailwind CSS
Vite
バックエンド：
PHP 8.2
Laravel 9.x
DB：
MySQL 8.0 (ローカル)
MariaDB 10.5 (Xserver・MySQL互換)
インフラ・環境：
MAMP
Xserver
macOS Sequoia 15.3.1
ビルド環境：
Node.js 22.x (ローカル)
Node.js 16.20.2 (Xserver / nodebrew導入)
Composer 2.x
開発ツール：
Git
GitHub
phpMyAdmin
Visual Studio Code
実装機能
ユーザー認証(ログイン / 登録 / PW再発行)
ゲストログイン
プロフィール編集
CRUD(作成 / 編集 / 削除 / 一覧表示)
データ検索
ページネーション
バリデーション
入力保持(old関数)
エラー画面(400〜503の各種コード)
学習進捗トラッキング(残り時間 / 達成率表示)
学習時間フォーマット変換(秒 → 時間 / 分)
ステータス自動ラベル変換(数値 → 日本語)