Chrome拡張機能をバイブコーディングで作ってみたお話 - DTダイナミクス テックブログ

はじめに バイブコーディングとはなんぞや？ 作ったもの紹介 概要 技術スタック デモ 開発ステップ まとめ 最後に はじめに DTダイナミクスで板金・溶接Webの開発をしている森口です。 昨今話題となっているバイブコーディング。 長期休暇が始まり、まとまった時間が取れましたので、バイブコーディングを体験してみました。 社内の用語を検索するchrome拡張機能を作りたいと思っていたので、今回はこれを題材にバイブコーディングを体験していこうと思います！ バイブコーディングとはなんぞや？ バイブコーディングを一言で言うと、「コーディングの大部分をAIに任せちゃおう！」というものです。 AIとチャットでやり取りしながら、感覚(バイブス)で開発を進めていくことから「バイブコーディング」と言われており、完璧なものを最初から目指すのではなく、動くものをまずは作ることを重要視しているようです。 作ったもの