VibeCoding時代のエンジニアリング

Transcript

1. 1 Vibe Coding時代の エンジニアリング どすこい Hack-1グランプリ 6限⽬ 2025.05.11

2. 2 こんにちは！ ご参加ありがとうございます！

3. 3 GMOペパボ Webエンジニア どすこい Daisuke Takeda 2024新卒⼊社のどすこいです！ 普段はWeb開発したり、社内のAI活⽤を推進した り、アウトプットしたり。 好きな漫画: 葬送のフリーレン

   X: @doskoi64 #Hack1グランプリでわいわいしてください！

4. 4 私たちは「⼈類のアウトプットを増やす」ことをミッションとし、 インターネットやテクノロジーの⼒で情報発信のハードルを下げる⽀援をしています。

5. 5 今⽇のテーマは...

6. 6

7. • Vibe Codingができるようになって起きた変化 • 変化によってプロダクト開発はどうなっていくのか • そのなかで僕らはどうすればいいんだろうか 今⽇話す事 7

8. • Vibe Codingとは • Vive Codingによる根本的な変化 • Vive Codingとプロダクト開発 •

   Vive Codingとエンジニアリング Outlines 8

9. • Vibe Codingとは • Vive Codingによる根本的な変化 • Vive Codingとプロダクト開発 •

   Vive Codingとエンジニアリング Outlines 9

10. 10 完全に雰囲気に⾝を任せて、コードの 詳細に気を払わず、⾃然⾔語だけで指 ⽰をしてコーディングする Andrej Karpathy (X:@karpathy) 2025-02 Vibe Codingとは

    Vibe Codingとは

11. 11 Vibe Codingとは Vibe Codingとは

12. 12 Vibe Codingとは Vibe Codingとは

13. 13 Vibe Codingとは Vibe Codingとは

14. 14 これが Vibe Codingとは

15. 15

16. 16 (余談) 実はショップがあります！ https://suzuri.jp/vibecoding Vibe Codingとは

17. • Vibe Codingとは • Vive Codingによる根本的な変化 • Vive Codingとプロダクト開発 •

    Vive Codingとエンジニアリング Outlines 17

18. Vibe Codingによる根本的な変化 18

19. Vibe Codingによる根本的な変化 19 ~ 2021

20. Vibe Codingによる根本的な変化 20 2022 ~ 2023

21. Vibe Codingによる根本的な変化 21 2024 ~ 今

22. Vibe Codingによる根本的な変化 22 2024 ~ 今

23. 23 ⼈間とAIのドライバー交代

24. 24 https://staff.persol-xtech.co.jp/hatalabo/mono_engineer/568.html Vibe Codingによる根本的な変化

25. 25 ⼈間とAIのドライバー交代 Vibe Codingによる根本的な変化

26. 26 ⼈間とAIのドライバー交代 Vibe Codingによる根本的な変化

27. 27 https://speakerdeck.com/watany/the-end-of-the-special-time-granted-to-engineers?slide=36 Vibe Codingによる根本的な変化

28. 28 ⼈間が数⼗、数百⾏コードを1⽇で書くところ... ⼈間とAIのドライバー交代 Vibe Codingによる根本的な変化

29. 29 ⼈間が数⼗、数百⾏コードを1⽇で書くところ... AIを使えば1万⾏書くことができる 圧倒的な量を誰でも書くことができる ⼈間とAIのドライバー交代 Vibe Codingによる根本的な変化

30. 30 Vibe Codingによる根本的な変化 圧倒的な量をAIが⽣成している図

31. • Vibe Codingとは • Vive Codingによる根本的な変化 • Vive Codingとプロダクト開発 •

    Vive Codingとエンジニアリング Outlines 31

32. 32 Vibe Codingとプロダクト開発

33. 33 圧倒的な量を誰でも 書くことができる Vibe Codingとプロダクト開発

34. 34 じゃあ、 AIに爆発的にコードを書かせて ⼤量リリースさせれば それでええやん Vibe Codingとプロダクト開発

35. 35 ...ほんと？ Vibe Codingとプロダクト開発

36. 36 破綻します！ Vibe Codingとプロダクト開発

37. 37 破綻します！ これを検証してみましょう！ Vibe Codingとプロダクト開発

38. Vibe Codingとプロダクト開発 38 1万⾏のコードが かけました！

39. Vibe Codingとプロダクト開発 39 1万⾏のコードが かけました！ お、あざす！

