サインアップとレビュー機能の大混乱
今回は、サインアップ機能とレビュー投稿機能の実装に挑戦することになった。しかし、基本的な認証の仕組みが理解できず、大きな壁に直面することに…
TAKA: 「よし！サインアップ機能の実装だ！簡単そうだな！」
AI老師: 「まずはユーザーモデルの設計から始めましょう」
TAKA: 「モデル？難しそう…とりあえずコピペでいきましょう！」
エラーの嵐との遭遇
TAKA: 「あれ？エラーが出ました」
Error signing up: User validation failed: username: Path `username` is required.
AI老師: 「ユーザー名が必須フィールドとして設定されているのに、送信されていないようですね」
TAKA: 「えー！なんでそんな面倒なことに…」
ログイン機能の混乱
TAKA: 「次はログインですね」
AI老師: 「そうですね。認証トークンの処理も必要になります」
TAKA: 「トークン？もういやになってきた…」
Error logging in: Bad Request
TAKA: 「またエラー！」
レビュー機能への挑戦
TAKA: 「レビュー機能も実装しないと…」
AI老師: 「そうですね。まずはレビューモデルを作成して…」
TAKA: 「もう疲れた！とにかく動けばいいじゃないですか！」
document.getElementById('review-form').addEventListener('submit', async (event) => {
event.preventDefault();
const rating = document.getElementById('rating').value;
const comment = document.getElementById('comment').value;
// ここで何をすればいいの？
});
トークン認証の謎
AI老師: 「レビューを投稿するにはトークン認証が必要です。ローカルストレージから…」
TAKA: 「もういいです！説明なんていりません！とにかく動くコードをください！」
AI老師: 「しかし、セキュリティのために重要な…」
TAKA: 「セキュリティとか知りません！動けばいいんです！」
未解決の課題山積み
結局、以下の問題が未解決のまま残ることに：
- サインアップ時のユーザー名バリデーション
- ログイン時の認証エラー
- レビュー投稿機能の不具合
- トークン認証の仕組みの理解
【AI任せプログラマーTAKAの今日のひとこと】
TAKA:（心の声）「なんでこんなに面倒くさいんだよ！バリデーションだのトークンだの、難しい言葉ばっかり…。結局今日も何も完成しなかったし、AI老師は説明ばっかりして全然助けてくれない。こんなの誰が分かるんだ～！もう嫌…」