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

>100 Views

March 14, 26

スライド概要

2026/3/14開催。

profile-image

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

シェア

またはPlayer版

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

(ダウンロード不可)

関連スライド

各ページのテキスト
2.

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

3.

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

4.

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

5.

アンケート結果 • バイブコーディング、してますか? • してない36% (前回41%) • 趣味でしてる31% (前回25%) • 仕事でも趣味でもしてる18% (前回16%) • 仕事でしてる15% (前回19%) 5 2026/3/14

6.

アンケート結果 • バイブコーディングに 使っている環境は? 6 2026/3/14

7.

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

8.

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

9.

発表会&投票 9 2026/3/14

10.

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