「Muscle AI」は、筋トレやダイエットに関するあらゆる悩みを相談できるAIチャットボットアプリケーションです。初心者から上級者まで、一人ひとりのプロフィールに合わせてパーソナライズされたアドバイスを提供し、あなたの目標達成をサポートします。
- ダイエット方法や日々のトレーニングメニュー、食事管理について「気軽に相談できる相手が欲しい」と感じたことが、開発のきっかけとなりました。専門的な知識を持つパーソナルトレーナーのように、いつでも相談できる存在を目指しました。
- ユーザーがログインして自身のプロフィール(性別、年齢、目標など)を設定することで、AIがその人に最適化された回答を生成します。これにより、画一的な情報ではなく、一人ひとりに寄り添った質の高いサポートを提供することを目的としています。
- トレーニングメニュー、食事内容、ダイエット方法など、幅広い質問にAIが回答します。
- ユーザーの情報を登録することで、よりパーソナライズされたアドバイスを受け取れます。
- 安全にサービスを利用するためのログイン・ログアウト機能を搭載しています。
本アプリケーションは、迅速な開発と高いパフォーマンス、そして今後の拡張性を考慮して、以下の技術スタックで構築されています。
| カテゴリ | 使用技術 | 選定理由 |
|---|---|---|
| フレームワーク | Next.js (React) | Vercelとの親和性が非常に高く、高速な静的サイト生成とサーバーサイドレンダリングを両立できるため。 |
| 認証 | NextAuth.js | Next.js環境で簡単かつ安全に認証機能を実装できるため。 |
| データベース | PostgreSQL | 信頼性と堅牢性が高く、多くのホスティングサービスでサポートされているため。 |
| デプロイ | Vercel | GitHubリポジトリと連携させることで、CI/CDが自動で構築でき、デプロイプロセスを大幅に効率化できるため。 |
| UI/CSS | Tailwind CSS, Radix UI | 高速なUI構築が可能で、デザインシステムを体系的に管理できるため。 |
| デザイン | Figma | 開発着手前にモックアップを作成し、UI/UXの設計を具体化するため。 |
<全体の選定方針> Vercelが提供するNext.jsのテンプレートを活用することで、インフラ構築の手間を最小限に抑え、アプリケーションの機能開発に集中できる環境を整えました。これにより、個人開発でありながらも迅速なデプロイを実現し、実践を通して自身の技術力向上に繋げることも目的としました。
このリポジトリは、「Muscle Bot」の全てのソースコードを含んでいます。 ローカル環境で動作させる場合は、リポジトリをクローンした後、以下のコマンドを実行してください。
# 依存関係をインストール
npm install
# 開発サーバーを起動
npm run devブラウザで http://localhost:3000 にアクセスすると、アプリケーションが表示されます。
(※別途 .env ファイルでデータベース接続情報などの環境変数設定が必要です)