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

ChatGPTとLLMを活用して1週間で個人開発をした話

Avatar for KNR KNR
August 30, 2023
Technology
2
4k

 ChatGPTとLLMを活用して1週間で個人開発をした話

2023/08/31に開催された、「みんなのLLM活用実践LT編〜エンジニアのためのLLM実践ガイド #5」の登壇内容です。

Avatar for KNR

KNR

August 30, 2023
Tweet

More Decks by KNR

See All by KNR
GPTs活用事例集
Avatar for KNR knr109
6
5.5k
2023年はたくさんアウトプットしたよ
Avatar for KNR knr109
1
1.3k
要件定義入門 (失敗しないために必要なこと)
Avatar for KNR knr109
53
23k
生成AI×ノーコード (スピーディーなアプリ開発の新時代)
Avatar for KNR knr109
3
5.1k
(新人)エンジニアが開発しやすいREADMEの書き方
Avatar for KNR knr109
22
12k
クリエイター広場を作りました
Avatar for KNR knr109
0
220

Other Decks in Technology

See All in Technology
Quarkusで作るInteractive Stream Application
Avatar for Tomohiro Hashidate joker1007
0
150
技術広報のOKRで生み出す 開発組織への価値 〜 カンファレンス協賛を通して育む学びの文化 〜 / Creating Value for Development Organisations Through Technical Communications OKRs — Nurturing a Culture of Learning Through Conference Sponsorship —
Avatar for Pauli pauli
5
360
Kubernetesと共にふりかえる! エンタープライズシステムのインフラ設計・テストの進め方大全
Avatar for 高棹大樹 daitak
0
290
今、MySQLのバックアップを作り直すとしたら何がどう良いのかを考える旅
Avatar for yoku0825 yoku0825
2
400
ABEJA FIRST GUIDE for Software Engineers
Avatar for ABEJA abeja
0
3.2k
Moto: Latent Motion Token as the Bridging Language for Learning Robot Manipulation from Videos
Avatar for peisuke peisuke
0
150
手を動かしながら学ぶデータモデリング - 論理設計から物理設計まで / Data modeling
Avatar for soudai sone soudai
PRO
24
5.8k
「O(n log(n))のパフォーマンス」の意味がわかるようになろう
Avatar for dhirabayashi dhirabayashi
0
180
生成AIではじめるテスト駆動開発
Avatar for puku0x puku0x
0
120
Post-AIコーディング時代のエンジニア生存戦略
Avatar for shinoyu shinoyu
0
290
重厚長大企業で、顧客価値をスケールさせるためのプロダクトづくりとプロダクト開発チームづくりの裏側 / Developers X Summit 2025
Avatar for モンゴル (mongolyy) mongolyy
0
120
機密情報の漏洩を防げ！ Webフロントエンド開発で意識すべき漏洩パターンとその対策
Avatar for mizdra mizdra
PRO
9
3.5k

Featured

See All Featured
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.8k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.6k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
54k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
36
6.1k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.3k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k

Transcript

  1. ChatGPTとLangChainを活用 して1週間で個人開発をした話 KNR

  2. この発表で学べること ChatGPTを使った開発アシスタントのやり方 LangChainを使った開発のやり方や応用例

  3. 目次 自己紹介 実際に開発したアプリ ChatGPTを使った開発アシスタント LangChainの活用 最後に 1. 2. 3. 4.

    5.

  4. 目次 自己紹介 実際に開発したアプリ ChatGPTを使った開発アシスタント LangChainの活用 最後に 1. 2. 3. 4.

    5.

  5. KNR 新卒でWeb系開発会社に入社 (2021) 現在は執行役員 (2023) 2022年にQiita 年間 TOP Contributorを受賞 自己紹介

  6. 目次 自己紹介 実際に開発したアプリ ChatGPTを使った開発アシスタント LangChainの活用 最後に 1. 2. 3. 4.

    5.

  7. 実際に開発したアプリ

  8. 実際に開発したアプリ

  9. 開発した理由 いつでも見返せる「ストック型」のAIツール紹介サービスが欲しかった

  10. ChatGPTとLangChainを活用した概要 CHatGPTを使って要件定義、設計などの開発アシスタントをしてもらう LangChainを利用しAIツールの紹介記事を自動生成 ChatGPT LangChain

  11. 目次 自己紹介 実際に開発したアプリ ChatGPTを使った開発アシスタント LangChainの活用 最後に 1. 2. 3. 4.

    5.

  12. ChatGPTで生成したもの 要件定義 基本設計

  13. 要件定義の成果物 機能の洗い出し 非機能要件の洗い出し

  14. 前提条件を伝えて機能洗い出し (プロンプト)

  15. 前提条件を伝えて機能を洗い出してもらう (回答)

  16. 各機能の工数見積もりと優先度付けをしてもらう (プロンプト)

  17. 各機能の工数見積もりと優先度付けをしてもらう (プロンプト)

  18. 非機能要件の洗い出し (プロンプト)

  19. 非機能要件の洗い出し (回答)

  20. 最終的な成果物をまとめてもらう (回答)

  21. 設計の成果物 データベース設計 ER図 APIドキュメント 画面設計書

  22. データベース設計 (プロンプト)

  23. データベース設計 (回答)

  24. ER図の作成 (プロンプト)

  25. ER図の作成 (回答)

  26. ER図の作成 (回答)

  27. API仕様書 (プロンプト)

  28. API仕様書 (回答)

  29. 画面設計書 (プロンプト)

  30. 画面設計書 (回答)

  31. 設計フェーズの成果物 ER図 テーブル設計書 API仕様書 画面設計

  32. 技術選定・構成図

  33. 技術選定・構成図

  34. 目次 自己紹介 実際に開発したアプリ ChatGPTを使った開発アシスタント LangChainの活用 最後に 1. 2. 3. 4.

    5.

  35. LangChainとは ChatGPTなどの言語系モデルの機能拡張を 効率的に実装するためのライブラリ

  36. LangChainの活用例 様々な言語モデルを使える (Models) プロンプトをテンプレート化できる (Prompt) 少数の教師データを入れる (few-shot learning) PDFやURLなど外部データを使える (Indexes)

  37. LangChainの活用例 LangChainで実装した機能

  38. 記事の自動生成 (前)

  39. 記事の自動生成 (中)

  40. 記事の自動生成 (後)

  41. 使用したライブラリ

  42. モデルの選択 (Models)

  43. プロンプトテンプレートとFewShotPrompt (Prompt) Few shot Prompt prompt template

  44. 記事の自動生成 (後)

  45. プロンプトテンプレートとFewShotPrompt (Prompt) Few shot Prompt prompt template

  46. プロンプトテンプレートとFewShotPrompt (Prompt)

  47. プロンプトテンプレートとFewShotPromptの出力 (Prompt)

  48. リクエストで送られてきたURLの解析 (Indexes) urlのバリデーションチェック url先のコンテンツを取得

  49. リクエストで送られてきたURLの解析 (Indexes)

  50. APIを作成し処理をまとめる バリデーションチェック URL先のコンテンツ取得 GPTへプロンプトを リクエスト

  51. リクエストを送り一連の処理を確認

  52. 目次 自己紹介 実際に開発したアプリ ChatGPTを使った開発アシスタント LangChainの活用 最後に 1. 2. 3. 4.

    5.

  53. まとめ GPTを開発アシスタントとして使うことで工数を大幅に削減できた LangChainとGPTを組み合わせることで拡張性のある開発を実現できる

  54. まとめ ご清聴ありがとうございました 今回の内容をより詳しく解説した記事です(Zenn)