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
VibeCoding時代のエンジニアリング
Search
どすこい
May 11, 2025
Programming
1
380
VibeCoding時代のエンジニアリング
https://hack-1.com/
のキックオフでの講義の資料です!
どすこい
May 11, 2025
Tweet
Share
More Decks by どすこい
See All by どすこい
Cursor AI Agentと伴走する アプリケーションの高速リプレイス
daisuketakeda
1
110
2024年のAIやっていき 2025年のAIやっていき
daisuketakeda
0
31
データサイエンスをするつもりが、KPI数値算出がなーんできてないぜ!新卒1年目が配属1ヶ月で挑んだサブスクサービスのKPI数値算出タスク
daisuketakeda
0
460
Go Modulesの仕組み Bundler(Ruby)との比較を添えて
daisuketakeda
0
2.5k
Other Decks in Programming
See All in Programming
単体テストの始め方/作り方
toms74209200
0
440
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
240
Cloudflare Realtime と Workers でつくるサーバーレス WebRTC
nekoya3
0
400
関数型まつり2025登壇資料「関数プログラミングと再帰」
taisontsukada
2
810
技術懸念に立ち向かい 法改正を穏便に乗り切った話
pop_cashew
0
1.4k
Beyond Portability: Live Migration for Evolving WebAssembly Workloads
chikuwait
0
350
Elixir で IoT 開発、 Nerves なら簡単にできる!?
pojiro
1
120
セキュリティマネジャー廃止とクラウドネイティブ型サンドボックス活用
kazumura
1
170
複数アプリケーションを育てていくための共通化戦略
irof
10
3.8k
Perplexity Slack Botを作ってAI活用を進めた話 / AI Engineering Summit プレイベント
n3xem
0
650
Spring gRPC で始める gRPC 入門 / Introduction to gRPC with Spring gRPC
mackey0225
2
490
統一感のある Go コードを生成 AI の力で手にいれる
otakakot
0
3k
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
What's in a price? How to price your products and services
michaelherold
245
12k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Done Done
chrislema
184
16k
Facilitating Awesome Meetings
lara
54
6.4k
GraphQLとの向き合い方2022年版
quramy
46
14k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
GitHub's CSS Performance
jonrohan
1031
460k
Into the Great Unknown - MozCon
thekraken
39
1.8k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
16
920
Transcript
1 Vibe Coding時代の エンジニアリング どすこい Hack-1グランプリ 6限⽬ 2025.05.11
2 こんにちは! ご参加ありがとうございます!
3 GMOペパボ Webエンジニア どすこい Daisuke Takeda 2024新卒⼊社のどすこいです! 普段はWeb開発したり、社内のAI活⽤を推進した り、アウトプットしたり。 好きな漫画: 葬送のフリーレン
X: @doskoi64 #Hack1グランプリでわいわいしてください!
4 私たちは「⼈類のアウトプットを増やす」ことをミッションとし、 インターネットやテクノロジーの⼒で情報発信のハードルを下げる⽀援をしています。
5 今⽇のテーマは...
6
• Vibe Codingができるようになって起きた変化 • 変化によってプロダクト開発はどうなっていくのか • そのなかで僕らはどうすればいいんだろうか 今⽇話す事 7
• Vibe Codingとは • Vive Codingによる根本的な変化 • Vive Codingとプロダクト開発 •
Vive Codingとエンジニアリング Outlines 8
• Vibe Codingとは • Vive Codingによる根本的な変化 • Vive Codingとプロダクト開発 •
Vive Codingとエンジニアリング Outlines 9
10 完全に雰囲気に⾝を任せて、コードの 詳細に気を払わず、⾃然⾔語だけで指 ⽰をしてコーディングする Andrej Karpathy (X:@karpathy) 2025-02 Vibe Codingとは
Vibe Codingとは
11 Vibe Codingとは Vibe Codingとは
12 Vibe Codingとは Vibe Codingとは
13 Vibe Codingとは Vibe Codingとは
14 これが Vibe Codingとは
15
16 (余談) 実はショップがあります! https://suzuri.jp/vibecoding Vibe Codingとは
• Vibe Codingとは • Vive Codingによる根本的な変化 • Vive Codingとプロダクト開発 •
Vive Codingとエンジニアリング Outlines 17
Vibe Codingによる根本的な変化 18
Vibe Codingによる根本的な変化 19 ~ 2021
Vibe Codingによる根本的な変化 20 2022 ~ 2023
Vibe Codingによる根本的な変化 21 2024 ~ 今
Vibe Codingによる根本的な変化 22 2024 ~ 今
23 ⼈間とAIのドライバー交代
24 https://staff.persol-xtech.co.jp/hatalabo/mono_engineer/568.html Vibe Codingによる根本的な変化
25 ⼈間とAIのドライバー交代 Vibe Codingによる根本的な変化
26 ⼈間とAIのドライバー交代 Vibe Codingによる根本的な変化
27 https://speakerdeck.com/watany/the-end-of-the-special-time-granted-to-engineers?slide=36 Vibe Codingによる根本的な変化
28 ⼈間が数⼗、数百⾏コードを1⽇で書くところ... ⼈間とAIのドライバー交代 Vibe Codingによる根本的な変化
29 ⼈間が数⼗、数百⾏コードを1⽇で書くところ... AIを使えば1万⾏書くことができる 圧倒的な量を誰でも書くことができる ⼈間とAIのドライバー交代 Vibe Codingによる根本的な変化
30 Vibe Codingによる根本的な変化 圧倒的な量をAIが⽣成している図
• Vibe Codingとは • Vive Codingによる根本的な変化 • Vive Codingとプロダクト開発 •
Vive Codingとエンジニアリング Outlines 31
32 Vibe Codingとプロダクト開発
33 圧倒的な量を誰でも 書くことができる Vibe Codingとプロダクト開発
34 じゃあ、 AIに爆発的にコードを書かせて ⼤量リリースさせれば それでええやん Vibe Codingとプロダクト開発
35 ...ほんと? Vibe Codingとプロダクト開発
36 破綻します! Vibe Codingとプロダクト開発
37 破綻します! これを検証してみましょう! Vibe Codingとプロダクト開発
Vibe Codingとプロダクト開発 38 1万⾏のコードが かけました!
Vibe Codingとプロダクト開発 39 1万⾏のコードが かけました! お、あざす!
Vibe Codingとプロダクト開発 40 レビュー お願いします ...ん?
41 ソフトウェア開発のレビューとは、他⼈のコードや設計を ⾒て、品質の維持や向上のための確認や提案をすること。 ⽬的は、品質向上‧バグ防⽌‧知識共有です。 やることは、コードや設計に⽬を通してコメントや修正案 の提案をすることです。 レビューとは Vibe Codingとプロダクト開発
Vibe Codingとプロダクト開発 42 レビュー お願いします
43 ソフトウェア開発のレビューとは、他⼈のコードや設計を ⾒て、品質の維持や向上のための確認や提案をすること。 ⽬的は、品質向上‧バグ防⽌‧知識共有です。 やることは、コードや設計に⽬を通してコメントや修正案 の提案をすることです。 レビューとは Vibe Codingとプロダクト開発 これを1万⾏のコードで...
44 1万⾏のコードレビュー Vibe Codingとプロダクト開発
45 1万⾏のコードレビュー Vibe Codingとプロダクト開発
46 1万⾏のコードをお祈りリリース Vibe Codingとプロダクト開発 よく⾒てないけど、ええやろ バグ起きないでくれ〜 リリースします
47 Vibe Codingとプロダクト開発 障害が発⽣しないって⾔えますか?
48 Vibe Codingとプロダクト開発 後戻りできない変更はないですか?
49 Vibe Codingとプロダクト開発 数字がズレてたらどう調査しますか?
50 Vibe Codingとプロダクト開発 ユーザーが⾒たらどう思いますか?
51 1万⾏のコードをお祈りリリース Vibe Codingとプロダクト開発
52 コードを検証できない コードを更新できない コードを保証できない 祈ることしかできない 1万⾏コードを簡単にリリースできない Vibe Codingとプロダクト開発
• Vibe Codingとは • Vive Codingによる根本的な変化 • Vive Codingとプロダクト開発 •
Vive Codingとエンジニアリング Outlines 53
54 Vibe Codingとエンジニアリング
55 だめじゃん...? Vibe Codingとエンジニアリング
56 けど、なんとかしたい! Vibe Codingとエンジニアリング
57 AIによる桁違いのコードの物量をなんとかしたい! そこで どうやって⼤量リリースするのか Vibe Codingとエンジニアリング
58 AIによる桁違いのコードの物量をなんとかしたい! そこで エンジニアリング どうやって⼤量リリースするのか Vibe Codingとエンジニアリング
59 いくつかの例を紹介します! Vibe Codingとエンジニアリング
60 どうやって⼤量に検証するのか Vibe Codingとエンジニアリング ⾃動テストを徹底する ⾃動テストとは、プログラムが正しく動くかを⾃動で確認 する仕組み。それまで動いていたプログラムの動作が正常 であることが⾃動的に確認できる。
61 どうやって⼤量に更新するのか Vibe Codingとエンジニアリング 適したアーキテクチャを選択する アーキテクチャとは、ソフトウェア全体の設計の⾻組みの こと。適切なアーキテクチャを選択しておくことで、⼩さ な変更で全体が壊れることを防いだり、拡張‧修正がしや すくなったりする。
62 どうやって⼤量に保証するのか Vibe Codingとエンジニアリング 品質維持のための静的解析 静的解析とは、プログラムを実⾏せずにコードを分析する こと。その時点でわかるバグやセキュリティリスク、コー ド品質の問題を⾒つける。
63 どれもAIに関係なく既に実践されている技術です! 特別な技術が必要なのではなく、まずは、これまで培って きた技術が、より⼀層真価を発揮することになります。 また、企画やプロモーション、カスタマーサポートなど、 組織全体で対応していく必要があります。 Vibe Coding時代のエンジニアリング Vibe Codingとエンジニアリング
64 これがVibe Coding時代のエンジニアリングで重要なマインドセットです。この 時代をチャンスと捉えて、職域や専⾨領域を超えて、アウトプットしましょう! AIによる圧倒的な量を どうやって価値へ繋げるのか
65 くわしくはこちらで! https://tech.pepabo.com/2025/04/04/declaration-vibe-coding-training/
66 https://tech.pepabo.com/2025/05/07/competitive-vibe-coding-competitive-vibe-coding/
67 Let’s Vibe