生成AIで知るお願いの仕方の難しさ

Slide 1

Slide 1 text

生成AIで知るお願いの仕方の難しさ Toranomon Tech Hub 第三回技術異種格闘技戦〜好きな技術LT大会〜うーたん

Slide 2

Slide 2 text

自己紹介 ● うーたん ○ X：@uutan1108 ● 株式会社ゆめみ ○ 新卒３年目 ○ サーバーサイドエンジニア ● 趣味 ○ アニメを観ること

Slide 3

Slide 3 text

コードレビューでたくさん指摘があった時

Slide 4

Slide 4 text

コードレビューをお願いします！ OK

Slide 5

Slide 5 text

ここのコードは、あの実装を参考にして書き直してそこのコードをそうするなら、あそこのコードも直したいな

Slide 6

Slide 6 text

コード書き直し中...

Slide 7

Slide 7 text

直したのでもう一度レビューお願いします！

Slide 8

Slide 8 text

そこまで変更しなくていのに、ここだけ修正してそこの実装ではなくて、このN行目を参考にして

Slide 9

Slide 9 text

修正漏れや伝わらないなどが起きる

Slide 10

Slide 10 text

修正方法を知っているなら明確に指示した方が分かりやすい

Slide 11

Slide 11 text

Fuga.tsとHoge.tsだけ修正して Hoge.ts の N行を参考にして書き直して

Slide 12

Slide 12 text

指示を細かく具体的にすると精度が上がる

Slide 13

Slide 13 text

AI と対話しながらコードを修正する様子

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

対象のファイルを指定して行も指定するといい感じに修正してくれる

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

関係ないファイルを指定すると AI は修正できない

Slide 18

Slide 18 text

画像のエディタは Cursor

Slide 19

Slide 19 text

https://www.cursor.com/ja

Slide 20

Slide 20 text

Cursor の特徴 - AI にファイルの行数を指定してコンテキストを与えられる - コマンドプロンプトのエラーメッセージもコンテキストで与えられる - AI が変更を提案したコードを取り込むか判断できる - 空のプロジェクトで「React で TODO アプリを作って」のような指示もできる

Slide 21

Slide 21 text

AI に「エラーです。修正して。」は、修正できない時はずーっと修正できない。

Slide 22

Slide 22 text

Fugaライブラリのエラーです。 Fuga.tsを修正します。 Node.jsをアップデートしたらエラーになります。エラーメッセージはこれです。

Slide 23

Slide 23 text

Fugaライブラリのエラーです。 Fuga.tsを修正します。 Node.jsをアップデートしたらエラーになります。エラーメッセージはこれです。いや。同じエラーです。

Slide 24

Slide 24 text

AI にエラーメッセージ以外のコンテキストを与えないと沼にハマる

Slide 25

Slide 25 text

URL をプロンプトに与えたり、人間がドキュメントを読んで AI に伝えると沼から抜けられる

Slide 26

Slide 26 text

Fugaライブラリのエラーです。 Node.jsをアップデートしたらエラーになります。エラーメッセージはこれです。原因はなんですか？ Fuga ライブラリの issue のURL です。https://… issue で指摘されていることに原因はありますか？

Slide 27

Slide 27 text

または、

Slide 28

Slide 28 text

Fugaライブラリのエラーです。 Node.jsをアップデートしたらエラーになります。エラーメッセージはこれです。原因はなんですか？ Fuga ライブラリの issue でXXが解決策として挙げられています。修正してみて。