More Context, Better Code. 既存コードやOAS等をコンテキストとしてLLMに与える事で、よりよいコード生成を行う話

at: 【リンケージ x セレス】生成AI利用の現実 ~開発者は本当にAIと向き合えているのか~
date: 2024/10/17
author: uzulla

Transcript

1. More Context, Better Code. 既存 OAS等 LLM 与 事 、 ⽣成 ⾏ 話 ̶ at: ̶ 【リンケージ x セレス】⽣成AI利⽤の現実 ~開発者は本当にAIと向き合えているのか~ ̶ date: ̶ 2024/9/14 ̶ author: ̶ uzulla (from Linkage)
2. ⾃⼰紹介 ̶ id: uzulla (うずら) ̶ Linkageには業務委託でJoinしているフ リーのウェブ系ソフトウェアエンジニア (他の⾊々な現場にもおります) ̶ 主戦場はバックエンド系ですが、 必要なら何でもやります系です。 ̶ ⾃称で、得意なものはレガシーコードで す (約30年選⼿なので、俺がレガシーだ！) ̶ ⼀番書く⾔語はPHPですが、TypeScript やGoやPython等も必要に応じて書きます
3. DISCLAIMER         ̶ 本トークはLLMベースのAIについて扱いますが、 あらゆる場⾯で推奨するものではありません ̶ 多くのLLMによるコード⽣成サービスは、さまざまな課題を抱えています ̶ コードをクラウドに送信するにもかかわらず、 難解・不透明なポリシー、プラン等などによる変動条件や、 予期せぬ設定を誘発するオプトアウト⽅式の多さ ̶ LLMが⽤いる学習データの透明性不⾜による 予期せぬライセンス違反の可能性 ̶ 本トークでは扱いませんが、現場において判断してください
4. 導⼊
5. （LLM ）AI活⽤ ！？ ̶ 挙⼿で教えてもらえるとうれしいです！ ̶ ChatGPT、Claude、Copilot、Gemini等のチャット ̶ GH Copilot, Jetbrains AI, Cody, Codium等のAddon等 ̶ CursorやGitHub WorkspacesやインテグなどのAIネイティブエディタ等 ̶ CIなどに組み込んだ⾃動コードレビューアクションなど ̶ OpenAI Api等をコールする⾃作のスクリプトなど ̶ 私は⼤体使ってみている
6. 初期 ⽤AI環境 触 失望 ̶ 2021年に鳴り物⼊りした(GitHub) Copilot 「コードはAIが書く時代！！！エンジニア失業！！！」 ̶ 初期のCopilotはエディタ内でAIが補完のみ ̶ 開いているタブだけを参照する ̶ 体感で「微妙」という感じ否めない ̶ 「有料になっちゃったしなあ…」 ̶ しかし昨今は進化をしております！ ̶ 競合を参考にして(？)進化 ̶ インラインエディット対応、コンテキスト対応 ̶ Web UIでの動作対応 ̶ 中⾝もGPT4oになったり、⾼速化したり
7. 쏑쏬 ̶ 全部ライブコーディングしたかったが、時間がきびしいのでね！
8. OAS定義 DTO定義 ⽣成 ̶ OAS定義ファイルからDTO定義を⽣成するデモ ̶ OASを⽣成して、DTOを⽣成して、C(RUD)を⽣成して、テストを⽣成す る ̶ コンテキストとして、ファイルを与えていく
9. OAS ⽤意         ̶ プロンプトサンプル ̶ ଂॻ؅ཧ༻ͷCRUDͷOASΛYamlܗࣜͰੜ੒͍ͯͩ͘͠͞ɻ ΤϯςΟςΟͱ ͯ͠͸ɺBook ΤϯςΟςΟ͕͋Γ·͢ɻ ̶ 本当はもっと⻑くかいてもよいが、プロンプトエンジニアリングの説明は 今回しないので省略
11. ੜ੒͞Εͨ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
12. DTO ⽣成              ̶ chat ウインドウをひらき、attach fileをする ̶ attach file(AIが参考とするファイルを添付)をするのが重要
13.                 ̶ 何⾔語で、バージョンは何で、くらいは指定した⽅がよい
15. ̶ 完璧ではない…が、これは指⽰をちゃんと書いていくとよい ̶ strict_typeつけてね、とか。 ̶ Readonlyつけて、とか。 ̶ プロンプトの秘伝たれをつくると便利です(⾳声⼊⼒というテクもある) ̶ 「⾯倒臭い！」「全部⾃分で書くのとどっちが⾯倒かな？？？」 ̶ ⼀回ソースコード完成形ができれば、「このファイルを真似してね」とい えば真似してくれるので、そういう指定もできる
16. DDL 、 ⽣成     
19. Mockは嫌いだなあ… ̶ ⾯倒なのでSqliteになっているのはご愛敬
21. 実⾏ ( 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) ウゴイタアアアア
22. 中間                       ̶ 必要なファイルをアタッチすることで、AIが⽂脈(コンテキスト)を理解し て、ちゃんと動くコードを⽣成できる ̶ 全部を⾃然⾔語で⼊⼒するのは無駄がすごい(⼈間でもそうでしょ) ̶ 「ここをこうなおして」「これを参考にして」と、AIに語りかける ̶ (これを⾏わないと、なんかそれっぽい嘘コードがでてきて、勝⼿に⼈間が 失望することに)
23. 楽
24. 最近 ⼀ ⼀ 指定 (？) ̶ @workspace を指定するとよい ̶ (AIが⾃動的に選ぶが、万能ではない…けど、指定するより楽！)
25. 既存 修正              ̶ DateTimeじゃなくて、DateTimeImmutableがいいよね
27. …               ̶ なんて⾯倒くさい！ Inlineをつかいましょう ̶ 全選択したり、修正したい箇所だけ選択してから Copilot > start in editor を選ぶ
30. ̶ 修正提案がでるので、これをAcceptしたりする ̶ 追加の修正指⽰もおこなうことができます ̶ (が、思い通りでない場合は、質問⽂⾃体かえたほうが早い事も) ̶ このインライン修正の機能は、 多分、初出はCursor(別のAIネイティブエディタ)で、 これがすごくよかったもので、パク…オマージュされて 実装されたんじゃないか (ほかのツールも倣っている) ̶ Cursorはすごくいいぞ()
31. Inline chat 修正 ̶ ゼロから⽣成でなく、インラインで局所的な修正が可能 ̶ 範囲指定したコードを対話的に修正・⽣成するデモ ̶ ちょいちょい⾯倒な修正も⼀発でできる ̶ たとえば…Array()記法を[]に修正させる ̶ (こんなの、他⼈にやらせたいですよね？それできます！)
33. VSCode＋Copilot 開発 ̶ …をやろうとおもったんですが、⻑くなるのでYoutubeにしておきました。 興味のある⼈は後でご覧ください。 ̶ https://www.youtube.com/watch?v=51OR5pRRu8I
35. 쎕썿쎘 ̶ AIは賢いが、コンテキストがあれば、望む結果が得られやすい ̶ 「バグを直して！」みたいなのは難しい、 「このファイルで、このテストが通るように直して！」等がよい ̶ 「テンプレ」をつくって、これを真似て作って、というとよい ̶ (そのためには⾃分の知識は重要、選ぶのはあなた) ̶ inline機能で⼤分サクサクと作業ができるようになって便利 ̶ GitHub Copilot以外もツールはある ̶ ⽇進⽉歩で改善されるので、年間で契約しない⽅がよい(と思う) ̶ 私は普段Cody＋PhpStormをつかっている ̶ (Copilotは「質問がプログラミングに制限されている」ので不便な事 も)