AI(Copilot経由Claude Sonnet)を使って「ネオクラ・旧車向け情報サイト」を立ち上げるまでに直面した、リアルなエラーと「正しい指示」の出し方

記事
IT・テクノロジー

【1】 はじめに:AI駆動開発は、決して魔法ではない

「AIを使えば、非エンジニアでもプログラミングなしで、一瞬で思い通りのシステムやサイトが作れる」

最近、ネットやSNSでこのような魅力的な言葉をよく目にしませんか?
確かにChatGPTやClaudeといった生成AIの進化は凄まじく、まるで魔法の呪文を唱えるだけで、目の前でコードが組み上がっていくような感覚を覚えます。

しかし、現役のシステムエンジニア(SE)として14年以上のキャリアを持つ私から言わせれば、現実のAI駆動開発はそこまで甘いものではありません。

断言します。AIは魔法の杖ではなく、「超優秀だが、時々ものすごく頑固で迷子になりやすい新人エンジニア」です。

正しいロードマップと仕様の与え方を知らないまま丸投げすると、AIはあっという間にエラーの迷宮に迷い込み、開発は確実に頓挫します。本記事では、私が実際にAIを相棒にして「ネオクラ・旧車向け情報サイト」をローンチするまでに直面した、綺麗事抜きの泥臭い開発のリアルをお届けします。


【2】 実績:AIと14年のSE経験が作った、ネオクラ・旧車向け情報サイト

私が今回、開発の相棒に選んだのは、Copilotを経由して呼び出す「Claude(Sonnet)」でした。最新の高度なコーディング能力を持つAIです。

このClaude(Sonnet)と私の14年のSE経験を掛け合わせ、実際にWeb上にローンチし、現在も正常に稼働している成果物が、私の運営する「ネオクラ・旧車向け情報サイト」です。

スクリーンショット 2026-05-28 115334.png


個人が趣味でゼロから手組みするには少し骨の折れる、洗練されたレイアウトとモダンなシステムを備えた情報サイトですが、AIを適切にナビゲートすることで、破綻することなく本番環境へデプロイすることができました。

これだけのクオリティのサイトが、AIとの対話で生まれる。それは紛れもない事実です。
しかし、この完成形にたどり着くまでには、AIが吐き出す「エラーの無限ループ」という深い闇を潜り抜ける必要があったのです。


【3】 恐怖のデバッグループ:直すと別エラー、戻すと元通り。Claude(Sonnet)と格闘した夜

情報サイトの構築が中盤に差し掛かった頃、それは突然起きました。

ある機能を実装中、Claude(Sonnet)が吐き出したコードを適用すると、画面に真っ赤なエラーが表示されたのです。「あ、バグだな」と思い、そのエラー文をそのままClaudeに貼り付けて、「直して」と指示を出しました。

AIは「申し訳ありません、修正します」と、すぐに新しいコードを出力してくれます。よしよし、と思ってそれを反映すると……今度はまったく別の場所で新しいエラーが発生。

慌ててその新しいエラーをClaudeにフィードバックすると、AIはまた「修正しました」とコードを出してくるのですが、それを適用すると、なんと「一番最初の最初のエラー」に巻き戻ってしまったのです。

Aのエラーを直すと、Bのエラーになる。

Bのエラーを直すと、またAのエラーに戻る。

まさにデバッグのデッドロック(無限ループ)。昨日の夜直したはずのバグが、形を変えて目の前に戻ってくるあの絶望感。AIはこちらが同じ指示を繰り返しても、まるで「知ったかぶり(ハルシネーション)」をするように、同じゴミコードを交互に出力し続けるモードに入ってしまったのです。

エンジニア経験のない非エンジニアの方なら、間違いなくここで頭が真っ白になり、開発を挫折(諦めて放置)してしまう瞬間だと思います。


【4】 突破口:無限ループを脱出した「視点の切り替え」と「別案へのピボット」

この泥沼の無限ループを前にして、私は14年のSE経験の引き出しを開けました。

AI駆動開発でこのループに陥ったとき、「同じアプローチのまま、指示の言葉(プロンプト)だけを変えてAIに再質問する」のは、完全に不毛な悪手です。AIの脳(コンテキスト)がバグの迷路に囚われているため、何度聞いても同じルートをぐるぐる回るだけだからです。

私はゴリ押しで同じ指示を続けるのをやめ、以下の「プロのデバッグアプローチ」に切り替えました。

「別の視点」からアプローチを変えて指示を出す
AIに対して「バグそのものの修正」を求めるのではなく、「そもそもこのデータ構造を処理する別のロジックはないか?」と、実装の切り口を根本から変えるように指示(ナビゲート)を軌道修正しました。

それでもダメなら「別案へのピボット(代替案への変更)」を試す
AIが頑なに同じエラーを吐き続ける部分については、「その実装方法に固執しない」と判断。システムの仕様自体を、よりシンプルかつ安全に実現できる別の設計(代替案)へと、プロの判断で柔軟に変舵(ピボット)したのです。

この「視点の切り替え」と「引き出しの多さ」があったからこそ、Claude(Sonnet)は再び正常に走り出し、情報サイトは破綻することなく、無事に本番環境へとデプロイ(ローンチ)できました。


【5】 おわりに:AIを「迷子にさせない」手順書(一例)を、あなたに提供します

AI駆動開発は、驚くほど強力です。しかし、どれだけAIの性能が上がっても、「直すと別エラー、戻すと元通り」という迷宮の罠は、必ずどこかで発生します。

この罠にハマったとき、非エンジニアの方が自力で「別の視点」や「代替案へのピボット」を思いつくのは、正直に言って非常に困難です。なぜなら、そこにはベースとなる「システム設計の知識」や「開発の引き出し」が必要だからです。

AIを迷子にさせず、最後まで安全にゴール(ローンチ)へ導くために本当に必要なのは、魔法のプロンプトではなく、「開発をどう細分化し、どの順番でAIと対話していくか」という正しい地図(ロードマップ)なのです。

もし、あなたが今、
「AIを使って自分だけのサイトやツールを作ってみたい」
「AIに指示を出しているけれど、エラーばかり出て進まなくなってしまった」
と悩んでいるなら、ぜひ一度私にご相談ください。

私の14年のSE経験と、実際にAIを使って情報サイトを立ち上げたリアルなノウハウを詰め込み、あなたの「作りたいもの」に合わせた【AI開発用のロードマップ(手順書の一例)】をテキストレポートにて作成いたします。

AIという超優秀な新人を正しくナビゲートし、あなたの挑戦を確実な形にするための「設計図」として、ぜひご活用ください。まずはメッセージから、あなたの「作りたいイメージ」を気軽にお聞かせくださいね。お待ちしております!
サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら