AI任せのWeb開発奮闘記【第76話】

空っぽの画面との対面

深夜のコーディング作業。レビュー機能の表示テストを行っているが、画面が寂しい。

TAKA: 「えっと…レビューの表示テストするんですよね？」

AI老師: 「そうじゃ。まずは動画詳細ページにアクセスして、レビューセクションが正しく表示されているか確認するのじゃ」

TAKA: 「はい…あれ？なんか寂しいですね」

虚無との戦い

画面には「レビューがありません。」という寂しいメッセージだけが表示されている。

TAKA: 「これって…ちゃんと動いてるんですか？」

AI老師: 「エラーが表示されていないということは、正常に動作しているということじゃ。レビューがないだけでな」

TAKA: 「じゃあ、テスト用のレビューとか入れられないんですか？」

AI老師: 「それは次のステップじゃ。まずは、現在のコードが正しく動作していることを確認しよう」

コンソールの確認

TAKA: 「コンソールも見てみます…」

開発者ツールを開き、コンソールを確認する。

TAKA: 「あれ？エラーないですね」

AI老師: 「そうじゃ。これは良い兆候じゃ。エラーがないということは、レビューの取得処理が正常に動作しているということじゃ」

TAKA:（心の声）「でも、なんかこう…寂しいというか…」

コードの再確認

TAKA: 「一応コードも見直してみます」

const reviewsResponse = await fetch(`/api/reviews/${videoId}`);
const reviews = await reviewsResponse.json();

const reviewsContainer = document.getElementById('reviews');
if (reviews.length > 0) {
    reviewsContainer.innerHTML = '<h3 class="text-lg font-bold">レビュー</h3>';
    reviews.forEach(review => {
        const reviewElement = document.createElement('div');
        reviewElement.classList.add('border-t', 'border-gray-200', 'py-2');
        reviewElement.innerHTML = `
            <p><strong>${review.user}</strong> - ${review.rating} Stars</p>
            <p>${review.comment}</p>
        `;
        reviewsContainer.appendChild(reviewElement);
    });
} else {
    reviewsContainer.innerHTML = '<p>レビューがありません。</p>';
}

AI老師: 「コードは問題ないな。レビューがない場合の処理もちゃんと実装されておる」

TAKA: 「でも、なんかこう…寂しいというか…」

AI老師: 「それは次のステップで解決するのじゃ。レビューを投稿する機能を実装していくからの」

空虚感との闘い

TAKA: 「次のステップまで待つんですか…」

AI老師: 「そうじゃ。開発には順序があるのじゃ。まずは基本的な表示機能を確実に実装し、そこから機能を追加していく」

TAKA:（心の声）「でも、こんな寂しい画面見せられるの嫌だなぁ…」

AI老師: 「その気持ちはわかるが、一つ一つ着実に進めていくことが大切じゃ」

TAKA: 「はぁ…」

テスト結果の確認

AI老師: 「では、テスト結果をまとめてみよう」

レビュー一覧の表示機能は正常に動作
レビューが存在しない場合のメッセージ表示も正常
コンソールにエラーは表示されていない
APIからのレスポンスも正常

TAKA: 「うん…まぁ、エラーが出ないだけマシですかね…」

AI老師: 「その通りじゃ。エラーがないということは、次のステップに進む準備が整っているということじゃ」

【AI任せプログラマーTAKAの今日のひとこと】

TAKA: 「今日はレビュー機能の表示テストを行いました。エラーは出なかったけど…なんかこう、寂しい感じの画面を見せられて気分が下がりまくり。『レビューがありません。』って…それ、わざわざ表示する必要あります？見なかったことにすればいいのに…。早く次のステップに進んで、この寂しさから解放されたいです…。プログラミングって、こういう虚無感と戦わないといけないんですかね…。」