AI全盛時代、それでも僕がコードを書く理由

Transcript

1. © Metaps Holdings, Inc. 株式会社 メタップスホールディングス Metaps Holdings, Inc. プラットフォーム事業部  野⽥ 雄⾶ 2025-03-13 AI全盛時代、それでも僕がコードを書く理由
2. 自己紹介 野田雄飛 (Yuto Noda) 会社: 株式会社メタップスホールディングス 部署: プラットフォーム戦略部 役職: エンジニア (23卒) 業務内容: Vue.jsとRuby on Railsを使用 したwebアプリケーション開発 趣味: LINE漫画課金 ・ひかきん 1
3. 目次 2 1: AIを使ったバイブコーディングについて 2: 自分なりの使い方 3: 一方で、AIが「魔法」に見える瞬間 ,僕なりのバイブコー ディング 4: まとめ
4. 目次 2 1: AIを使ったバイブコーディングについて 2: 自分なりの使い方 3: 一方で、AIが「魔法」に見える瞬間,僕なりのバイブコーディ ング 4: 僕たちが直近目指すべき未来
5. AIを使用したバイブコーディングについて 実は....否定的でした。
6. AIを使用したバイブコーディングについて ・自分で最初から書いた方が早い ・自分で調べて辿り着く方が身に付く ・読めるけど書けない人になりたくない ・書いてて気づくことっていっぱいあるよね ・書くのがすき その理由
7. AIを使用したバイブコーディングについて - 前提 - プロダクトのコードの流れを知っている 実装の流れの想像がついている 生成したコードを読む時間、修正する時間と、自分で書く 時間を比較すると後者の方が早い 自分で最初から書いた方が早い
8. AIを使用したバイブコーディングについて 調べる→試すの繰り返し 調べる→副次的な情報を手に入れられる 　直接そのエラーには関係ないけど ...ヘェ〜といったこと 自分で調べる方が身に付く
9. AIを使用したバイブコーディングについて 読めると書けるは違うのではないか - 「こういう意図で書いたけど、どうですか？」といった、会話の中で生ま れる気付き 
 
 - 思考プロセスの理解が伴わなく、一時的に動くものができてしまう。 
 →　それって開発できているというのだろうか？ 
 
 読めるけど書けない人になりたくない
10. AIを使用したバイブコーディングについて AIにコードを書くという部分が代替されていく中でコードを 書くのは単純にすきだから 書くのがすき
11. AIを使用したバイブコーディングについて とはいえ......... 使い方はある程度知っておかないと取り残されそう
12. 目次 2 1: AIを使ったバイブコーディングについて 2: 自分なりの使い方 3: 一方で、AIが「魔法」に見える瞬間,僕なりのバイブコーディ ング 4: まとめ
13. 自分なりの使い方 実装 - メソッド単位でのレビュー - 実装において相談・壁打ち - プロトタイプ作成 学習 - 個人開発のレビュー - 設計の壁打ち - ライブラリ等の比較
14. 自分なりの使い方 「私はこう思っているのですが、どうでしょうか？」 AIは自身の思考を深めるための相手。 
 人様に質問するように質問しろ
15. 目次 2 1: AIを使ったバイブコーディングについて 2: 自分なりの使い方 3: 一方で、AIが「魔法」に見える瞬間 , 僕なりのバイブコー ディング 4: 僕たちが直近目指すべき未来
16. 一方で、AIが「神」に見える瞬間 プロタイピング 自作VJソフトを制作しようと思っていた。 →　プロトタイプだけ作らせてみるか。 →　できた。まぁまぁ動くじゃん。 orz… →　神。 →　コード的には微妙な箇所もあり、設計も微妙かな ...　 →　手直し or 作り直すが必要
17. 一方で、AIが「神」に見える瞬間 VJソフトのプロトタイプを制作しようと思います。 Vanilla.jsで書いてください。 リファレンスは、ResolumeというすでにあるVJソフトです。 機能として下記の点を盛り込んでください。 2つの映像を合成できる。 エフェクトをレイヤー単位とグローバル単位でつけることができる。 いくつか映像をあらかじめ準備しておいて、クリックで切り替えることができるようなバンク機能 がある。 PCのカメラを起動してその映像を流すことができる。 レンダリングのサイズは一旦 1920 × 1080でお願いします。
18. 自分なりの使い方 この魔法を業務でどう活かすことができるか？
19. 自分なりの使い方 この魔法を業務でどう活かすことができるか？ 開発側主導の 爆速な機能開発
20. 自分なりの使い方 今のチームの体制 要求定義 要件定義 UI・UX デザイン 開発 PdM デザイナー エンジニア PdM 早い段階で具体的なもの が見たい デザイナー 要件定義から UIUXまで一人で やった方が理解している分早い 横断的・忙しい やっている範囲が広く、オーバーヘッド になりうる場面がある エンジニア 機能改善 リファクタ ... 複数プロダクト やることがいっぱいある
21. 自分なりの使い方 今のチームの体制 要求定義 要件定義 UI・UX デザイン 開発 PdM デザイナー エンジニア PdM 早い段階で具体的なもの が見たい デザイナー 要件定義から UIUXまで一人で やった方が理解している分早い 横断的・忙しい やっている範囲が広く、オーバーヘッド になりうる場面がある エンジニア 機能改善 リファクタ ... 複数プロダクト やることがいっぱいある AI 速度向上
22. 自分なりの使い方 今のチームの体制 要求定義 要件定義 UI・UX デザイン 開発 PdM デザイナー エンジニア PdM 早い段階で具体的なもの が見たい デザイナー 要件定義から UIUXまで一人で やった方が理解している分早い 横断的・忙しい やっている範囲が広く、オーバーヘッド になりうる場面がある エンジニア 機能改善 リファクタ ... 複数プロダクト やることがいっぱいある AI 速度向上 AI
23. 自分なりの使い方 これからのチームの体制 要求定義 要件定義 UI・UX デザイン 開発 PdM デザイナー エンジニア 要求からある程度要件を汲み取り、爆速でプロトタイプを作成 →開発 UI　UX含めたところをある程度開発側で巻き取ることができたら バリューを世に早く、多く届けることができるだろう！
24. 自分なりの使い方 この魔法を業務でどう活かすことができるか？ 開発側主導の 爆速な機能開発
25. まとめ まとめ
26. まとめ 俺は楽しいからコードを書く。 AIは自身の思考を深めるための相手。 
 開発速度を上げる手助けをしてくれる道具。 

27. さいごに re:shine 全力で開発しています！！ みんなに使って欲しいで す！ 改善要望どしどしお待ちし ております！ 20
28. さいごに 21 ありがとうございました！！！ 😭