VibeCodingで決済機能を改修〜失敗から学んだこと〜

Transcript

1. VibeCodingで決済機能を改修 〜失敗から学んだこと〜 1
2. • ikechi ⾃⼰紹介 • GMOペパボ株式会社 • minne 開発担当 • 趣味: KPOP、散歩...（募集中）
3. minne について 1. 国内最⼤級のハンドメイドマーケット 2. リリースから13年の⼤規模プロダクト
4. Vibe Coding したことありますか？
5. Vibe Codingとは
6. とはいえ...
7. Vibe Coding って業務で使えなくない...？
8. Vibe Coding の課題 ‧コード品質とセキュリティリスクの管理 ‧複雑な問題への対応限界 ‧技術的負債の増加と保守性の悪化
9. ikechi のこれまでの実績 ‧⼊社15営業⽇で決済の機能改修 ‧社内バイブコーディングインタビュイー ‧設計〜レビューAI⾃動化
10. Vibe Coding を業務で活⽤するための ノウハウを失敗談を踏まえてお話しします！
11. 担当タスク: クーポン上限機能の実装 minneで発⾏している購⼊⾦額の割引クーポン • 割引額に対して、上限額を適⽤する機能
12. 💡 結果 • ひよこーど🐣の嵐 • 膨⼤な差分で確認も⼤変... ❌ NG例 「クーポンに上限額を設定できるようにしてください」 失敗談1: 抽象度の⾼いタスク依頼
13. Vibe Coding においても設計とタスク分解が⼤切...！ 解決策1: 設計とタスク分解 ✓ 設計とタスク分解を必ず⾏おう！ ✓ 1タスク1PRくらいの粒度で分解するのがおすすめ！ ✓ Spec駆動開発もおすすめ
14. タスク分割のイメージ
15. ❌ NG例 既存機能への配慮不⾜の指⽰ 失敗談2: 既存機能の破壊 💡 結果 • 既存のクーポン機能が動かなくなる • テストが真っ⾚に染まる...
16. AIに制約条件と完了条件を伝えよう 解決策2: 制約条件と完了条件の指⽰ ✓ 既存の機能を壊さないように注意してね！ ✓ 修正後、全てのテストが成功することを確認してね！ ✓ テストが成功しなかったら成功するまで修正続けてね！
17. 💡 結果 • 👨: 修正してください • 🤖: 修正しました。 • 👨: 直ってないです！ … 無限ループ ❌ NG例 バグを解消してください。とそのまま修正依頼をする 失敗談3: バグが起きている！ 解決できない！
18. ✓ デバッグログの仕込み ✓ 出⼒結果をAIに⼊⼒ ✓ 直らない場合は上記を繰り返す 解決策3: デバッグ⼿法の確⽴ 「ログ収集 → AI分析 → 修正」のサイクルをまわそう！
19. 実装イメージ /** * クーポンを適用して最終的な価格を計算する関数 */ function applyCoupon(price, coupon) { // console.log() を使って、変数の状態を一つずつ確認 console.log('price =', price); console.log('coupon =', coupon); // 割引額計算 (例: 1000円 20%引 -> 200円) let discount = price * (coupon.discount_rate / 100); console.log('discount (初期計算) =', discount); // 割引の上限額が設定されていれば、そちらを適用 if (coupon.discount_limit > 0 && discount > coupon.discount_limit) { discount = coupon.discount_limit; console.log('discount (上限適用後) =', discount); } // 元の価格から割引額を引いて最終価格を計算 const finalPrice = price - discount; console.log('finalPrice =', finalPrice); return finalPrice; }
20. ここまでで動くものは作れます！ が...
21. リファクタリング、レビューは必須です！ ‧技術的負債の増加と保守性の悪化 ‧コード品質とセキュリティリスクの管理
22. AIを活⽤して 爆速でデリバリーしていきましょう！
23. minne エンジニア（Web, iOS, Android）⼤募集してます！ 気になる⽅いればお声がけください！（カジュアル⾯談も⼤歓迎） 最後に宣伝させてください🙏 組織の特徴 • AIをフル活⽤した⾼速デリバリー • アウトプット⽂化 • ⼤規模プロダクトの運⽤‧保守経験
24. ご清聴ありがとうございました！