テクノロジー

バイブコーディングで GUI が壊れていく理由とその対策プロンプト

1: qpci32siekqd 2026/09/16 07:02

GUI、最初に画像生成してHTMLにして渡してゴール決めても全然違うのが出てきたり、ちょっと修正すると他も崩れる印象がある。スクリーンショット見せても人と見え方が全然違っているので指示が効きにくい

2: nguyen-oi 2026/09/16 07:09

AIにプロンプト唱えてGUI制御させる設計呪文ワロタ。結局クラシックな設計パターンに行き着くのね

3: otchy210 2026/09/16 07:39

GUI に関してはコードを見ないまでも「こことそこのコンポーネント共通化されてないよね?」「マージンの差異はデザイントークンで吸収して」「ここのアニメは duration 長すぎ」とかかなり具体的に指摘してる。

4: yamadadadada2 2026/09/16 08:05

ここまで込み入った話でなくとも、なんとなく画面の話はロジックほどスムーズにいかないという気がしてる。その割に「え!これは簡単にできるの?」と思うこともあるんだよな

5: awawann 2026/09/16 08:16

めちゃたすかる

6: jintrick 2026/09/16 08:19

Terra「要するに「状態遷移の決定者が一箇所にいない」設計が根本原因です。」

7: nakag0711 2026/09/16 08:24

バイブコーディングといえば聞こえはいいが設計なしに泥縄式機能追加を重ねるわけだからそりゃスパゲッティになるよねえ。いくら開発者が優秀でも先行き見通せないとこうなる

8: kshtn 2026/09/16 08:41

もうプロンプトがコードになってんじゃん。AIは copilot 以上にはなれないと思うけどな