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

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

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

 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.3k
2023年はたくさんアウトプットしたよ
Avatar for KNR knr109
1
1.2k
要件定義入門 (失敗しないために必要なこと)
Avatar for KNR knr109
49
21k
生成AI×ノーコード (スピーディーなアプリ開発の新時代)
Avatar for KNR knr109
3
5.1k
(新人)エンジニアが開発しやすいREADMEの書き方
Avatar for KNR knr109
19
12k
クリエイター広場を作りました
Avatar for KNR knr109
0
210

Other Decks in Technology

See All in Technology
Amazon DevOps Guru のベースラインを整備して1ヶ月ほど運用してみた #jawsug_asa / Amazon DevOps Guru trial
Avatar for MasahiroKawahara masahirokawahara
3
200
Applied NLP in the Age of Generative AI: Future-Proof Strategies for Banking and Finance
Avatar for Ines Montani inesmontani
PRO
0
200
為什麼我們需要 Observability？
Avatar for Marcus marcustung
0
470
S3 Tables を図解でやさしくおさらい～基本から QuickSight 連携まで/s3-tables-illustrated-basics-quicksight
Avatar for emi emiki
2
380
入門 ESlint Typegen #TSKaigi #TSKaigi2025_kataritai
Avatar for 弁護士ドットコム bengo4com
0
2k
SwiftUI Transaction を徹底活用！ZOZOTOWN UI開発での活用事例
Avatar for Ryo Tsuzukihashi tsuzuki817
1
130
ソフトウェアテストのAI活用_ver1.10
Avatar for fumisuke fumisuke
0
270
データプレーンプログラミングとは？ DPU＆スイッチASICの開発経験から語る
Avatar for ebiken ebiken
PRO
1
300
ソフトウェアは捨てやすく作ろう/Let's make software easy to discard
Avatar for Genki Sano sanogemaru
10
6.2k
NW運用の工夫と発明
Avatar for Akira Kanai / recuraki recuraki
2
860
Cursor Meetup Tokyo
Avatar for Shunta Komatsu iamshunta
5
1.4k
Introduction to Bill One Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
240

Featured

See All Featured
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
276
23k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.3k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
470
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
35
2.7k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
71
4.8k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
337
57k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
32
2.3k
Code Review Best Practice
Avatar for Trisha Gee trishagee
68
18k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
178
9.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
106
19k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
233
140k

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)

OSZAR »