ブログアプリ仕上げ編
基本機能が完成したら、品質向上とデプロイで仕上げましょう！
仕上げチェックリスト
機能テスト
- ユーザー登録ができる
- ログイン・ログアウトができる
- 記事の作成ができる
- 自分の記事の編集・削除ができる
- 他人の記事は編集・削除できない
- 未ログイン時は記事作成できない
UI/UX
- ローディング表示がある
- エラー時にメッセージが表示される
- レスポンシブ対応している
セキュリティ
- パスワードはハッシュ化されている
- SECRET_KEYは環境変数化されている
- .envはGit除外されている
AIにコードレビューを依頼
プロンプト例
以下のファイルをレビューしてください。 [コードを貼り付け] 確認観点： 1. セキュリティ上の問題 2. パフォーマンスの問題 3. エラーハンドリング 4. コードの可読性 5. ベストプラクティスに沿っているか 改善点があれば修正案も提示してください。
デプロイ
推奨構成
Frontend
Vercel
Backend
Railway / Render
Database
Railway MySQL
デプロイ手順
- 1. GitHubにプッシュ
- 2. RailwayでMySQL + Backendをデプロイ
- 3. VercelでFrontendをデプロイ
- 4. 環境変数を設定
- 5. 動作確認
発展課題（チャレンジ）
基本機能が完成したら、以下の機能追加にチャレンジしてみましょう！
画像アップロード
記事にサムネイル画像を追加
コメント機能
記事にコメントを投稿できるように
いいね機能
記事にいいねできるように
タグ機能
記事にタグを付けて分類
検索機能
タイトル・本文で記事を検索
プロフィール編集
ユーザー情報を編集できるように
おめでとうございます！
中級編を完了しました！
習得したスキル：
- ✓ アプリケーション設計
- ✓ Docker環境構築
- ✓ MySQL + FastAPI連携
- ✓ JWT認証の実装
- ✓ Next.jsでの認証管理
- ✓ テストとコードレビュー
- ✓ デプロイ
次のステップ
-
→
オリジナルアプリを作る
学んだことを活かして、自分のアイデアを形に
-
→
発展課題にチャレンジ
画像アップロード、コメント機能などを追加
-
→
ポートフォリオとして公開
GitHubにコードを公開、本番環境で運用