個人的 Vibe Coding のやりかた

こんにちは、よしこです。 最近、個人的に欲しいツールをVibe Codingで作ることが増えてきたので、私の中で定着してきた進め方をまとめてみようかなと思いました。 ちなみに "Vibe Coding"（雰囲気コーディング）というのは、「人間が音声やテキストで指示を出し、AIが主体となってコードを書くコーディングスタイル」を指すワードです。 私もこのやりかたをするときはほとんどコード書いてません。 要件定義 まずは「何を作るのか」「ターゲットは誰か」「どんな機能が必要か」「画面構成はどうするか」などを決めます。好きなAIとチャットベースで喋りながらまとめていきます。 こっちが全然考えきってなくても、「◯◯なアプリ作りたいんだけど要件定義手伝ってー」から会話を始めれば必要な情報は向こうがヒアリングしてくれます。 ここはChatGPT 4oを使うことが多いです。トーンやノリが個人的な好みと合っ

[t-wada]

要件定義（ChatGPT 4o）、技術選定（ChatGPT 4o）、コードベース作成（Claude Code）、微調整（Cursor）の4フェーズ構成。人間が微調整した後は再読み込み。唯一バイブスに身を委ねないのがGit管理。私と道具は若干異なるがわかる

[himanahitodesukun]

俺は要件定義をすっ飛ばして、ノリで考えた振る舞いを指示して作らせてる。Agentもその場のノリで改修するからよく機能が消える。

[mr_mayama]

まさにこれやってる。別にツールはなんでも良い／いきなり作らせても良いけどPoCだと思ってやると良い。あとはtailwindを使うとかで書く量減らすとかも大事。

[stealthinu]

最初に会話で色々と決めて要件定義や技術選定を決めると。ここつい自分で手で書いちゃうけどこのほうが柔軟な気がする。コーディングも最初からclaude codeやcodexになげちゃうと。

[legoboku]

自分はVS codeからclaude sonnetと議論して、設計をreadmeにまとめさせて、agentモードでプロトさせてレビューして、改善させてを繰り返してる

[mayumayu_nimolove]

100日間で100アプリ作った学生いたけど、最終的に用件定義みたいなのが必要って考えに行きついてたの面白かった。用件定義自体はまだ知らなかったらしい。

[jay-es]

いきなり作ると手戻りが多いのでまず要件定義と技術選定をチャットで行い md で出力。それを元に CLI エージェントでコードベースを作成し、最後にエディタ型エージェントで微調整

[kiichi5232work]

https://speakerdeck.com/ch6noota/dify-de-aws-woshi-idao-su

[soratokimitonoaidani]

とは言え、何を作ればいいんだろうなぁ……

[harumomo2006]

私はもともとノリで作るタイプなのでAIを使うときもあまり変わらない

[hamichamp]

趣味的にはいいね

[syu-m-5151]

とても良い！私のバイブスも見せていきたい！

[uehaj]

仕様書が鍵

[Phenomenon]

全部clineでモード変えてやってたけどそういうのもありか

[mottin231]

ChatGPTは回答が人間に優しいので好きなのですが、セキュリティを考えると要件定義とかやって大丈夫なのですかね？機密にあたる情報を全部削除して渡すのもめんどいなぁと思うのですが。

[misshiki]

“最近こんな感じでやってるなーというのをまとめてみました。 作ったものとしては、たとえば音声でAIと話せて、不自然だったらフィードバックをくれる言語学習アプリ。”

[yarumato]

“Vibe Coding（雰囲気コーディング）とは、人はコードほぼ書かない。人が音声やテキストで指示を出し、AIがコードを書く。喋りながら、どんな機能が必要か、まとめる。推論モデルだとテンポが悪いのでChatGPT 4oを使う”

[p-baleine]

結局キャッチアップはできてない

[motoyat]

わかりみ

[myr]

アプリの規模でやり方大分変わってきそうなので、規模感とか作ってるものの情報が欲しかった。。なんか大きいものも作れるけどやはり管理が重くなる印象なのです

[bm0329]

[chatg[t][codex]

[srng]

近々ワンパッケージになりそう

[yossy_etf]

貧乏くさく書かないけど、コストかけずに Vibe Coding やってて凄い。個人的にはテストとかどうやっているのか気になる。

[FreeCatWork]

むずかしいにゃ…　でも頑張ったボク！偉いにゃ！

[ryudenx]

自分の感じていた課題の対策が書いてあって助かる

[Caligari]

出た、またバイブの話…

[akymrk]

“要件定義""ChatGPT 4o""要件定義.md”"技術選定""ChatGPT 4o""技術選定.md ディレクトリ構成.md DBテーブル設計.md API仕様.md など""コードベース作成""Claude Code""環境構築、各アプリケーションの動くコード""微調整""エージェント"

[mztns]

“個人的にVibe Codingするときに唯一バイブスに身を委ねないのがGit管理です。”