【第3回】60分で爆誕！バイブコーディング・生成AIアプリ制作

アジェンダ • システムエンジニア友の会とは？ • バイブコーディングって何？ • アンケート結果 • 本日の流れ • ★アプリ作成★ • 発表会＆投票＆振り返り 2 2026/5/30

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

バイブコーディングって何？ • バイブコーディング（VIBE CODING）とは、その場のノリや直感、ひらめきを大切に しながら、短時間で一気にコードを書くスタイルのことです。 • 完成度よりスピードと楽しさ重視 • その瞬間のアイデアを形にする • AIや便利ツールを活用してコーディング効率を爆上げ • ハッカソンやライブコーディングのような高揚感を味わいながら、クリエイティブ に開発を進められるのが魅力です。 4 2026/5/30

アンケート結果 バイブコーディング経験（N=23） • バイブコーディング、してますか？ • してない17% （前回36%） • 趣味でしてる43% （前回31%） • 仕事でも趣味でもしてる26% （前回18%） • 仕事でしてる13% （前回15%） 仕事でしてる 13% してない 17% 仕事でも趣味 でもしてる 26% 趣味でしてる 44% バイブコーディングの広がり…！ 5 2026/5/30

アンケート結果 • バイブコーディングに 使っている環境は？ 使用ツール（名寄せ後・複数回答あり） Claude Code 3 Codex Claude Codeの人気 2 Cursor 1 GitHub Copilot 1 Gemini 1 Antigravity 1 DeepSeek 1 VSCode 1 Obsidian 1 0 1 6 2 2026/5/30 3

本日の流れ • この後、60分で「生成AIを使ったアプリ」を作ります！ • 今日の参加者 • アプリ作る人：4名 • 見るだけの人：19名 • アイデアを発揮しましょう！ • 作ったアプリを発表します！ • どのアプリが良かったか投票します！ • 振り返ります！ • アプリ作る人の自己紹介を軽く • お名前、お仕事、使うツール • 作るアプリ、意気込み 7 2026/5/30

★アプリ作成★ • 作成開始！ • （できれば）画面を共有 • 画面全体でなくとも • 適度に画面を切り替えたりして • 音はミュート • ときどきチャット 8 2026/5/30

発表会＆投票 9 2026/5/30

振り返り • アプリ作る人 • 作ってみてどうでした？ • 見るだけの人 • 見ててどうでした？ • 出来そうな気がしました？ • 次回について！ 10 2026/5/30