【第1回】僕の考えた最強のバイブコーディング

121 Views

February 23, 26

スライド概要

バイブコーディング勉強会、初回です。
2026/2/23開催。

profile-image

システムエンジニア友の会、代表です。 勉強会で使った資料を共有します。

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

(ダウンロード不可)

関連スライド

各ページのテキスト
2.

お品書き 1. システムエンジニア友の会とは? 2. アンケート結果 3. バイブコーディングって何? 4. バイブコーディングなツールの例 5. バイブコーディングな記事 6. バイブコーディングのデモ 7. バイブコーディングの課題 8. 僕の考えた最強のバイブコーディング 9. バイブコーディングのネタ 10.僕が作ったやつ 11. ディスカッション 12. まとめと次回予定 2 2026/2/23

3.

システムエンジニア友の会とは? • システムエンジニアの、システムエンジニアによる、システムエンジニアのための友の会です。 • SEやIT業界の人たち、老若男女問わず、みんなで幸せになることを目指します。 • そのために、SEのための学びのネタを幅広に取り扱っていく、そういう場を作っていきます。 3 2026/2/23

4.

アンケート結果 • バイブコーディングしてますか? ➢してる:53% ➢してない:47% 4 2026/2/23

5.

アンケート結果 • バイブコーディングに使っているサービス、ツール、環境は? ➢CLAUDE CODE : 4名 ➢CODEX : 3名 ➢CURSOR : 2名 ➢CHATGPT : 1名 ➢CLINE : 1名 ➢フライパン・包丁 : 1名 5 2026/2/23

6.

バイブコーディングって何? • バイブコーディング(VIBE CODING)とは、その場のノリや直感、ひらめきを大切に しながら、短時間で一気にコードを書くスタイルのことです。 • 完成度よりスピードと楽しさ重視 • その瞬間のアイデアを形にする • AIや便利ツールを活用してコーディング効率を爆上げ • 2025年2月に生まれた言葉で、定義はやや曖昧。 6 2026/2/23

7.

バイブコーディングなツールの例 # ツール名 種類 無料プラン 個人向け有料プラン(月額USD) 1Claude Code CLI型エージェント - Pro $20 / Max $100 / Max20x $200 2Cursor AI IDE(VS Code系) 2000補完/月 Pro $20 / Pro+ $60 / Ultra $200 3 GitHub Copilot IDE拡張 無料枠あり Pro $10 / Pro+ $39 4Windsurf AI IDE 無制限補完 Pro $15 5Cline VS Code拡張 OSS(無料) 無料(APIキー自前) 6Bolt.new Webアプリビルダー 150Kトークン/日 Pro $29 / Pro100 $100 7Lovable Webアプリビルダー 5メッセージ/日 Pro $25 8Replit クラウドIDE 制限付きAI Core $25 9Firebase Studio クラウドIDE(Google) 3ワークスペース無料 無料(プレビュー中) 10ChatGPT Codex エージェント型 - Plus $20 / Pro $200 7 2026/2/23

8.

バイブコーディングな記事① • バイブコーディングがあらゆる業界の働き方を変えようとしている理由 ➢【メリット】 コーディングスキルがなくても試作や社内ツールの作成ができるようになる ➢【注意点】 セキュリティや品質管理などのリスクがあるため、ミッションクリティカルなシステムには向 かない ➢【やり方】 AIツールに、コードの書き方(HOW)ではなく、何をしたいか(WHAT)を伝えて反復的に改善 ➢【求められるスキル】 技術的な熟練度よりも、構造的な思考力・判断力・明確なコミュニケーション能 力 ➢【将来展望】 エンジニアリング資源が空くのを待たずにアイデアを検証できるようになる「能力の根本 的な転換」であり、どの企業も無視できない 今日、話したいことを大体言われた感 8 2026/2/23

9.

