Replit Agent - Speaker Deck

Replit Agent

by Yasunobu Kawaguchi

Slide 1

Slide 1 text

Replit Agent を使ってみた。 AIがWebアプリを作ってくれるぞ！ (うそくさい)

Slide 2

Slide 2 text

川口恭伸かわぐちやすのぶ Twitter: @kawaguti YesNoBut株式会社代表取締役社長アギレルゴコンサルティング株式会社シニアアジャイルコーチ一般社団法人スクラムギャザリング東京実行委員会代表理事一般社団法人 DevOpsDays Tokyo 代表理事

Slide 3

Slide 3 text

https://chatgpt-lab.com/n/nccc10e804eba

Slide 4

Slide 4 text

だいたいの概要 Web上の開発環境として老舗の Repl.it の AIエージェント機能。コード生成だけでなく、ホスティングと結びついて、デプロイから本番稼働までできる。

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

作業中シェル Git デプロイタブで切り替え

Slide 10

Slide 10 text

作業する→ デプロイ Git push → commitはエージェントがおこなう

Slide 11

Slide 11 text

要求の提示

Slide 12

Slide 12 text

←ここで作業承認ボタンを押すタスク開始仕様の確認

Slide 13

Slide 13 text

←タスクの宣言 ←ファイルの編集 ←タスクの宣言 ←開発サーバ起動 ←スクショ取得 ←コミット ←受入テスト要請

Slide 14

Slide 14 text

作業中ペインで Web画面が起動するので、自分で操作して受け入れ確認を行う。

Slide 15

Slide 15 text

追加要望の提示

Slide 16

Slide 16 text

←受入テスト要請 ←受入テスト完了 ←タスク完了確認 ←Gitコミット ←デプロイボタン

Slide 17

Slide 17 text

デプロイ実施 Provision Build Bundle Promote

Slide 18

Slide 18 text

本番に反映される

Slide 19

Slide 19 text

Gitコミット履歴はチャットの応答

Slide 20

Slide 20 text

作業する→ デプロイ Git push → commitはエージェントがおこなう

Slide 21

Slide 21 text

むっちゃかわいいのでぜひ使ってみてほしいです。全国のスクフェスを地図表示するアプリを作ってみた

Slide 22

Slide 22 text

使ってみた感じ優しく原状復帰を繰り返して、 Baby Steps で指示するとよさげ。手は早いが慎重さに欠ける新人さんに仕事をお願いしている感じ。(仕組みの理解は必要)

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

これはまさにPOの動きプロダクトオーナー(PO)の練習にもってこいかもしれない。開発者が理解できる粒度でバックログを提示して、質問に答えながら、有限時間内に実装してもらう。

Slide 25

Slide 25 text

顧客 PO スクラムマスター開発者たちアウトプットアウトカムプロダクトオーナー

Slide 26

Slide 26 text

顧客 PO スクラムマスター開発者たちアウトプットアウトカムプロダクトオーナーは、各種の要望を「実現可能な仕様」に落として、バックログに積み、優先順位付けして ROIを高く保つ。プロダクトオーナー

Slide 27

Slide 27 text

顧客 PO スクラムマスター開発者たちアウトプットアウトカム開発したものはアウトプット、それを利用してエンドユーザーが得られる成果がアウトカム。

Slide 28

Slide 28 text

顧客 PO スクラムマスター開発者たちアウトプットアウトカムなるべく少ないアウトプットで、アウトカムを得たい Jeff Patton 『ユーザーストーリーマッピング』

Slide 29

Slide 29 text

顧客 PO スクラムマスター開発者たちアウトプットアウトカムプロダクトオーナー

Slide 30

Slide 30 text

私なりの腹落ち POが仕組みをわかっているととてもコスパ(ROI)がよくなりそう。常にリリース可能な状態を保つアジャイルの学びがそのまま使える。 (そこそこコードもシンプルっぽい)

Slide 31

Slide 31 text

気を付けることは人間と同じ環境不正や細かいエラーは作業前に直しておく。 (技術的負債) 45分以上作業して、MP(AIトークンの利用可能量) がすり減っているときに大きな作業を始めない。

Slide 32

Slide 32 text

結論 Replit Agent を使ってみた。 AIがWebアプリを作ってくれるぞ！ (うそくさい)

Slide 33

Slide 33 text

結論 Replit Agent を使ってみた。 AIがWebアプリを作ってくれるぞ！ (うそくさい)

Slide 34

Slide 34 text

結論割とここにいる皆さんと相性がいいツールかなと感じましたんで、気が向いたらそのうち使ってみたらいいと思いました。以上

Slide 35

Slide 35 text

あとは細かい話。

Slide 36

Slide 36 text

使ってみた感じテストコードも書いてくれるが、こけた E2Eテストはまるで直してくれなくなった。シンプルに指示すると、シンプルに実装してくれる。割と気持ちいい。

Slide 37

Slide 37 text

使ってみた感じ逆に、論理的なものや定石は、すごく早いし気が利いていたりする。ログインとか管理画面とか。副作用系(描画不正とか)は、エージェントからは見えないので、修正が手間取りがち。

Slide 38

Slide 38 text

使ってみた感じなので、一歩一歩の受入確認重要。エージェントが直せないものを自分で解析して直そうかと思ったけど、ロールバックして別の手段を試すほうが早い。

Slide 39

Slide 39 text

使ってみた感じなので、あきらめも肝心。さっさとロールバックする。エージェントはしばらく使うとリミットに達して５時間使えない。 …ので、問題解決に堂々巡りされるとつらい。

Slide 40

Slide 40 text

使ってみた感じポート5000で強制再起動を依頼すると直してくれる。開発用サーバーが中途半端に生きてるのか、ポートがふさがってて起動しないことがある。

Slide 41

Slide 41 text

使ってみた感じもろもろの確認がこけまくるので、ロールバック。強制再起動を指示しないと、新しく5001で起動するようにソースを書き換えて起動してしまう。

Slide 42

Slide 42 text

https://addyo.substack.com/p/the-70-problem-hard-truths-about 割と近しい見解がちゃんと解説されてました

Slide 43

Slide 43 text

むっちゃかわいいのでぜひ使ってみてほしいです。