２回作る AIプロトタイピングを業務で活用するコツ

Transcript

1. ２回作る AIプロトタイピングを業務で活用するコツ 2026/05/18 株式会社SODA 倉橋鉄平 @TP_113_
2. © SODA inc. All rights Reserved. 2 自己紹介 倉橋 鉄平 X : TP_113_ Github：TP_113 経歴 2025年10月~ 株式会社SODA Engineering Manager 2025年1月~ 株式会社SODA Flutterエンジニア 2021年4月~ カバー株式会社 Unityエンジニア > CTO室マネージャー 2019年4月~ 大学院にてHCI分野を専攻 スキル Flutter / Go / C# / Unity / React / python 趣味 DIY / 個人開発 / ビール / 漫画 / 読書 / インディーズゲーム 近況 EMになって半年が経ちました 個人開発でLazyNoteというアプリをリリースしました
3. SNKRDUNK とは 「SNKRDUNK （スニーカーダンク）」は、スニーカーやアパレルを中⼼とするファッショ ン領域やトレーディングカード‧フィギュアなどを中⼼に、個⼈間での売買を簡単に⾏える ファッション‧コレクティブルマーケットプレイスです。 サービス開始：2018年7⽉ 利⽤料：無料 ※取引が成⽴すると、⼿数料および配送料がかかります 対応OS：Android、iOS ※Webブラウザからも利⽤可能 3 スニーカーダンク 取扱商品 フットウェア スニーカー、シューズ、パンプスなど トレカ‧ホビー トレカ、フィギュア、ゲームなど アパレル Tシャツ、アウター、キャップなど ファッション⼩物 時計、バッグ、アクセサリーなど 取引の過程で、運営がすべての商品を確認し、正規品を保証する「真贋鑑定」をおこなって おり、お客さまに安⼼‧安全な取引環境を提供しています。
4. © SODA inc. All rights Reserved. 4 2回作る AIプロトタイピング 「ゲームは二度つくるとよくなる」 by 宮本茂（任天堂） “Plan to Throw One Away” 「人月の神話」 著：Fred Brooks より 格言
5. © SODA inc. All rights Reserved. 5 🤓「よし、じゃあ 2回作ろう！」 「2回も作る予算も時間もないよ」😢 「ほとんど同じものを2回作る必要なんて本当にある？」😕 「1回作るだけでも手間なのに、2回も作れないよ」😩 🥺「すみません …、じゃあやめときます …」 結果、石橋を叩くようにして作った微妙なコードを 騙し騙しメンテナンスする悲しい人生へ 󰻁🪦 2回作る AIプロトタイピング
6. © SODA inc. All rights Reserved. 6 🥺 2回作れます！ お願いします🙏 2回作る AIプロトタイピング
7. © SODA inc. All rights Reserved. 7 AIの力を借りて、「2回作る」 プロトタイピング Phase 1 （AIプロトタイピング） Phase 2 （本実装） 2回作る AIプロトタイピング
8. © SODA inc. All rights Reserved. 8 Agenda 01 02 はじめに Phase1：AIプロトタイピング 03 Phase2：本実装 04 「コレクション」機能開発における実例 05 まとめ
9. © SODA inc. All rights Reserved. 9 Phase 1：AIプロトタイピング
10. © SODA inc. All rights Reserved. 10 プロトタイプの大原則 プロトタイピング Phase1 AIプロトタイピング 速さ >> 品質 発見 >> 実装
11. © SODA inc. All rights Reserved. 11 プロトタイプの3原則 プロトタイピング Phase1 AIプロトタイピング 1. 作ったプロトタイプのコードは捨てる 🗑 コードの品質を犠牲にして実装スピードを上げる。品質の悪いコードを決してメイ ンブランチに👊マージしない 👊 機能の主なシナリオを実装することに集中し、⚡最短⚡で作り上げる スピードが最優先事項であり、ドキュメンテーションもコードレビューもしない。最 低限の同期をとるために🔥モブワークが必須 🔥 2. ハッピーパスの開発に集中する 😃 3. 情報を同期するため、モブワークを最大限活用する 🤝
12. © SODA inc. All rights Reserved. 12 プロトタイピングフェーズの目標 • 主なユーザーシナリオを最短で動作させる • 作っていて気づいたことをメモする • プロトタイプをステークホルダーに見せて認識を合わせる Phase1 AIプロトタイピング
13. © SODA inc. All rights Reserved. 13 実際の進め方 • 一日ごとに2時間x最大2枠のモブワークタイム を設ける ◦ モブワークは体力と神経を使うので適度に休憩する ◦ 決めた時間で集中して取り組む • Figma MCPとPRD（Githubで管理）を渡して、Vibe Coding 的 に実装を進める • 全員で動作確認して、ハッピーパスに影響がある不具合は Claude に命令して直させる Phase1 AIプロトタイピング
14. © SODA inc. All rights Reserved. 14 Phase 2 （本実装）
15. © SODA inc. All rights Reserved. 15 AIと協力しつつ本実装 プロトタイピング Phase2 本実装 いつも通りに AIと一緒に実装していくだ け！💪🦾 …ではありつつ、プロトタイピングで作ったコードやドキュ メントをコンテキストに加えることでよりスムーズに実装 が進みます！
16. © SODA inc. All rights Reserved. 16 本実装への恩恵 1. より整理された仕様 で本実装を始められる 2. 試作で判明した設計の難点を考慮し、 よりシンプルな設計 で実装できる 3. メンバーやステークホルダー間で 最終形のイメージがすでに揃っている 4. 一通り仮実装しているので スケジュール予測が立てやすい Phase2 本実装
17. © SODA inc. All rights Reserved. 17 「コレクション」機能における実例
18. © SODA inc. All rights Reserved. 18 実例（コレクション機能） プロトタイピング 「コレクション」機能における実例 プロジェクト概要 - 開発開始： 2026年2月初旬 - リリース日： 2026年4月22日 - 開発メンバー： - SWE 3名 - QAE/PdM/EM 各1名 - 開発規模 - 新規画面数：約 6画面 - 新規API数：約10本 主な機能 - ユーザーが所持品を登録・管理できる - 所持品の相場（売買実績）が確認できる - 所持品を簡単に出品できる
19. © SODA inc. All rights Reserved. 19 コレクション機能の実例：プロトタイプ プロトタイピング 実装したハッピーパス • アイテム情報の登録・編集 • 登録したアイテムのリスト表示 • アイテムごとの詳細情報画面 • アイテムの出品 ※画面は開発中のものです 「コレクション」機能における実例
20. © SODA inc. All rights Reserved. 20 本実装に活かせたことの実例 プロトタイピング • 仕様 ◦ 出品状態とコレクション画面の連動 ◦ 出品種別をどこまで1stスコープに含めるかどうかの吟味（フリー出品） ◦ 仕様・デザインの不足箇所の特定 • 実装 ◦ 前日比サマリのテーブル設計 ◦ 出品モジュールとの連携の設計 • スケジュール ◦ 主な実装事項の洗い出し（PBI分割） 「コレクション」機能における実例
21. © SODA inc. All rights Reserved. 21 コレクション機能の実例：スケジュール プロトタイプ・技術設計： 2~3週間 1stリリースまでの本実装： 3~4週間 合計：約6週間 プロト タイピング 設計 本実装 「コレクション」機能における実例
22. © SODA inc. All rights Reserved. コレクション機能の実例：チーム体制 参加したエンジニア： 3名 Flutter Aさん Go Flutter Bさん Go Flutter Cさん Go 実装量→ 「コレクション」機能における実例
23. © SODA inc. All rights Reserved. チーム体制のポイント • 参加するエンジニアの最適な人数は 2~3名 ◦ 4名以上になると2ラインに分かれてしまう（情報の分断） • FE, BEのスキルセットはバランスよく ◦ どっちも見れる人が一人いると理想的 • やる気十分な人で構成 ◦ モブワーク時は高い強度で仕事をすることになる。それに耐えら れるメンバーを集める 「コレクション」機能における実例
24. © SODA inc. All rights Reserved. 24 まとめ • ソフトウェア開発は複雑なので、一回作ってみないとわからないことがたく さんある。AIプロトタイプが実開発の「転ばぬ先の杖」 になる • AIでコードを早く書けるようになり、最適な開発プロセスが変わってきてい る • 石橋を叩くように一回目を作るより、雑に一回目を作ってから二回目に挑 んだ方が素早く＆クオリティ高く作れることもあるかも
25. © SODA inc. All rights Reserved. 25 おわり 実際に社内向けに作っ たドキュメントをZennの スクラップに掲載してい ます↓ @tp113