Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
バイブコーディングの紹介
Search
mabubu0203
May 24, 2025
Programming
0
12
バイブコーディングの紹介
mabubu0203
May 24, 2025
Tweet
Share
More Decks by mabubu0203
See All by mabubu0203
ペットの迷子を解決(20230929)
mabubu0203
0
420
20221013 (Web)API仕様書を作る理由
mabubu0203
0
520
20210927 転職活動のお話
mabubu0203
0
150
20220605 GraphQL実装してみた
mabubu0203
0
100
Other Decks in Programming
See All in Programming
「App Intent」よくわからんけどすごい!
rinngo0302
1
100
レベル1の開発生産性向上に取り組む − 日々の作業の効率化・自動化を通じた改善活動
kesoji
0
290
AI駆動のマルチエージェントによる業務フロー自動化の設計と実践
h_okkah
0
220
Deep Dive into ~/.claude/projects
hiragram
14
13k
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
ahmedbhs123
0
210
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
12
6.9k
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
15
5.5k
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
bash0c7
1
930
テスト駆動Kaggle
isax1015
1
530
PicoRuby on Rails
makicamel
2
140
生成AI時代のコンポーネントライブラリの作り方
touyou
1
280
新メンバーも今日から大活躍!SREが支えるスケールし続ける組織のオンボーディング
honmarkhunt
5
8.5k
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Building an army of robots
kneath
306
45k
GitHub's CSS Performance
jonrohan
1031
460k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
510
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
The Cult of Friendly URLs
andyhume
79
6.5k
Building Adaptive Systems
keathley
43
2.7k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Documentation Writing (for coders)
carmenintech
72
4.9k
Transcript
バイブコーディングの紹介 個人開発 作成者:nekonare
自己紹介 uratam nekonare 2023/06 〜 XX会社Lurest 2025/06 〜 istyle LITALICO
公務員 迷子ペット解決 IT開発支援 ペット事業 IT開発支援 得意:構成・業務設計・自動化・ AI活用 苦手:UIデザイン / 配色センス 美容 障害福祉 ペット 現在は、育児に参加しながら 生成AIを活用しながら 日々開発しています。 ※ 妻曰くできていないそう
目次 • 自己紹介 • 開発の壁 • 解決策 • 実演 •
なぜこの開発スタイル • 今後の展望 • 感想 • まとめ • 提案
開発の壁:一人開発の限界とは? 作りたいものはある。 でも… 設計、UI、API連携まで全部一人でやるのは重 すぎる 手が止まり、アイデアが形にならない
バイブコーディング(Web) 人間:資料を開発特化AIに import 生成AI: WebAppを即作成 人間:開発特化AI上で修正指示 生成AI: Github にリポジトリを作成 人間:AI、入力ソースを切り替える
→「まるでAIとペアプロしている感覚」 解決策:生成AIによる開発分業とは 要件整理・資料化 生成AI: Markdown形式の資料を作成 人間:Githubに保存 Github: PDF化 〄Pandoc Sample https://github.com/lurest-inc/pandoc_sample
〄Pandoc Sample https://github.com/lurest-inc/pandoc_sample markdowns/00-template/output/document.pdf → Github上でもPDFファイルを閲覧可能に
ミドルウェア調達やリリース 生成AI: ミドルウェアを調査・選定 人間:提案されたミドルウェアを採用 人間:ローカル環境で確認・調整 人間:デプロイ & リリース! 解決策:生成AIによる開発分業とは バイブコーディング(local)
人間:Github から Clone 人間:エディタ+AI上で修正指示 生成AI: Github に Push 人間:Pull Request で Merge
解決策:生成AIによる開発分業とは(おさらい) 資料作成 (ChatGPT) Githubに保存 PDF化 バイブコーディング (v0) Githubに保存 バイブコーディング (Cursor)
Deploy Release
実演:v0でのUI自動生成 1. 下記URLにて、「資料import → 自動生成」のサンプルを配信 v0: https://v0.dev/chat/ZVME8K2rCNZ 2. v0上で修正指示 3.
v0上で create repository UI開発は、“説明するだけ” の時代へ。
理由:なぜこの開発スタイルを選んだのか? コードを自動生成する技術に関心があり、 ドキュメントとコードを乖離させたくなかった。 生成AIは365日間、24時間無休で相手してくれ る。
今後の展望:生成AIがもたらす未来 過去に作成した資料を添付して、 「最新版でブラッシュアップして」で、 成果物を最新化してくれる。
感想:実際に使ってみて 良かった点と課題 ✅ 良かった点 「とにかく動くもの」がすぐ作れる。 ⚠ 課題 意図が伝わらないときの修正は根気が必要 -> 生成AIは「任せきり」ではなく「一緒に考える
相方」
まとめ:生成AIは “相棒” である 生成AIは、作業を肩代わりしてくれる存在では なく「アイデアを加速し、壁打ち相手になる存在」 技術に詳しくない人でも “1人でリリースできる”時 代が来る
提案:業務での活用にも応用できるのでは? 要件定義書やFigmaをインポートして、 MVP(実用最小限のプロダクト)を AIで仮組み デモで “体感” してもらう新しい営業手法
ごあいさつ ご清聴ありがとうございました。