あすけん_Developers_Summit_2026_-_Vibe_Coding起点での新機能開発で__あすけん_が乗り越えた壁.pdf

by iwahiro

Embed

Start on current slide

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

© asken.inc Webサービスから始まり、現在はスマホアプリ主体にて15年以上の運営実績 4 プロダクト紹介累計会員数 1300万人突破 ※2025年10月時点 2,500,000 5,000,000 7,500,000 10,000,000 12,500,000 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 2023 2024 2025

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

© asken.inc 17 とにかく常に「動くモノ」を中心に仕事を進めよう改善仮説立案 PdMによる専門性発揮エンジニアによる専門性発揮 Vibe Codingで実装実験基盤へのデプロイユーザフィードバック Go / NoGo 判断 β版 FIX 動くPRD PdMの意図/ユーザの声/ログデータからの学びが凝縮されたDocsと動作済コード対話と価値共有リファインメント（要件定義・基本設計）スプリント（詳細設計・実装・単体テスト） E2Eテストローンチ動く P R D を基にした価値確認検証プロセス全体を整理・凝縮 PdMとエンジニアの共創

Slide 18

Slide 18 text

© asken.inc 改善仮説立案 PdMによる専門性発揮エンジニアによる専門性発揮 Vibe Codingで実装実験基盤へのデプロイユーザフィードバック Go / NoGo 判断 β版 FIX 動くPRD PdMの意図/ユーザの声/ログデータからの学びが凝縮されたDocsと動作済コード対話と価値共有リファインメント（要件定義・基本設計）スプリント（詳細設計・実装・単体テスト） E2Eテストローンチ動く P R D を基にした価値確認検証プロセス全体を整理・凝縮 PdMとエンジニアの共創 18 PdMが「動くモノ」をつくり価値検証をしまくる

Slide 19

Slide 19 text

© asken.inc 改善仮説立案 PdMによる専門性発揮エンジニアによる専門性発揮 Vibe Codingで実装実験基盤へのデプロイユーザフィードバック Go / NoGo 判断 β版 FIX 動くPRD PdMの意図/ユーザの声/ログデータからの学びが凝縮されたDocsと動作済コード対話と価値共有リファインメント（要件定義・基本設計）スプリント（詳細設計・実装・単体テスト） E2Eテストローンチ動く P R D を基にした価値確認検証プロセス全体を整理・凝縮 PdMとエンジニアの共創 19 「動くモノ」をPRDとして PdMとエンジニアで対話する

Slide 20

Slide 20 text

© asken.inc 改善仮説立案 PdMによる専門性発揮エンジニアによる専門性発揮 Vibe Codingで実装実験基盤へのデプロイユーザフィードバック Go / NoGo 判断 β版 FIX 動くPRD PdMの意図/ユーザの声/ログデータからの学びが凝縮されたDocsと動作済コード対話と価値共有リファインメント（要件定義・基本設計）スプリント（詳細設計・実装・単体テスト） E2Eテストローンチ動く P R D を基にした価値確認検証プロセス全体を整理・凝縮 PdMとエンジニアの共創 20 エンジニアは「動くモノ」で狙った価値を実現できるかを確認しながら設計/実装する

Slide 21

Slide 21 text

© asken.inc 21 この「順序と境界」の設計こそが共創プロセス改善仮説立案 PdMによる専門性発揮エンジニアによる専門性発揮 Vibe Codingで実装実験基盤へのデプロイユーザフィードバック Go / NoGo 判断 β版 FIX 動くPRD PdMの意図/ユーザの声/ログデータからの学びが凝縮されたDocsと動作済コード対話と価値共有リファインメント（要件定義・基本設計）スプリント（詳細設計・実装・単体テスト） E2Eテストローンチ動く P R D を基にした価値確認検証プロセス全体を整理・凝縮 PdMとエンジニアの共創

Slide 22

Slide 22 text

