AIでシステム開発の進め方はどう変わったか｜デザインより先に、実物を作って見せる

お客様のサイトを刷新したときの話です。このとき、開発の進め方を変えました。変えられたのは、バイブコーディングがあったからです。

バイブコーディングとは？

バイブコーディングは、AIの研究者アンドレイ・カルパシー氏が2025年2月に名付けた言葉です。英国のコリンズ英語辞典は、2025年の「今年の言葉」に選びました。

バイブコーディングの質が上がり、先に実物を作れるようになった

先に実物を作るやり方は、以前は手間が見合いませんでした。デザインを依頼して上がってくるまでにも、半日から1日かかっていたからです。

いまは Claude Code を使い、専属のデザイナーを置かずに進めています。

先に実物を見せると打ち合わせはどう変わったか

挙動や処理を含めて、実際の製品を解像度高く見てもらえるようになりました。

画面のデザインを作るツールの Figma も、同じことを言っています。

When someone brings a working prototype into a pillar workshop, the discussion changes completely. You can immediately tell what works in practice versus what only sounds good in theory.

（訳）動くプロトタイプ（試作）を誰かがワークショップに持ち込むと、議論がすっかり変わります。実際にうまくいくものと、理屈の上で良さそうに聞こえるだけのものが、すぐに見分けられるのです。

引用: 「Prototypes Are the New PRDs」（Figma、2025年12月）

デザインでは見えなかった挙動や処理の話が出てくる

どれも、デザインには出てこない部分です。管理画面は、運営する側が使う画面を指します。

先に実物を見せた結果、手戻りが減り、刷新が早く進んだ

費用を抑えられたのは、やり直しが減ったことに加えて、デザインと実装で同じ画面を2回作らなくなったからです。

まとめ

• バイブコーディングの質が上がり、デザインを別に作らず、手早く実物を作ってから見せられるようになった
• 実物を見せると、挙動や処理まで見てもらえ、常に具体的なフィードバックが返ってくる
• その結果、手戻りが減り、刷新が早く進んだ。費用も抑えられ、納得のいくものが出来上がった

サイトやシステムの刷新の進め方で迷っている方は、お気軽にご相談ください。