10分で作る「生成AIアプリケーション開発」【OpenAI API x LangChain】_Galirage_森重真純_東京AI祭プレイベント_2025_04_01

LangChain社の提供するパッケージを活用して、わずか10分で生成AIアプリケーションを作るというセッションです◎ 普段は、ビジネスサイドの仕事をされている方や、駆け出しのエンジニアの方向けの内容となっております。

【参考URL】
・langchain-ai/create-agent-chat-app：https://github.com/langchain-ai/create-agent-chat-app
・Zenn本：https://zenn.dev/umi_mori?tab=books
・AIとコミュニケーションする技術：https://amzn.to/3ME8mLF
・AI Newsletter for Biz：https://ai.newsletter-for-biz.com/
・生成AIアカデミー：https://generative-ai-portal.com/lp/generative_ai_engineer_school
・Galirageのメールアドレス：info@galirage.com
・Galirageの応募フォーム：https://forms.gle/HRX6JbTr5AR3MkHm9

Transcript

1. © 2025 Galirage Inc. 株式会社Galirage 森重 真純 10分で作る「⽣成AIアプリケーション開発」 【OpenAI API x LangChain】
2. © 2025 Galirage Inc. 背景 本講義は「⽣成AIのビジネス活⽤とアプリ開発【東京AI祭プレイベント】」の中の1つの講義です。 参考：【オンライン】生成AIのビジネス活用とアプリ開発【東京 AI祭プレイベント】
3. © 2025 Galirage Inc. 講演内容「10分で作る「⽣成AIアプリケーション開発」【OpenAI API x LangChain】」 LangChain社の提供するパッケージを活⽤して、わずか10分で⽣成AIアプリケーションを作るというセッション です◎ 普段は、ビジネスサイドの仕事をされている⽅や、駆け出しのエンジニアの⽅向けの内容となっておりま す。かなり密度の濃い内容になるため、追いつけなかった⽅は、後⽇共有するスライド資料をベースにトライし てみてください。まずは、雰囲気を掴むことを⽬指して、⼀緒に楽しみましょう！ 「⽣成AIアプリケーション開発」のイメージ が湧くようになることで、エンジニアとして の成⻑をするため。 本講演の概要 ⽬的（WHY） ゴール（WHERE） ⽣成AIアプリケーション開発の⼀連の流れを ⾒る（≠ 理解する / できるようになる）。
4. © 2025 Galirage Inc. ⽬次 1. イントロダクション（1分） 2. ⾃⼰紹介（1分） 3. ⽣成AIアプリケーション開発の概論（5分） 4. ⽣成AIアプリケーション開発のデモンストレーション（10分） 5. 次のステップ & 宣伝（3分）
5. © 2025 Galirage Inc. ⾃⼰紹介（1分）
6. © 2025 Galirage Inc. IBMのデータサイエンティストを経て、⽣成AIのプロフェッショナルとして、 時間的貧困の解消に向けて、⼤⼿法⼈向けの業務効率化⽀援をしています。 ‧経歴  ┗ 慶應義塾⼤学 卒業（同⼤学院 修⼠課程 修了）  ┗ フリーランスエンジニアとして活動（約5年）  ┗ ⽇本IBMにデータサイエンティストとして⼊社 ‧現在  ┗ 株式会社 Galirageにて、CEOとして活動（他2社CTOに従事）  ┗ 株式会社 Giveryにて、エグゼクティブテクニカルアドバイザーとして活動  ┗ 上智⼤学にて、⾮常勤講師として活動 ‧直近の実績：⽣成AIのシステム開発、AI戦略⽀援、⽣成AIの研修講師  ┗ 50社を超えるお客様をご⽀援してきました（内プライム上場20社）。  ┗ コンサル実績：⼤⼿メガバンクのAI戦略⽀援、⼤⼿製薬企業の⽣成AIシステムの開発  ┗ 講師実績：メガバンク、通信企業、総合電機メーカー、総合化学メーカー、重⼯業メーカー   （いずれもプライム上場企業もしくは⼦会社のSIer企業になります。）  ┗ 『AIとコミュニケーションする技術（インプレス出版）』の著者 ‧想い：ビジネスパーソンの『時間的貧困』を解消したい。 代表紹介【森重 真純 / Masumi Morishige】
7. © 2025 Galirage Inc. Galirageの会社概要 ⼗⼈⼗⾊のクリエイターが ⾃分らしく活躍できる世界にしたい という想いが込められています Galirageは、100名のタレントからなる創業2期⽬の「⽣成AIに特化したコンサルティング企業」です。 • 創業⽇：2023年5⽉9⽇（創業2期⽬） • 資本⾦：1,000万円 • 所在地：神奈川県 川崎市 • メンバー数：130⼈ ◦ 代表取締役CEO 森重 真純 ◦ 取締役CTO 髙岡 翼 ◦ 取締役COO 茂⽊ 隼⼈ ◦ 他 正社員 10 名、業務委託 117 名 • ⽀援実績 ◦ プライム上場企業：21社 ◦ プライム上場企業（⼦会社含む）：34社 ◦ ⽀援先企業：82社 ◦ プロジェクト数：140件 【コーポレートロゴ】
8. © 2025 Galirage Inc. ⽣成AIアプリケーション開発の概論（5分）
9. © 2025 Galirage Inc. ⽣成AIアプリケーションの種別 チャットUI ⽣成AIアプリケーションには、⼤きく分けて、3種類の型があります。 ビジネスツールUI （Teams、Slackなど） AIモデル （LLMなど） 業務システムデータ （Sharepoint、社内DBなど） ビジネスロジック （プロンプトテンプレート、プロンプトフロー、会話設計など） ワークフローへの組み込み （気づかないところでAIが業務効率化） ウェブアプリケーション 既存のビジネスツールへの組み込み
10. © 2025 Galirage Inc. （参考）APIとは？ • API（Application Programming Interface）とは、 異なるソフトウェア同士が情報をやり取りするための決まりごとや仕組み です。 • APIを使うことで、 異なるプログラム同士がコミュニケーションを取り合い 、 それぞれの機能やデータを共有できるようになります。 APIとはソフトウェアが提供する機能を、別のソフトウェアから呼び出して利⽤するための仕組みです。 窓⼝ (API) 住⺠A 住⺠B 住⺠C 担当者 市役所での「住⺠票の取得⼿続き」の例 ① 「市⺠（利⽤者）」が市役所の「窓⼝（API）」で住⺠ 票の発⾏を依頼 ② 窓⼝の担当者がそのリクエストを受けて市役所内部で 処理を⾏う必要な「住⺠票」を受け取る ③ 最終的に市⺠は必要な「住⺠票」を受け取る
11. © 2025 Galirage Inc. • OpenAI社が提供するAI機能のAPIです。 • 開発者は、PythonやTypeScriptなどのプログラミング⾔語によって、 ⾃分の開発するシステムから、OpenAIの提供するAIのプログラムを呼び出します。 • APIの利⽤料に応じて、料⾦が発⽣します（参照：https://openai.com/pricing）。 • 事前にOpenAI社のウェブサイトにおいて、クレジットカードを登録して、 ⾃分の「APIキー」という鍵を発⾏する必要があります。 OpenAI APIとは？ OpenAI APIとは、OpenAI社が開発した各種AIを開発者がAPI経由で簡単に利⽤できるサービスです。 参考：ChatGPT APIとは？【登録方法 & 使い方】
12. © 2025 Galirage Inc. OpenAI APIの記述⽅法 次のような記述⽅法で、⽂章⽣成を実⾏します。
13. © 2025 Galirage Inc. チャットのような形式でモデルとやりとりする際に、各メッセージに「役割（ロール）」を設定すること で、どのような⽴場のメッセージであるかをモデルに伝え、より正確な回答を得ることができます。 チャットにおける役割（ロール）について assistant (アシスタント) system (システム) 役割 user (ユーザー) AIアシスタントの設定 チャット全体の基盤となる AIの態度やトーンを設定 ユーザーからの⼊⼒ ユーザーの質問や要求を指定 AIからの回答（出⼒） AIからの回答を指定 ⽤途
14. © 2025 Galirage Inc. ロールのイメージ 以下がロールのイメージになります。 今⽇の天気を教えてください。 ロール：Assistant 今⽇の天気は晴れです。 私は⼀つ前になんて⾔いましたか？ あなたは天気予報⼠です。 ロール：System ロール：User ロール：User
15. © 2025 Galirage Inc. ロールのイメージ 前ページにおける会話は以下のようにリストとして格納します。 messages=[ { "role": "system", "content": "あなたは天気予報士です。 ", }, { "role": "user", "content": "今日の天気を教えてください。 ", }, { "role": "assistant", "content": "今日の天気は晴れです。 ", }, { "role": "user", "content": "私は一つ前になんて言いましたか？ ", } ] messagesの格納例 Pythonコード
16. © 2025 Galirage Inc. 【LangChainとは？】 ChatGPTなどの⾔語系モデルの機能拡張を効率的に実装するためのライブラリです。 【使⽤可能⾔語 】 Python / TypeScript 【推奨⾔語】 Python（Pythonはすべての機能が実装可能なため） （※ TypeScriptは⼀部の機能のみ実装可能） LangChainは、LLMシステムの開発を効率化できるライブラリです。 LangChainとは？
17. © 2025 Galirage Inc. LangChainの全体像は以下の通りになります。 LangChainの全体像 参考：Applications that can reason. Powered by LangChain. LangChainアーキテクチャーの全体像
18. © 2025 Galirage Inc. ⽣成AIアプリケーション開発のデモンストレーション（10分）
19. © 2025 Galirage Inc. • 前提条件：node環境が構築されている（npxコマンドが使⽤可能） • 実⾏⽅法：Terminal上で npx create-agent-chat-app を実⾏する。 • 設定条件： ◦ Q. What is the name of your project? ▪ agent-chat-app ◦ Q. Which package manager would you like to use? ▪ pnpm ◦ Q. Would you like to automatically install dependencies? ▪ Yes ◦ Q. Which framework would you like to use? ▪ Next.js ◦ Q. Which pre-built agents would you like to include? (Press "space" to select/unselect) ▪ ReAct Agent, Memory Agent, Research Agent, Retrieval Agent • ⽤意する環境変数：Anthropic API（⽂章⽣成）、Tavily API（ウェブ検索） • 実⾏⽅法：Terminal上で pnpm dev を実⾏する。 ⽣成AIアプリケーション開発のデモンストレーション 今回は、LangChain社の提供する「npx create-agent-chat-app」というOSSを使⽤します。 参考：GitHub - langchain-ai/create-agent-chat-app
20. © 2025 Galirage Inc. 次のステップ & 宣伝（3分）
21. © 2025 Galirage Inc. Zenn本として完全無料公開している教材もあるため、ぜひご活⽤ください◎ 📚 書籍の紹介【Zenn本 | 無料】 参考：ますみ / ⽣成AIエンジニアさんの本⼀覧 | Zenn
22. © 2025 Galirage Inc. Zenn本として完全無料公開している教材もあるため、ぜひご活⽤ください◎ 📚 書籍の紹介【Zenn本 | 無料】 • サクッと始めるプログラミング⼊⾨【Python】 • サクッと始めるウェブアプリ開発【Next.js / TypeScript】 • サクッと始めるチャットボット【ChatGPT / Python】 • サクッと始めるプロンプトエンジニアリング【LangChain / ChatGPT】 • サクッと始めるRAG開発【LangChain / Python】 • サクッと始めるAIネイティブ開発【GitHub Copilot / ChatGPT】 参考：ますみ / ⽣成AIエンジニアさんの本⼀覧 | Zenn
23. © 2025 Galirage Inc. ⽣成AIネイティブになるための⼊⾨書を執筆しました。 📚 書籍の紹介【AIとコミュニケーションする技術 | 有料】 参考：AIとコミュニケーションする技術
24. © 2025 Galirage Inc. 🗞 最新の⽣成AIニュースをキャッチアップしたい⽅へ【AI Newsletter for Biz | 無料】 AI Newsletter for Bizというニュース配信サービスを無償で⾏っております。 AI Newsletter for Biz
25. © 2025 Galirage Inc. 🎓 コミュニティで学びたい⽅へ【⽣成AIアカデミー | 有料】 「⽣成AIアカデミー」という学習コミュニティ（⽉額2,980円 | 2025年4⽉現在）の運営も⾏っております。 ⽣成AIアカデミー
26. © 2025 Galirage Inc. 🎓 コミュニティで学びたい⽅へ【⽣成AIアカデミー | 有料】 SlackとNotion上でコミュニティ活動は⾏われます。 Slackにおけるコミュニティ活動 （最新ニュースのシェア や 質問投稿） Notionにおける学習活動 （教材 や 学習ロードマップ） ※ 教材や学習ロードマップは、会社⽅針として無料公開しております。
27. © 2025 Galirage Inc. 📩 メールアドレス info@galirage.com 📭 Google Form https://forms.gle/HRX6JbTr5AR3MkHm9 ▼ Galirageとマッチする⼈材 ‧ものづくりへのワクワク（仲間とものづくりを楽しめるか） ‧⽣成AIへの興味 / 関⼼ ‧⽂化への共感（Galirage's Cultureを参照） Galirage Cultureに共感した⽅！⽣成AIやものづくりにワクワクする⽅！ぜひご応募ください^^ ⼀緒に仕事をしてくださる「仲間」を募集中 🤝 Google Form
28. © 2025 Galirage Inc. 「お仕事 / ご協業 / ご取材」のお問い合わせ先 📩 メールかGoogle Formにて、お気軽にご相談ください。 🗾 住所 〒210-0007 神奈川県川崎市川崎区駅前本町11番地2 川崎フロンティアビル４階 📩 メールアドレス info@galirage.com 📭 Google Form https://forms.gle/G5g1SJ7BBZw7oXYA7 🏠 ホームページ https://galirage.com/
29. © 2025 Galirage Inc. （補⾜）Galirageの企業理念
30. © 2025 Galirage Inc. クリエイターは、「⾃⼰のらしさ」を探求し、尊重し、磨き続けている。 クリエイターは、「他者のらしさ」も尊重し、違いを楽しんでいる。 このコミュニティから「創造的なイノベーション」が、⾃然と⽣まれていく。 Galirage’s Vision（どこを⽬指すか？） 次世代の「ガリレオ」が集まり、 ⾃分らしく活躍できる「ガレージ」になる。 Galirageは、このような「クリエイター‧コミュニティ」を⽬指します。
31. © 2025 Galirage Inc. Galirage’s Mission（何を仕掛けるか？） 時間的な貧困社会に苦しむ⽇本。次の⼦ども世代への社会的負債が貯まる⽇本。 Galirageの得意領域「AIネイティブ化」で、シン‧ニホンを創造する。 時間的な余⼒創出とダイアログ‧コミュニケーションにより、創造性を解放する。 Galirageは、この壮⼤な「クリエイティブ‧テーマ」に、本気で挑戦します。 「企業のAIネイティブ化」を通して、 「ビジネスパーソンの創造性」を解放する。
32. © 2025 Galirage Inc. Galirageは、この考えを「ずっと変わらない価値観」として⼤切にします。 Galirage’s Value（何を⼤切にするか？） 「⾃⼰犠牲」は誰も望んでいない。「⾃⼰尊重」は好循環の第⼀歩。 余裕が出てくると「⼤切な⼈を⼤切にすること」が⾃分の幸せだと気付く。 そこから、「持続的な幸福感」がコミュニティに満ち溢れるようになる。 何よりも絶対に「⾃分を⼤切にする」。 今の⾃分の「健康とワクワク」を⼤切にする。
33. © 2025 Galirage Inc. End of File