40. Vibe Codingとプロダクト開発 40 レビュー お願いします ...ん？

41. 41 ソフトウェア開発のレビューとは、他⼈のコードや設計を ⾒て、品質の維持や向上のための確認や提案をすること。 ⽬的は、品質向上‧バグ防⽌‧知識共有です。 やることは、コードや設計に⽬を通してコメントや修正案 の提案をすることです。 レビューとは Vibe Codingとプロダクト開発

42. Vibe Codingとプロダクト開発 42 レビュー お願いします

43. 43 ソフトウェア開発のレビューとは、他⼈のコードや設計を ⾒て、品質の維持や向上のための確認や提案をすること。 ⽬的は、品質向上‧バグ防⽌‧知識共有です。 やることは、コードや設計に⽬を通してコメントや修正案 の提案をすることです。 レビューとは Vibe Codingとプロダクト開発 これを1万⾏のコードで...

44. 44 1万⾏のコードレビュー Vibe Codingとプロダクト開発

45. 45 1万⾏のコードレビュー Vibe Codingとプロダクト開発

46. 46 1万⾏のコードをお祈りリリース Vibe Codingとプロダクト開発 よく⾒てないけど、ええやろ バグ起きないでくれ〜 リリースします

47. 47 Vibe Codingとプロダクト開発 障害が発⽣しないって⾔えますか？

48. 48 Vibe Codingとプロダクト開発 後戻りできない変更はないですか？

49. 49 Vibe Codingとプロダクト開発 数字がズレてたらどう調査しますか？

50. 50 Vibe Codingとプロダクト開発 ユーザーが⾒たらどう思いますか？

51. 51 1万⾏のコードをお祈りリリース Vibe Codingとプロダクト開発

52. 52 コードを検証できない コードを更新できない コードを保証できない 祈ることしかできない 1万⾏コードを簡単にリリースできない Vibe Codingとプロダクト開発

53. • Vibe Codingとは • Vive Codingによる根本的な変化 • Vive Codingとプロダクト開発 •

    Vive Codingとエンジニアリング Outlines 53

54. 54 Vibe Codingとエンジニアリング

55. 55 だめじゃん...？ Vibe Codingとエンジニアリング

56. 56 けど、なんとかしたい！ Vibe Codingとエンジニアリング

57. 57 AIによる桁違いのコードの物量をなんとかしたい！ そこで どうやって⼤量リリースするのか Vibe Codingとエンジニアリング

58. 58 AIによる桁違いのコードの物量をなんとかしたい！ そこで エンジニアリング どうやって⼤量リリースするのか Vibe Codingとエンジニアリング

59. 59 いくつかの例を紹介します！ Vibe Codingとエンジニアリング

60. 60 どうやって⼤量に検証するのか Vibe Codingとエンジニアリング ⾃動テストを徹底する ⾃動テストとは、プログラムが正しく動くかを⾃動で確認 する仕組み。それまで動いていたプログラムの動作が正常 であることが⾃動的に確認できる。

61. 61 どうやって⼤量に更新するのか Vibe Codingとエンジニアリング 適したアーキテクチャを選択する アーキテクチャとは、ソフトウェア全体の設計の⾻組みの こと。適切なアーキテクチャを選択しておくことで、⼩さ な変更で全体が壊れることを防いだり、拡張‧修正がしや すくなったりする。

62. 62 どうやって⼤量に保証するのか Vibe Codingとエンジニアリング 品質維持のための静的解析 静的解析とは、プログラムを実⾏せずにコードを分析する こと。その時点でわかるバグやセキュリティリスク、コー ド品質の問題を⾒つける。

63. 63 どれもAIに関係なく既に実践されている技術です！ 特別な技術が必要なのではなく、まずは、これまで培って きた技術が、より⼀層真価を発揮することになります。 また、企画やプロモーション、カスタマーサポートなど、 組織全体で対応していく必要があります。 Vibe Coding時代のエンジニアリング Vibe Codingとエンジニアリング

64. 64 これがVibe Coding時代のエンジニアリングで重要なマインドセットです。この 時代をチャンスと捉えて、職域や専⾨領域を超えて、アウトプットしましょう！ AIによる圧倒的な量を どうやって価値へ繋げるのか

65. 65 くわしくはこちらで！ https://tech.pepabo.com/2025/04/04/declaration-vibe-coding-training/

66. 66 https://tech.pepabo.com/2025/05/07/competitive-vibe-coding-competitive-vibe-coding/

67. 67 Let’s Vibe