© asken.inc 改善仮説立案 PdMによる専門性発揮エンジニアによる専門性発揮 Vibe Codingで実装実験基盤へのデプロイユーザフィードバック Go / NoGo 判断 β版 FIX 動くPRD PdMの意図/ユーザの声/ログデータからの学びが凝縮されたDocsと動作済コード対話と価値共有リファインメント（要件定義・基本設計）スプリント（詳細設計・実装・単体テスト） E2Eテストローンチ動く P R D を基にした価値確認検証プロセス全体を整理・凝縮 PdMとエンジニアの共創「壁」 22 二つの壁を乗り越えた末、このプロセスに行き着きました → 本日はこの壁 = 困難や失敗談も交えてお話します 1つ目の壁 2つ目の壁

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

© asken.inc 25 従来の企画開発フローでの課題リサーチやインタビューを経た後、実際開発してみても、A/Bテストで有意差が出ずに頓挫...というプロジェクトが相次ぎ、プロダクトの進化が停滞エゴサをしては涙を飲む日々。募る“神アプデ”への渇望...。静的なプロトタイプだと、被験者の意見もあくまで想像の域を超えないものになりがちいざ本番リリースすると、無風で終わってしまいがち本当にお役に立てているだろうか...

Slide 26

Slide 26 text

© asken.inc 26 時代の変化 2025年初から、著しい勢いでAIコーディング系サービスが進化当社エンジニア組織も相次いで各種ツールを検証・導入それを見ていたPdMも、このビッグウェーブに乗りたくなった！ ● 2025年1月：　Roo Code 導入 ● 2025年2月：　Devin 導入 ● 2025年4月：　Cursor 導入 ● 2025年6月：　Claude Code 導入 ● 2026年1月：　Notion AI 全社導入

Slide 27

Slide 27 text

Slide 28

Slide 28 text

© asken.inc 改善仮説立案 PdMによる専門性発揮エンジニアによる専門性発揮 Vibe Codingで実装実験基盤へのデプロイユーザフィードバック Go / NoGo 判断 β版 FIX 動くPRD PdMの意図/ユーザの声/ログデータからの学びが凝縮されたDocsと動作済コード対話と価値共有リファインメント（要件定義・基本設計）スプリント（詳細設計・実装・単体テスト） E2Eテストローンチ動く P R D を基にした価値確認検証プロセス全体を整理・凝縮 PdMとエンジニアの共創しかし 28 Vibe Codingでそれっぽいものがつくれても、ユーザに使ってもらえない実験環境がないと価値検証ができない

Slide 29

Slide 29 text

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Slide 32

Slide 32 text

© asken.inc 32 「あすけんラボ」のインフラ構成本体アプリと同等の認証/APIコールができ、 Webベースで気軽に配信できる実験専用のAWS基盤(通称あすけんラボ)を構築実験機能独自のデータやログを保管あすけんAPIには認証基盤を介して連携 S3に配置したWebアプリ (React + Vite)を配信 Lambda+FastAPI でバックエンド構築 CI/CDで気軽にデプロイできる！

Slide 33

Slide 33 text

Slide 34

Slide 34 text

Slide 35

Slide 35 text

© asken.inc 35 システム品質を高める Vibe Codingでの成果物を用いた実ユーザ向け検証であっても、セキュリティの担保は絶対条件とした ● プラットフォームで担保 ○ 個別の開発者が意識せずとも下記が担保される基盤を構築 ○ WAF、認証/認可、SAST、パッケージ脆弱性チェック ● コードレビューで担保 ○ テックリード含む複数名で下記観点をレビューし担保 ○ XSS対策、入力バリデーション、適切なエラーハンドリング

Slide 36

Slide 36 text

© asken.inc 36 ユーザからの評価を集める β版公開後は、利用ログを基にして機能改善を継続しペインの解消率、機能利用満足度をKPIとしてGo/NoGoを都度検討し、最終的にあすけんラボからの卒業(正式版開発の判断)を決めるモニター利用フェーズ一般利用フェーズ公開範囲利用を希望する一部ユーザーランダムに選定した一部ユーザー KPI/ 合格基準利用前後の定量調査利用前調査　「文字入力の手間があるか？」利用後調査　「その手間が解消していたか？」 →解消率50%以上であれば合格機能利用満足度利用後調査　5段階評価での満足度 → 平均スコアが3.0以上であれば合格 ※ 既存機能の満足度や、リリース後の改善ポテンシャル等を加味して基準を設定卒業

