#138 AIに「教えて」と言われ、デバッグ沼から抜け出せた話

ツールの不便を解消しようとAIに頼んだら、思わぬデバッグ作業に。でも、そのおかげで新しい知識が身につきました。

こんにちは、ちーみつです。
AIを少しずつ取り入れて、
毎日をちょっとラクに。
生まれた余裕がやさしさを育て、
やさしさが広がる未来を願って発信しています。

今回は、Midjourneyの画像を効率的にダウンロードするために、バイブコーディングでChrome拡張機能を作ってみたときのお話です。
「AIに頼めばすぐできるはず」と思っていたのですが、意外なところでつまずいてしまいました。

きっかけは「ちょっとした不便」

先日、Midjourneyで生成した画像をまとめてダウンロードできるChrome拡張機能を作りました。

もともと使っていた拡張機能があったのですが、一度に選択できる画像の数に制限があり、少し不便に感じていたのがきっかけです。

以前作ったのは、ポップアップから画像を選択してダウンロードします。

「それなら、今のツールを元に、もっと便利なものを作れないか？」

そう思い立ち、AIに相談しながら新しい拡張機能の開発を始めました。
MidjourneuyのWebページ上でダウンロードしたい画像にチェックを入れるだけで、選択したものだけを一括で保存できる。
そんな便利なツールを目指して。

完成品は前回投稿しました。

AIと挑む、想定外のデバッグ作業

「元になるプログラムがあるから、少し修正するだけだろう」

正直、そんなふうに少し甘く見ていました。
ところが、いざ手をつけてみると、思わぬ問題が次々と発生します。

チェックマークがうまく表示されなかったり、
なぜか動画だけがダウンロードできなかったり…。

修正を繰り返すうちに、今まで正常に動いていたはずの機能まで、おかしくなってしまう始末。
まるで、もぐらたたきのようでした。

設計図もなしに「作り替えるだけ」と油断していたのが、原因だったのかもしれません。

AIに「教えて」と言われて

自分だけでは解決の糸口が見えず、途方に暮れていたときのこと。
AIに状況を伝えると、意外な言葉が返ってきました。

「ブラウザの検証メニューに表示されている内容を教えてください」

正直、「そこもAIが自動で見てくれたら…」なんて思ってしまいましたが、言われるがままに検証メニューを開き、表示されたエラーメッセージをAIに伝えました。

もちろん私には、そこに書かれていることはさっぱりわかりません…

すると、AIは的確な修正案を提示してくれたのです。

このやりとりを繰り返すうちに、私は一人でデバッグ作業を進めるスキルを、自然と身につけていました。

最後に

拡張機能でもウェブページでも、
何かを一つ完成させるたびに、
そこには必ず新しい学びがあると感じます。

毎回すんなりとはいきませんが、
AIに任せきりにしているつもりでも、
一つ乗り越えるごとに知識が少しずつ増えていく。

そんな実感があります。

もし、あなたが「面倒だな」と感じている作業があれば、
AIに相談してみることから始めてみませんか。

最後まで読んでいただき、
ありがとうございました。

---

関連記事