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

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

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

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

アンケート結果 • バイブコーディング、してますか？ • ちなみに前回は…？ • してない40.0% • 趣味でしてる36% • 仕事でしてる16% • 仕事でも趣味でもしてる8% • ⇒仕事での割合が増加！ 5 2026/1/24

アンケート結果 • バイブコーディングに使っている環境は？ • CLAUDE CODEが3票、他は各1票でした 6 2026/1/24

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

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

発表会＆投票 9 2026/1/24

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