Slide 37

Slide 37 text

© asken.inc いまだかつてない“動くPRD” 37 PdMが意図している体験や仕様を詰め込んだ「実際に動くモノ」と、それに対する利用ログ・フィードバックおよびそれに対するPdMの解釈を「動くPRD」として、PdM/エンジニアの対話インタフェースとして活用→全員の認識を統一すでにユーザ価値が実証された状態で、チームが動き始めた改善仮説立案 PdMによる専門性発揮エンジニアによる専門性発揮 Vibe Codingで実装実験基盤へのデプロイユーザフィードバック Go / NoGo 判断 β版 FIX 動くPRD PdMの意図/ユーザの声/ログデータからの学びが凝縮されたDocsと動作済コード対話と価値共有検証プロセス全体を整理・凝縮 PdMとエンジニアの共創

Slide 38

Slide 38 text

Slide 39

Slide 39 text

Slide 40

Slide 40 text

Slide 41

Slide 41 text

© asken.inc 共創プロセス 41 あすけんにおいてPdMとエンジニアが行き着いた共創プロセスとは、お互いが同時に最大の専門性を発揮できる「順序」と「境界」を設計すること改善仮説立案 PdMによる専門性発揮エンジニアによる専門性発揮 Vibe Codingで実装実験基盤へのデプロイユーザフィードバック Go / NoGo 判断 β版 FIX 動くPRD PdMの意図/ユーザの声/ログデータからの学びが凝縮されたDocsと動作済コード対話と価値共有リファインメント（要件定義・基本設計）スプリント（詳細設計・実装・単体テスト） E2Eテストローンチ動く P R D を基にした価値確認検証プロセス全体を整理・凝縮 PdMとエンジニアの共創

Slide 42

Slide 42 text

© asken.inc 改善仮説立案 PdMによる専門性発揮エンジニアによる専門性発揮 Vibe Codingで実装実験基盤へのデプロイユーザフィードバック Go / NoGo 判断 β版 FIX 動くPRD PdMの意図/ユーザの声/ログデータからの学びが凝縮されたDocsと動作済コード対話と価値共有リファインメント（要件定義・基本設計）スプリント（詳細設計・実装・単体テスト） E2Eテストローンチ動く P R D を基にした価値確認検証プロセス全体を整理・凝縮 PdMとエンジニアの共創「壁」 42 二つの壁を乗り越えた末、このプロセスに行き着きました → 本日はこの壁 = 困難や失敗談も交えてお話します

Slide 43

Slide 43 text

© asken.inc ● あすけんアプリの開発を主導するPdMや開発チームで「AIおまかせ記録」をどう商用へ組み込んでいくかディスカッション開始 ● PdM ・デザイナ・エンジニア間で擦り合わせる内容がシャープ＆具体的になり短期間で開発へ着手できる状態へ 43 ”動くPRD”を活用した開発に着手あすけんアプリ内でのこの機能の位置づけは？社内展開の目処は？商用ローンチはいつ？エンジニアのリソース確保どうする？どういうUI/UXにする？ ”動くPRD”に不足している機能は？

Slide 44

Slide 44 text

Slide 45

Slide 45 text

Slide 46

Slide 46 text

Slide 47

Slide 47 text

Slide 48

Slide 48 text

Slide 49

Slide 49 text

Slide 50

Slide 50 text

Slide 51

Slide 51 text

Slide 52

Slide 52 text

Slide 53

Slide 53 text

Slide 54

Slide 54 text

© asken.inc ● 我々には「動くPRD」がある！と「AIおまかせ記録」の開発でリファインメントをほぼスキップ 54 開発プロセスをふりかえった従来 AI おまかせ記録 E2Eテストリファインメント（要件定義・基本設計）スプリント（詳細設計・実装・単体テスト） E2Eテストリファインメント（要件定義・基本設計）スプリント（詳細設計・実装・単体テスト）ほぼスキップ「動くPRD」の磨き込み（リファクタリング）

