---
title: 【第3回】60分で爆誕！バイブコーディング・生成AIアプリ制作
tags:  #バイブコーディング #生成ai #システムエンジニア友の会 #アプリ開発 #aiエージェント  
author: [Quatrex](https://image.docswell.com/user/Quatrex)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/4JQYZXLY7P.jpg?width=480
description: 2026年5月30日に開催した「【第3回】60分で爆誕!バイブコーディング・生成AIアプリ制作チャレンジ」の資料です。 ノリや直感を大切にしながら短時間でコードを書くスタイルを実践し、生成AIを活用したアプリ開発に60分で挑戦しました。
published: June 07, 26
canonical: https://image.docswell.com/s/Quatrex/KY8VWR-2026-05-30
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/4JQYZXLY7P.jpg)



# Page. 2

![Page Image](https://bcdn.docswell.com/page/K74W36DZE1.jpg)

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


# Page. 3

![Page Image](https://bcdn.docswell.com/page/LJ1Y1VZDEG.jpg)

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


# Page. 4

![Page Image](https://bcdn.docswell.com/page/GJWG8L9872.jpg)

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


# Page. 5

![Page Image](https://bcdn.docswell.com/page/4EZL8M9973.jpg)

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


# Page. 6

![Page Image](https://bcdn.docswell.com/page/Y76WPNKD7V.jpg)

アンケート結果
• バイブコーディングに
使っている環境は？
使用ツール（名寄せ後・複数回答あり）
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


# Page. 7

![Page Image](https://bcdn.docswell.com/page/G75MK5P874.jpg)

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


# Page. 8

![Page Image](https://bcdn.docswell.com/page/9J29WN6VER.jpg)

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


# Page. 9

![Page Image](https://bcdn.docswell.com/page/DEY4LP9QJM.jpg)

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


# Page. 10

![Page Image](https://bcdn.docswell.com/page/VJNY45L278.jpg)

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