ハッカソンで優勝したAIアプリの作り方とは？

Transcript

1. KAG AI Week: Final Night Offline Meetup! ハッカソンで優勝したAIアプリの作り⽅とは︖ 2026.2.20 KDDIアジャイル開発センター 久古幸汰 #kag_ai_week
2. 1 KDDI Agile Development Center Corporation ⾃⼰紹介 2024年4⽉ KAG⼊社 KAG新⼊社員⼀期⽣として⼊社。 現在まで、AIを活⽤した資料検索・作成サービスの開発に従事。 KDDIアジャイル開発センター 久古幸汰 ⽒名 久古幸汰 ⼊社年 2024年度 所属部署 開発5部 担当業務 エンジニア 趣味 ゲーム、個⼈開発、旅⾏ CAREER 技術記事投稿とか個⼈開発は好きです︕
3. 2 KDDI Agile Development Center Corporation はじめに ハッカソンで優勝してきました︕ • 昨年11⽉に⾏われたTokyo Flutter Hackathon 2025で 優勝することができました︕(2024は3位⼊賞) • その他、最近は社内ハッカソンで優勝したりも… 作成したAIアプリ”マニュマニュ”
4. 3 KDDI Agile Development Center Corporation 今⽇のテーマとアジェンダ 今⽇のテーマ︓AIコーディングが跳梁跋扈するこの世の中で、如何にしてハッカソンを勝ち抜くか︖ 第⼀章︓「ハッカソン」は「アイデアソン」になりつつある。勝てるアイデアの出し⽅とは︖ 第⼆章︓寄せ集めのチームで如何にして戦うか︖ 〜仕様駆動開発で共通の⼟台を作る〜 第三章︓プレゼンはビジネスのつもりで。”想い”を”価値”に繋げるプレゼンテーション戦略 • あえて“跳梁跋扈”なんて⾔い⽅をしちゃったけど… • 別にAIコーディングは嫌いじゃないよ。むしろ⼤好き︕ • それはそれとして、AIの普及によりハッカソンに求められるスキルや、”勝ち⽅”は変わりつつあるよね ⇒ “楽しみ⽅”は⼈それぞれ。だけど、”ハッカソンで勝つ”ためにはどうしたら良いか︖
5. 社外秘X 4 KDDI Agile Development Center Corporation 第⼀章 「ハッカソン」は「アイデアソン」になりつつある。 勝てるアイデアの出し⽅とは︖
6. 5 KDDI Agile Development Center Corporation 「ハッカソン」は「アイデアソン」になりつつある ハッカソン アイデアソン 実装はAIが⾏い、⼈間はマネジメントを⾏うという業務の変化が ハッカソンにそのまま反映されつつある 新規事業提案など、”アイデアの良さ”を競うのがアイデアソン ”アイデア”を”技術”で実装するのがハッカソン しかし、”実装”のハードルは⽣成AIにより下がり続ける = ハッカソンのアイデアソン化 ハッカソンで勝つために①︓如何に良い”ビジョン”と”ソリューション”を定義できるか︖
7. 6 KDDI Agile Development Center Corporation ハッカソンのアイデアで重要な3+3+1要素 解決したい課題 想い テーマ⼀致度 ⾼度な技術の使⽤ アプリの核となる3要素 独⾃性 マネタイズ 将来性 アイデアの良さに関わる3要素 ＞ “誰かが困っていること” は⼤前提 例）マニュアル作成に時間がかかる “課題”と”想い”はテーマに 合っているか︖ なぜこの課題を解決したいか︖ ハッカソンで実装しきれなかった将来像を語る 特に、”想い”に関連付けて語ると良い ❌ 本当にお⾦を儲けられるか ⭕ 誰かがお⾦を出しても良いと思え るほどの価値があるか︖ 【最重要】 今までに無いアイデアか︖ 両⽅重要だけど、ハッカソンでは 独⾃性のが重要視されがちだよね • 如何に想い ⇒ 課題 ⇒ 解決策(独⾃性)の流れを綺麗に作るか。 • これはプレゼンの段階でも⼤きく作⽤する。 • 独⾃性 ≒ マネタイズ⼒ ≒ 将来性でもある。⾼い独⾃性はそれだけで価値に繋がる。 • ⾼度な技術の使⽤は全てのベースとなる。普段培ったことを存分に発揮しよう。
8. 7 KDDI Agile Development Center Corporation ⽔平思考でロジカルに⾏うための⽅法論︓コツは”ジャンプ“をしないこと では、どうやって独⾃性の⾼いアイデアを出すか︖⇒ ⽔平思考が⼤切 ⽔平思考とは︖︓固定概念や論理的思考(垂直思考)に縛られず、創造的に物事を考える思考法 めっちゃ 良いアイデア よく”⽔平思考が⼤切”とは⾔われるけど、どうやってやれば良いかわからない そんな”良いアイデアを出すことが⼤切です”みたいなこと⾔われてもさ… 垂直思考 ⽔平思考 ⽔平思考が難しく感じるのはなぜか︖ ⇒ 良いアイデアまで”ジャンプ”しようとするから ⇒ ⽔平⽅向に、正しい軸を作ってあげることが⼤切 これをやろうとするから難しく感じる そりゃ無理だよね
9. 8 KDDI Agile Development Center Corporation ⽔平思考でロジカルに⾏うための⽅法論︓コツは”ジャンプ“をしないこと ⽔平思考をするための”軸”を持とう 垂直思考 SCAMPER法 Substitute(他で代⽤できないか︖), Combine(何かと組み合わせられないか︖), Adapt(他の良い仕組みを適⽤できないか︖) Modify(⼀部を修正できないか︖), Put to other uses(他の使い道は無いか︖), Eliminate(削除できないか︖), Reverse(逆にできないか︖) 私がよくやる⽅法 昨⽇やったことを順に思い出し、課題を探す 朝起きるのがつらかった ⇒ お昼ごはんのコストが⾼い ⇒ 3時頃眠くなって仕事に集中できなかった ⇒ … 形態分析法 プロダクトを要素ごとに分解し、別の要素を組み合わせてみる⽅法 例）X (Twitter) の使いやすいUI + 社内チャットツールという⽬的、など
10. 社外秘X 9 KDDI Agile Development Center Corporation 第⼆章 寄せ集めのチームで如何にして戦うか︖ 〜仕様駆動開発で共通の⼟台を作る〜
11. 10 KDDI Agile Development Center Corporation 寄せ集めのチームで如何にして戦うか︖ Tokyo Flutter Hackathonのチーム KAG 24卒新卒 同期4名 研修が同じチームだった新卒同期4⼈で参加︕ ⇒ しかし所属する案件はバラバラで、当然技術スタックや 得意領域も異なる ü 課題①︓認識合わせのコストが⾼い ・普段同じチームじゃないので、「いつものあの⽅法 で︕」が通⽤しにくい。 ・認識を合わせないまま⾛り出すと、後半にビジョンが バラバラになりコンセプトごと破綻しやすい。 ü 課題②︓使⽤する開発ツールが異なる ・皆⽣成AIツールは多⽤する。しかし、⼈によってツー ルが異なる(Claude Code, Github Copilot, Cursor, …) ・無理に合わせると各々が最⼤限の実⼒を発揮できな い。 ハッカソンで勝つために②︓如何にバラバラの技術スタックを持つチームをまとめるか︖
12. 11 KDDI Agile Development Center Corporation Tokyo Flutter Hackathonで実際に取った戦略 STEP1：KIROを使ったSpec駆動開発 STEP2：各々でVibeコーディング 最初に仕様を固め アプリケーションの土台を一気に作る KIROとは？ AWSが開発した、Spec(仕様)駆動開発 に特化したAI IDE 各々が使い慣れたAIツールでVibeコーディング 並列で効率的な実装が可能に Claude Code OpenAI Codex Cursor 1⽇⽬昼 1⽇⽬夜~2⽇⽬
13. 12 KDDI Agile Development Center Corporation “仕様”を決める ・requirements.md︓ユーザーストーリーや受け⼊れ基準 ・design.md︓アーキテクチャが画⾯構成 ・tasks.md︓実装計画・タスク⼀覧 仕様駆動開発で共通の⼟台を作る 仕様駆動開発とは︖ ・まず最初に仕様を明確に定義し、それをAIに実装させる開発⽅式 ・最近では、バイブコーディングの弱点を補える⼿法として位置づけられることが多い 仕様を決めて実装するのは当たり前だろという正論はさておき OK! 仕様を最初に固めることは、2つの意味がある ① プロダクトの⽅向性やビジョンの⼀致 ② AIに開発させるための基盤を整える AIが仕様をもとに 最低限の”土台 (MVP)”を実装 パラレルにVibeコーディング ・”⼟台”がしっかりしているアプリに機能を追加するのは⽐較的ラク ・各メンバーが OK! 追加機能開発① 追加機能開発② デザイン修正 プレゼン資料作成
14. 社外秘X 13 KDDI Agile Development Center Corporation 第三章 プレゼンはビジネスのつもりで。 ”想い”を”価値”に繋げるプレゼンテーション戦略
15. 14 KDDI Agile Development Center Corporation プレゼンはビジネスのつもりで︓ハッカソンは実際のビジネスの縮図である ハッカソン KAGにおける実際のビジネス (リーンスタートアップ) ハッカソンはこの部分に該当 ⇒ 最後のプレゼンも、ビジネスのつもりで ファウンダー・マーケット・フィット (FMF) なぜ、あなたが作らなければならないのか︖ ⇒ その市場やプロダクトに対する強い想い プロダクト・マーケット・フィット (PMF) 製品が市場のニーズに適合しているか︖ ⇒ 実装やアイデアの質 では、ハッカソンと実際のビジネスの差分は何か︖(持論ですが) ⇒ 本当の意味で売り物になるか(PMF)も重要だが、なぜそのプロダクトを作ったか(FMF)を強く説明できる⽅がよい プレゼンではこっちも意識して欲しい
16. 15 KDDI Agile Development Center Corporation プレゼンはビジネスのつもりで︓ハッカソンは実際のビジネスの縮図である 盛り上がり 時間 ハッカソンで⼀番⾒られるのはプレゼン時間。ファウンダー・マーケット・フィットで盛り上がりをコントロールしよう︕ NABC + FMF Need (ニーズ)︓誰がどんな課題を抱えているか︖ Approach (アプローチ)︓どんな解決策(プロダクト)か︖ Benefit (利点)︓そのプロダクトでどんな良いことがあるか︖ Competition (競合)︓他と⽐べてどんな独⾃性があるか︖ Need Approach Benefit Competition FMF ⼀番⾒て欲しいのはココ 最初に課題やプロダクトに対する強い想い(FMF)を伝え ストーリーに納得感を持たせる
17. 社外秘X 16 KDDI Agile Development Center Corporation おしまい︕ AIを効率よく使ってよいハッカソンライフを︕ ご静聴ありがとうございました🙇
18. Be a Change Leader. アジャイルに⼒を与え 共に成⻑し続ける社会を創る