Slide 55

Slide 55 text

Slide 56

Slide 56 text

Slide 57

Slide 57 text

Slide 58

Slide 58 text

© asken.inc 改善仮説立案 PdMによる専門性発揮エンジニアによる専門性発揮 Vibe Codingで実装実験基盤へのデプロイユーザフィードバック Go / NoGo 判断 β版 FIX 動くPRD PdMの意図/ユーザの声/ログデータからの学びが凝縮されたDocsと動作済コード対話と価値共有リファインメント（要件定義・基本設計）スプリント（詳細設計・実装・単体テスト） E2Eテストローンチ動く P R D を基にした価値確認検証プロセス全体を整理・凝縮 PdMとエンジニアの共創「動くPRD」をインプットにした開発をした経験がないため開発プロセスが存在しない 2つ目の壁（悲劇の原因） 58 2つ目の壁「動くPRD」を使った開発プロセスがなかった ↓ 要件定義と基本設計を省略してしまい、後戻り激増、コードの解析コストめっちゃ多い

Slide 59

Slide 59 text

Slide 60

Slide 60 text

Slide 61

Slide 61 text

Slide 62

Slide 62 text

Slide 63

Slide 63 text

Slide 64

Slide 64 text

© asken.inc 64 「動くPRD」の活かし方「動くPRD」を触りながらリファインメントに必要な情報を抽出ここは従来通り進める AIによるリバースエンジニアリングでリファインメントに必要な情報を抽出動くPRDが語るもの ● ユーザが使ってくれるという確証 ● 大枠の仕様（機能要件）動くPRDから語らないもの ● 非機能要件 ● 内部品質動くPRDが語るが手間がかかるもの ● 細い機能要件 ● その他参考にできる設計情報

Slide 65

Slide 65 text

Slide 66

Slide 66 text

© asken.inc 「動くPRD」をリファインメント（要件定義・基本設計）で活用 66 「動くPRD」を使った開発プロセス現在従来 AI おまかせ記録 E2Eテストリファインメント（要件定義・基本設計）スプリント（詳細設計・実装・単体テスト） E2Eテストリファインメント（要件定義・基本設計）スプリント（詳細設計・実装・単体テスト） E2Eテストリファインメント（要件定義・基本設計）スプリント（詳細設計・実装・単体テスト）「動くPRD」を活用したリファインメントほぼスキップ「動くPRD」の磨き込み（リファクタリング）

Slide 67

Slide 67 text

© asken.inc 67 AIによるリバースエンジニアリングで「動くPRD」から情報を抽出し、機能要件に関わる要件定義と基本設計を加速する進め方要件定義基本設計機能要件ユースケース一覧、機能要件一覧などを抽出し活用データ設計、ドメイン設計、外部連携システム、Open API 仕様などを抽出し活用非機能要件従来通り（品質特性・RASIS）従来通り（アーキテクチャ設計、インフラ設計など）「動くPRD」を活用したリファインメントとはここを速くする

Slide 68

Slide 68 text

Slide 69

Slide 69 text

Slide 70

Slide 70 text

© asken.inc 70 AIによるリバースエンジニアリングで「動くPRD」から情報を抽出し、機能要件に関わる要件定義と基本設計を加速する進め方要件定義基本設計機能要件ユースケース一覧、機能要件一覧などを抽出し活用データ設計、ドメイン設計、外部連携システム、Open API 仕様などを抽出し活用非機能要件従来通り（品質特性・RASIS）従来通り（アーキテクチャ設計、インフラ設計など）「動くPRD」を活用したリファインメントとは

Slide 71

Slide 71 text

Slide 72

Slide 72 text

© asken.inc 72 AIによるリバースエンジニアリング ● Claude Code を使い「動くPRD」のリバースエンジニアリングを行って要件定義・基本設計を完了させる ● 抽出した情報の精度が大事動くPRD アウトプット例 ● REST I/F（Open APIスペック) ● データモデル ● フレームワーク/ライブラリ ● ビジネスロジック・処理シーケンス ● 外部システム連携情報など CLAUDE CODE

