>_ sk.dev
works/goal-achiever
B2Cサービス🤖 AI主導開発中

Goal Achiever

目標を科学的に達成するWebアプリ。大目標をタスクに分解し、進捗・振り返りをAIが支援

🚀 デモを見る
🔑 テストアカウント
テストアカウント
Emailtest001@ai-creators-hub.com
Passtest012!
LaravelNext.jsMySQLPHPUnitPlaywrightVitest

// SCREENSHOT — 実際の画面

Goal Achiever スクリーンショット
https://goal-achiever.ai-creators-hub.com/login

// VIBE CODING RATIO

💪 自力実装 20%🤖 AI担当 80%
設計・判断・レビュー AI実装

「目標達成を科学的にサポートする」というコンセプト・機能設計・フェーズ計画を自分で決めた。テストピラミッド設計(PHPUnit・Vitest・Playwright)も自分が方針を定めた。動作確認・品質判断は自分が担当。

// BACKGROUND — なぜ作ったか

「目標を立てても続かない」という問題は、目標が大きすぎてタスクに落とせていないか、進捗の可視化ができていないことが原因が多い。 単なるTodoアプリではなく、大きな目標を段階的にタスクに分解し、AIが振り返りを支援することで、目標達成を構造的にサポートするWebアプリを作ろうと考えた。

// WHAT I DID — 何をやったか

Laravel(バックエンド) + Next.js(フロントエンド)で目標達成支援Webアプリをフルスタックでゼロから構築した。 主な機能:目標の階層構造管理(大目標→中目標→タスク)・進捗の可視化・AI振り返り支援。テストはPHPUnit(ユニット・機能)・Vitest(コンポーネント)・Playwright(E2E)のテストピラミッドを整備し、APIカバレッジ90%以上・E2Eクリティカルパス100%を目標に設計した。

// MY DECISIONS — 自分が設計・判断した部分

フルスタックテストピラミッドの設計は自分が方針を定めた(バックエンドはPHPUnit、フロントはVitest、E2EはPlaywright)。「目標の階層構造」というデータモデル設計も自分が決めた。

// TECH DETAIL — 技術的な工夫

- **Laravel 12 + Laravel Sanctum**:RESTful API・認証 - **Next.js + TypeScript**:フロントエンド・App Router - **テストスタック**:PHPUnit(バックエンド80%+カバレッジ目標)・Vitest + React Testing Library・Playwright(E2E)

// SCREENSHOTS

Goal Achiever screenshot 1
1 / 7

// RELEASE NOTES

v2.02025-12

テストスタック整備(PHPUnit/Vitest/Playwright)・AI振り返り支援実装

v1.02024-08

目標階層管理・進捗可視化MVP

開発開始: 2024-08最終更新: 2025-12