#185 良かれと思ったAIへの指示が、サイトを複雑にした話

良かれと思ったAIへの指示が、Webサイトを複雑にしていた話。

📩 メルマガ無料登録でプレゼント↓
▶︎ https://chi3.substack.com/about

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

先日、
バイブコーディングで念入りに作った
Webページのデザイン。
修正するより作り直したほうが早かったという実体験です。

なぜ、作り直しを決めたのか

そのページを作った時、
私は良かれと思って、AIにとても
細かい指示を出しながら進めました。

要件定義書をちゃんと作った方がいい。

前から聞いていたこの言葉が頭に残っていて、
しっかりと準備して作りました。
（その割にはしっかり準備したことはなかったですが…笑）

その結果、
一見整理されているように見えて、
実はファイルが細かく分割されたり
無駄に必要のない技術を使ったページが
出来上がってしまいました。

いざデザインを少し直そうと、
AIにお願いしても変わらず…

もちろん私がコードを見ても
わかりません。

簡単に修正できそうなことすら
ままならない状態に陥ってしまったのです。

こんなことがあったので、
可能ならもっと扱いやす
いシンプルな構成で作り直した方が、
将来的に絶対に良いと判断しました。

AIに頼んでも、作業が止まってしまった…

作り直しを決意し、
まずはいつもバイブコーディングで
使っているCodex CLIやGemini CLIに、
「この複雑なページを、シンプルな構造で
作り直して」
と、一括での変換をお願いしてみました。

ところが、です。

タスクが複雑すぎたのか、
どちらのツールも途中で作業が
止まってしまったのです。

うんともすんとも言わなくなり、
何度か指示を繰り返しても、
ページが完成することはありませんでした。

最初から作成するときは一気に全体を作ってくれたのに…

一瞬こんなことを思いましたが、
ダメなら他のツールを使うしかないです。

Kiroが、救世主になった

そこで、アプローチを変えてみることに。

同じくMacで使えるコーディングツールで、
Claude Sonnetを搭載した「Kiro」を使いました。

まずはCodex CLIやGemini CLIの時と同じように
最小限の構成で作り直してと指示しました。

すると、
途中で止まってしまった作業が
驚くほどスムーズに進みました。

そして少ないファイル数で
同じようなサイトが完成！

作り直さず進まない作業に悩み続けるループから抜け出しました！
細かい設定は手直ししましたが、
大した作業ではありませんでした。
作り直してよかったです！

最後に

良かれと思って出した細かく設定したために、
かえって全体の構造を複雑にしてしまうとは、
まさに盲点でした。

以前は細かく決めた方がいいとよく聞きましたが、
きっと今は違います。

私のように知識のない人が
バイブコーディングで何かを作ろうと思ったときは、
必要なこと以外はAIにお任せする方がうまくいくようですね。

以前よりバイブコーディングの壁が下がってきているのを感じました。

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

関連記事

音声配信

投稿を音声でも配信しています。
移動中や作業中に、ぜひお聞きください。

・stand.fm
・Apple Podcast
・Spotify

SNS

X : https://x.com/chi3_jp
Instagram : https://www.instagram.com/chi3jp_aiart/

🎁メルマガ無料登録プレゼント

メルマガ登録で、以下の4つのツールを今すぐお受け取りください。

* AIプロンプト集：AIへの質問が的確になり、思考がクリアに。
* Midjourney srefコード集：コピペで、イメージ通りの画像を即生成。
* Chrome拡張機能：私が作った拡張機能たち。

登録は無料で、いつでも解除できます。

下のリンクから、プレゼントをチェック
↓