Tweet
Tweet

Slide 1

Slide 1 text

More Context, Better Code. 既存 OAS等 LLM 与 事 、 ⽣成 ⾏ 話 ̶ at: ̶ 【リンケージ x セレス】⽣成AI利⽤の現実 ~開発者は本当にAIと向き合えているのか~ ̶ date: ̶ 2024/9/14 ̶ author: ̶ uzulla (from Linkage)

Slide 2

Slide 2 text

⾃⼰紹介 ̶ id: uzulla (うずら) ̶ Linkageには業務委託でJoinしているフ リーのウェブ系ソフトウェアエンジニア (他の⾊々な現場にもおります) ̶ 主戦場はバックエンド系ですが、 必要なら何でもやります系です。 ̶ ⾃称で、得意なものはレガシーコードで す (約30年選⼿なので、俺がレガシーだ！) ̶ ⼀番書く⾔語はPHPですが、TypeScript やGoやPython等も必要に応じて書きます

Slide 3

Slide 3 text

DISCLAIMER         ̶ 本トークはLLMベースのAIについて扱いますが、 あらゆる場⾯で推奨するものではありません ̶ 多くのLLMによるコード⽣成サービスは、さまざまな課題を抱えています ̶ コードをクラウドに送信するにもかかわらず、 難解・不透明なポリシー、プラン等などによる変動条件や、 予期せぬ設定を誘発するオプトアウト⽅式の多さ ̶ LLMが⽤いる学習データの透明性不⾜による 予期せぬライセンス違反の可能性 ̶ 本トークでは扱いませんが、現場において判断してください

Slide 4

Slide 4 text

導⼊

Slide 5

Slide 5 text

（LLM ）AI活⽤ ！？ ̶ 挙⼿で教えてもらえるとうれしいです！ ̶ ChatGPT、Claude、Copilot、Gemini等のチャット ̶ GH Copilot, Jetbrains AI, Cody, Codium等のAddon等 ̶ CursorやGitHub WorkspacesやインテグなどのAIネイティブエディタ等 ̶ CIなどに組み込んだ⾃動コードレビューアクションなど ̶ OpenAI Api等をコールする⾃作のスクリプトなど ̶ 私は⼤体使ってみている

Slide 6

Slide 6 text

初期 ⽤AI環境 触 失望 ̶ 2021年に鳴り物⼊りした(GitHub) Copilot 「コードはAIが書く時代！！！エンジニア失業！！！」 ̶ 初期のCopilotはエディタ内でAIが補完のみ ̶ 開いているタブだけを参照する ̶ 体感で「微妙」という感じ否めない ̶ 「有料になっちゃったしなあ…」 ̶ しかし昨今は進化をしております！ ̶ 競合を参考にして(？)進化 ̶ インラインエディット対応、コンテキスト対応 ̶ Web UIでの動作対応 ̶ 中⾝もGPT4oになったり、⾼速化したり

Slide 7

Slide 7 text

쏑쏬 ̶ 全部ライブコーディングしたかったが、時間がきびしいのでね！

Slide 8

Slide 8 text

OAS定義 DTO定義 ⽣成 ̶ OAS定義ファイルからDTO定義を⽣成するデモ ̶ OASを⽣成して、DTOを⽣成して、C(RUD)を⽣成して、テストを⽣成す る ̶ コンテキストとして、ファイルを与えていく

Slide 9

Slide 9 text

OAS ⽤意         ̶ プロンプトサンプル ̶ ଂॻ؅ཧ༻ͷCRUDͷOASΛYamlܗࣜͰੜ੒͍ͯͩ͘͠͞ɻ ΤϯςΟςΟͱ ͯ͠͸ɺBook ΤϯςΟςΟ͕͋Γ·͢ɻ ̶ 本当はもっと⻑くかいてもよいが、プロンプトエンジニアリングの説明は 今回しないので省略

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

ੜ੒͞ΕͨYaml͔Βൈਮ components: ུ Book: type: object properties: id: type: integer title: type: string author: type: string publishYear: type: integer genre: type: string createdAt: type: string format: date-time

Slide 12

Slide 12 text

DTO ⽣成              ̶ chat ウインドウをひらき、attach fileをする ̶ attach file(AIが参考とするファイルを添付)をするのが重要