バイブコーディングな記事② • 「バイブコーディング」の名付け親、次は「エージェントエンジニアリング」だと語る ➢【バイブコーディングの次】 カーパシーさん曰く、次はAIエージェント自身がコードを書き上 げる「エージェントエンジニアリング」が来るとのこと ➢【業界への影響】 CURSORやLOVABLEなどバイブコーディング関連のスタートアップが急成 長中。 ➢【エンジニアの反応】 ソフトウェアエンジニア167人への調査では、約半数が「ついていけて いる」と回答する一方、27人が「遅れを感じている」と答えている とにかく変化が激しいので、 ほどほどに付き合うのもアリ 9 2026/2/23

10.

バイブコーディングのデモ • 背景が透けた時計アプリを作ってみましょう ➢Xでちょっと話題になったやつ 10 2026/2/23

11.

バイブコーディングの課題 • 動くけど中身が不明、人間の検証の限界(レビューしんどい) • セキュリティリスク(動くけどセキュリティがガバガバ) • 説明責任の問題、保守性どうなるの? • ライセンスや法的なリスク • AIツールが言うことを聞かない(思ってたものと違うものが出来た) 11 2026/2/23

12.

僕の考えた最強のバ(略) •「どうやるか(HOW)」よりも、「どんな理由で(WHY)」「何をや るか(WHAT)」の気持ちを持つ •モノ作りの基本はやっぱ大切 •バイブコーディングの課題解決すらAIに投げる 12 2026/2/23

13.

HOWよりもWHYとWHAT • どうやるかはAI任せ ➢事細かに指示することが逆にボトルネックになる可能性 ➢細かいプロンプトエンジニアリングは不要になりつつある • 「ITで出来ていることは大体できる」 ➢…くらいの気持ちでAIに投げる ➢ただし掛かる時間とコストは別問題(例:EXCEL) • ドラえもんに対するのび太の気持ち Nano Banana Proで生成 ※諸般の事情によりモザイク 13 2026/2/23

14.

モノ作りの基本 • 先人の知恵を活かしましょう ➢【ウォーターフォール開発】企画⇒要件定義⇒外部設計⇒内部設計⇒云々 ➢【アジャイル開発】小さく始めて育てる、MVP、バックログ、レトロスペクティブ、云々 • いきなり作り始めると、さすがのAIさんも後戻りしにくくなる • 「仕様駆動開発」「AI駆動開発」とかとも言われている • どうでもいいアプリづくりのときは、ノリで始めても全然OK! 14 2026/2/23

15.

バイブコーディングの課題はバ(略) • バイブな課題はバイブで解決 • レビューしんどい・・・レビューしてもらう ➢CLAUDE CODEさんをCODEXさんでレビューとか • 中身が分からん・・・設計書を書いてもらう(割と得意) • セキュリティガバガバ・・・セキュリティ対策をやってもらう • 法的にやばない?・・・ライセンスとか適法性をチェックしてもらう • 人間は上記を上手いことやりつつ、責任を取りましょう(笑) • 逆に人間がどこまで出来るか、というと…? 15 2026/2/23

16.

バイブコーディングのネタ • 趣味 ➢上場企業の情報をいい感じに分析するやつ ➢サイゼリヤのメニューで1000円ガチャ ➢「あれできるかな?」くらいでスタートOK • 仕事 ➢普段の仕事の一部を代替させるところからスタート ➢面倒事=バイブコーディングネタ 16 2026/2/23

17.

僕が作ったやつ • HTTPS://GITHUB.COM/QUATREXEX • ABYSS - 深海探査記録 ➢全部CLAUDE CODE ➢CI/CDでステキ ➢ユーザー数1043(2/23現在) 17 2026/2/23

18.

ディスカッション • バイブコーディングしてない人 ➢実際どうなん? ➢お金かかる? • バイブコーディングしまくってる人 ➢あのツールどうよ? ➢〇〇をやってみたい 18 2026/2/23

19.

まとめと次回予定 • まとめ ➢バイブコーディング最高 ➢エージェントエンジニアリング、って言葉、流行るかなぁ? ➢バイブコーディングの楽しさ > 仕事無くなる不安 • 次回予定 ➢モノ作りハンズオン ➢なにかご希望ありましたらどうぞ 19 2026/2/23