Upgrade to Pro — share decks privately, control downloads, hide ads and more …

一緒にスクラム開発___GPT-4と人間が共創するプロダクトの進化.pdf

 一緒にスクラム開発___GPT-4と人間が共創するプロダクトの進化.pdf

Hiroshi Ito

March 23, 2023
Tweet

More Decks by Hiroshi Ito

Other Decks in Programming

Transcript

  1. 1
    ©2023 Loglass Inc.
    一緒にスクラム開発:
    GPT-4と人間が共創するプロダクトの進化
    2023.03.23 伊藤博志(いとひろ) @itohiro73
    ChatGPT選手権!エンジニアリングに組み込んでみたらこうなりました LT大会

    View full-size slide

  2. 2
    ©2023 Loglass Inc.
    自己紹介
    ログラス株式会社のエンジニアリングマネージャー
    プロダクト開発チーム2チームのマネジメントに従事
    略歴
    外資系証券会社で12年間エンジニアとして従事したのち、
    FinTech系スタートアップ3社を経て現職。
    前職ではクラウドファンディングの会社で
    執行役員VP of Engineeringとしてエンジニア組織の統括
    Eclipse Collections (旧GS Collections)元プロジェクトリード
    伊藤博志
    いとひろ@itohir73

    View full-size slide

  3. 3
    ©2023 Loglass Inc.
    (注意事項)
    情報量多いですが、ページ送り早い予定なのでLTでは
    雰囲気だけ感じてください!
    スライドもZennの記事も共有するのであとでゆっくり読
    んでね

    View full-size slide

  4. 4
    ©2023 Loglass Inc.
    約3ヶ月半前、ChatGPTの登場に
    衝撃を受けました

    View full-size slide

  5. 5
    ©2023 Loglass Inc.
    約3ヶ月半前、ChatGPTが現れたときの戯れ
    対話的にコードの実装をお願いしてみ
    たら、なんとTwitterっぽいフロントエン
    ド実装をReact/TypeScript/ CSSを駆
    使してつくってくれました!
    この時の衝撃は忘れられない

    View full-size slide

  6. 6
    ©2023 Loglass Inc.
    さらに衝撃!ChatGPTさんはフロントエンドエンジニアだった!?

    View full-size slide

  7. 7
    ©2023 Loglass Inc.
    時は経て、GPT-4が登場
    ChatGPTさんの実力はそんなもんじゃないはず
    (笑)

    View full-size slide

  8. 8
    ©2023 Loglass Inc.
    今回は、ChatGPTさんと一緒に
    スクラム開発をしてみました!!

    View full-size slide

  9. 9
    ©2023 Loglass Inc.
    ChatGPTさんとスクラム開発ってどういうこと?
    最初の前さばき
    ● 開発するプロダクトをChatGPTさんに考えてもらう
    ● ざっくりした要件と仕様設計を
    ChatGPTさんに考えてもらう
    スクラム開始
    ● while(プロダクトゴール達成するまで)
    ○ スプリント開始
    ■ スプリントゴール/スプリントバックログアイテムを
    ChatGPTさんに考えてもらう
    ■ while(スプリントゴール達成するまで)
    ● バックログアイテム開始
    ○ ChatGPTさんに実装を考えてもらう
    ● バックログアイテムの終了条件までつづける
    ■ ChatGPTさんに振り返りをしてもらう
    ○ スプリント終了

    View full-size slide

  10. 10
    ©2023 Loglass Inc.
    ちなみにまだプロダクトゴールは達成してません
    今日は途中経過の共有

    View full-size slide

  11. 11
    ©2023 Loglass Inc.
    さっそく開始(このときはスクラム開発はあんまり意識していなかった)

    View full-size slide

  12. 12
    ©2023 Loglass Inc.
    ChatGPTさん、初期アイデアからいきなりめっちゃクリエイティブ

    View full-size slide

  13. 13
    ©2023 Loglass Inc.
    ChatGPTさん、アイデアの絞り込みに対しても積極的に意見をくれます

    View full-size slide

  14. 14
    ©2023 Loglass Inc.
    名前も決めに行きます

    View full-size slide

  15. 15
    ©2023 Loglass Inc.
    なんとゆーか、名前の意図の表現が美しすぎる

    View full-size slide

  16. 16
    ©2023 Loglass Inc.
    ChatGPTさん、名前への思い入れの表現も美しい...

    View full-size slide

  17. 17
    ©2023 Loglass Inc.
    プロダクト名はTaleWeaver!名前と方向性も決まったので次のステップへ

    View full-size slide

  18. 18
    ©2023 Loglass Inc.
    要件定義をDesign Docに書き下し、Mermaid記法でシーケンス図も書いてくれた

    View full-size slide

  19. 19
    ©2023 Loglass Inc.
    ここまで、アイデアから始まり名前・要件・仕様アウトプットまですべてChatGPTさん自ら
    考案し作成!!Generative AIすごい!!!
    < 私はただのコピペマシーンです

    View full-size slide

  20. 20
    ©2023 Loglass Inc.
    スクラム開発 スプリント #1 開始

    View full-size slide

  21. 21
    ©2023 Loglass Inc.
    スプリントゴールを設定するぞ!いきなりOpenAI APIとつなげようとしてる!

    View full-size slide

  22. 22
    ©2023 Loglass Inc.
    ちょっと無謀なんでモックのデータで行こうぜって言ったら素直に聞いてくれた

    View full-size slide

  23. 23
    ©2023 Loglass Inc.
    スプリントバックログアイテムも整理してくれました

    View full-size slide

  24. 24
    ©2023 Loglass Inc.
    コピペマシーンいとひろがGitHub上で整理します

    View full-size slide

  25. 25
    ©2023 Loglass Inc.
    ChatGPTさん、実装もゴリゴリ進めてくれます

    View full-size slide

  26. 26
    ©2023 Loglass Inc.
    バックエンドAPIの初期実装完成

    View full-size slide

  27. 27
    ©2023 Loglass Inc.
    フロントエンドの初期実装完成

    View full-size slide

  28. 28
    ©2023 Loglass Inc.
    Axiosの通信機能実装完成(この時点では404で期待値通り)

    View full-size slide

  29. 29
    ©2023 Loglass Inc.
    バックエンドのモックデータAPI完成(フロントエンドaxiosとの疎通も確認)

    View full-size slide

  30. 30
    ©2023 Loglass Inc.
    フロントエンド表示機能完成(スプリントゴール達成!!)

    View full-size slide

  31. 31
    ©2023 Loglass Inc.
    スプリント #1 ゴール達成しちゃいました!!!(歓喜)

    View full-size slide

  32. 32
    ©2023 Loglass Inc.
    ChatGPTさんと一緒に振り返りもしっかり実施

    View full-size slide

  33. 33
    ©2023 Loglass Inc.
    チームとしてちゃんと私もKPTします

    View full-size slide

  34. 34
    ©2023 Loglass Inc.
    ChatGPTさん、お気持ち表明。素直すぎて、前向きだし、泣ける...!!

    View full-size slide

  35. 35
    ©2023 Loglass Inc.
    思わずこんなツイートしました

    View full-size slide

  36. 36
    ©2023 Loglass Inc.
    これにてスプリント #1 完!!

    View full-size slide

  37. 37
    ©2023 Loglass Inc.
    スプリント #2 も完したんだけど、
    LTでお伝えする時間なさそうです(ToT)

    View full-size slide

  38. 38
    ©2023 Loglass Inc.
    スプリント #2 ゴール達成時のスクショだけ共有!

    View full-size slide

  39. 39
    ©2023 Loglass Inc.
    GitHubはこちら:
    https://github.com/itohiro73/tale-weaver

    View full-size slide

  40. 40
    ©2023 Loglass Inc.
    一緒にスクラム開発:
    GPT-4と人間が共創するプロダクトの進化
    このタイトルの雰囲気を感じていただけましたか?

    View full-size slide

  41. 41
    ©2023 Loglass Inc.
    LTなのに情報過多でごめんなさい!!
    本日の発表内容の詳細はこのあとすぐ
    Zennで公開予定!お楽しみに!!

    View full-size slide

  42. 42
    ©2023 Loglass Inc.
    おまけ: ここでちょっと株式会社ログラスの話

    View full-size slide

  43. 43
    43
    ©2023 Loglass Inc.
    次世代型 経営管理クラウド

    View full-size slide

  44. 44
    ©2023 Loglass Inc.
    株式会社ログラスはAI関連開発に積極的に投資していくことを意思決定!

    View full-size slide

  45. 45
    ©2023 Loglass Inc.
    ログラス社について
    気になる方は、Twitter DMやYOUTRUSTでお
    気軽にお声がけくださいね!

    View full-size slide