Slide 73

Slide 73 text

Slide 74

Slide 74 text

Slide 75

Slide 75 text

Slide 76

Slide 76 text

Slide 77

Slide 77 text

Slide 78

Slide 78 text

© asken.inc 78 提供する Claude Code の Pluginの動き PdM xxを実装して PreToolUse hook (Write/Edit) コーディングレビュー最終レビュースキル読み込み hookする内容（プロンプト）を読み込み hookする内容（プロンプト）を読み込みコーディング実行前に品質向上するためのスキルを読み込むファイルの書き込み、更新前に変更箇所を中心とした品質レビュータスクの実行で変更した全ファイルを対象にした最終レビュー quality-core スキル Stop hook CLAUDE CODE

Slide 79

Slide 79 text

© asken.inc 79 Claude Code Plugin の継続的改善 ● 「動くPRD」の品質とPdMのフィードバックによりプラグインを継続的に改善 ★ Claude Code marketplaceの追加＆プラグインのインストール $ claude plugin marketplace add asken/marketplace $ claude plugin install askenlab-plugin@asken-marketplace ★ プラグインの更新 $ claude plugin marketplace update asken-marketplace $ claude plugin update askenlab-plugin@asken-marketplace asken Claude Code plugin marketplace repository PdM エンジニア動くPRD プラグインの改善 (Git) —--- ------ ----- フィードバック

Slide 80

Slide 80 text

© asken.inc 80 「動くPRD」を使った開発プロセス　の整理要件定義基本設計機能要件ユースケース一覧、機能要件一覧などを抽出し活用データ設計、ドメイン設計、外部連携システム、Open API 仕様などを抽出し活用従来通り（品質特性・RASIS）従来通り（アーキテクチャ設計、インフラ設計など）「動くPRD」を活用したリファインメントの取り組みは２つ 1. AIを使ったリバースエンジニアリングによるリファインメントの加速 2. Claude Code Pluginの提供による「動くPRD」の内部品質向上現在 E2Eテストリファインメント（要件定義・基本設計）スプリント（詳細設計・実装・単体テスト）「動くPRD」を活用したリファインメント

Slide 81

Slide 81 text

© asken.inc 81 「動くPRD」を使った開発プロセス　の結果要件定義基本設計機能要件ユースケース一覧、機能要件一覧などを抽出し活用データ設計、ドメイン設計、外部連携システム、Open API 仕様などを抽出し活用従来通り（品質特性・RASIS）従来通り（アーキテクチャ設計、インフラ設計など） 1. AIを使ったリバースエンジニアリングは絶賛実施中定量的な結果は出ていないため次の機会に🙏 2. リバースエンジニアリングの精度を上げるためのClaude Code Plugin は既にPdMに提供し運用開始現時点でも既に「動くPRD」の品質は圧倒的に向上！現在 E2Eテストリファインメント（要件定義・基本設計）スプリント（詳細設計・実装・単体テスト）「動くPRD」を活用したリファインメント

Slide 82

Slide 82 text

Slide 83

Slide 83 text

Slide 84

Slide 84 text

© asken.inc 共創プロセス 84 あすけんにおいてPdMとエンジニアが行き着いた共創プロセスとは、お互いが同時に最大の専門性を発揮できる「順序」と「境界」を設計すること改善仮説立案 PdMによる専門性発揮エンジニアによる専門性発揮 Vibe Codingで実装実験基盤へのデプロイユーザフィードバック Go / NoGo 判断 β版 FIX 動くPRD PdMの意図/ユーザの声/ログデータからの学びが凝縮されたDocsと動作済コード対話と価値共有リファインメント（要件定義・基本設計）スプリント（詳細設計・実装・単体テスト） E2Eテストローンチ動く P R D を基にした価値確認検証プロセス全体を整理・凝縮 PdMとエンジニアの共創

Slide 85

Slide 85 text

Slide 86

Slide 86 text