Slide 13

Slide 13 text

                ̶ 何⾔語で、バージョンは何で、くらいは指定した⽅がよい

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

̶ 完璧ではない…が、これは指⽰をちゃんと書いていくとよい ̶ strict_typeつけてね、とか。 ̶ Readonlyつけて、とか。 ̶ プロンプトの秘伝たれをつくると便利です(⾳声⼊⼒というテクもある) ̶ 「⾯倒臭い！」「全部⾃分で書くのとどっちが⾯倒かな？？？」 ̶ ⼀回ソースコード完成形ができれば、「このファイルを真似してね」とい えば真似してくれるので、そういう指定もできる

Slide 16

Slide 16 text

DDL 、 ⽣成     

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

Mockは嫌いだなあ… ̶ ⾯倒なのでSqliteになっているのはご愛敬

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

実⾏ ( phpunit ) $ vendor/bin/phpunit --bootstrap vendor/autoload.php ./BookRepositoryTest.php PHPUnit 11.4.1 by Sebastian Bergmann and contributors. Runtime: PHP 8.3.9 . 1 / 1 (100%) Time: 00:00.006, Memory: 6.00 MB OK (1 test, 6 assertions) ウゴイタアアアア

Slide 22

Slide 22 text

中間                       ̶ 必要なファイルをアタッチすることで、AIが⽂脈(コンテキスト)を理解し て、ちゃんと動くコードを⽣成できる ̶ 全部を⾃然⾔語で⼊⼒するのは無駄がすごい(⼈間でもそうでしょ) ̶ 「ここをこうなおして」「これを参考にして」と、AIに語りかける ̶ (これを⾏わないと、なんかそれっぽい嘘コードがでてきて、勝⼿に⼈間が 失望することに)

Slide 23

Slide 23 text

楽

Slide 24

Slide 24 text

最近 ⼀ ⼀ 指定 (？) ̶ @workspace を指定するとよい ̶ (AIが⾃動的に選ぶが、万能ではない…けど、指定するより楽！)

Slide 25

Slide 25 text

既存 修正              ̶ DateTimeじゃなくて、DateTimeImmutableがいいよね

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

…               ̶ なんて⾯倒くさい！ Inlineをつかいましょう ̶ 全選択したり、修正したい箇所だけ選択してから Copilot > start in editor を選ぶ

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

̶ 修正提案がでるので、これをAcceptしたりする ̶ 追加の修正指⽰もおこなうことができます ̶ (が、思い通りでない場合は、質問⽂⾃体かえたほうが早い事も) ̶ このインライン修正の機能は、 多分、初出はCursor(別のAIネイティブエディタ)で、 これがすごくよかったもので、パク…オマージュされて 実装されたんじゃないか (ほかのツールも倣っている) ̶ Cursorはすごくいいぞ()

Slide 31

Slide 31 text

Inline chat 修正 ̶ ゼロから⽣成でなく、インラインで局所的な修正が可能 ̶ 範囲指定したコードを対話的に修正・⽣成するデモ ̶ ちょいちょい⾯倒な修正も⼀発でできる ̶ たとえば…Array()記法を[]に修正させる ̶ (こんなの、他⼈にやらせたいですよね？それできます！)

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

VSCode＋Copilot 開発 ̶ …をやろうとおもったんですが、⻑くなるのでYoutubeにしておきました。 興味のある⼈は後でご覧ください。 ̶ https://www.youtube.com/watch?v=51OR5pRRu8I

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

쎕썿쎘 ̶ AIは賢いが、コンテキストがあれば、望む結果が得られやすい ̶ 「バグを直して！」みたいなのは難しい、 「このファイルで、このテストが通るように直して！」等がよい ̶ 「テンプレ」をつくって、これを真似て作って、というとよい ̶ (そのためには⾃分の知識は重要、選ぶのはあなた) ̶ inline機能で⼤分サクサクと作業ができるようになって便利 ̶ GitHub Copilot以外もツールはある ̶ ⽇進⽉歩で改善されるので、年間で契約しない⽅がよい(と思う) ̶ 私は普段Cody＋PhpStormをつかっている ̶ (Copilotは「質問がプログラミングに制限されている」ので不便な事 も)