Postman-20240129

0.9K Views

January 30, 24

#api #postman #github copilot #github copilot chat #greenplum #spring ai #spring boot #java #react #tanzu application platform #tanzu data platform #vector db #RAG #React #ベクトルデータベース #pgvector #LLM

スライド概要

Postman Tokyo Meetup 2024.1【入門者向け】
https://postman.connpass.com/event/299905/

profile-image
スライド一覧

FPT ジャパン FPT データ& AI インテグレーション　エグゼクティブエバンジェリスト 独立行政法人　国立印刷局 デジタル統括アドバイザー兼最高情報セキュリティアドバイザー AI 駆動開発勉強会主催。Microsoft エバンジェリスト時代から、Dell、Accenture、Elastic、VMware を経て現職まで一貫して開発者向けに最新技術を啓発。GPU クラウド技術訴求、AI 駆動開発推進。　 政府の仕事は、内閣官房 政府 CIO 補佐官、 デジタル庁 PM を経て、現職を兼務。 Locofy.ai Regional Developer Advocate Google Cloud Partner All Certifications Engineer 2025

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

ダウンロード

関連スライド

slide-thumbnail

GitHub Copilot & Copilot Chat で Java コーディングを最大限効率化する-配布用
intellij spring starter github github copilot github copilot chat visual studio code java spring boot h2
user-img Shotaro Suzuki 61.3K
slide-thumbnail

新たな AI 駆動開発の潮流(SWE Agent, AutoDev,Devin, GitHub Copilot Workspace等)
devin opendevin azure autodev github github copilot github copilot chat swe agent chatgpt openai python conda claude github copilot workspace gpt-4 gpt-4o agent github codespace
user-img Shotaro Suzuki 47.1K
slide-thumbnail

Locofy.ai による AI 駆動 エンタープライズフロンドエンド開発実践-s
vs code github copilot gemini locofy.ai figma enterprise ui/ux designer & developer collaboration fpt fpt ai factory nvidia gpu cloud frontend
user-img Shotaro Suzuki 47.1K
slide-thumbnail

Azure OpenAI Service 概要とサンプルアプリ等のご紹介
microsoft azure openai .net python javascript ai chatgpt azure openai service csharp
user-img Shotaro Suzuki 46.5K
slide-thumbnail

FPT AI Factory で加速する AI 開発-20250213-公開版
fpt fpt ai factory generative ai azure google cloud aws kubernetes gpu metal cloud nvidia enterprise nvidia nvidia nim nvidia nemo code vista test vista fpt ai studio gpu managed cluster gpu container nvidia h100 nvidia h200 fine tuning model serving rag openai anthropic claude google gemini visual studio code visual studio intellij idea android studio jetbrains multi-agent ai driven development ivychat
user-img Shotaro Suzuki 28.8K
slide-thumbnail

最新の React/TypeScript SPA テンプレートを .NET 8 で試してみよう
react angular vue node.js vite javascript visual studio 2022 preview visual studio code typescript .net conf asp.net core .net 8 interactjs microsoft.jsinterop npm
user-img Shotaro Suzuki 16.4K
各ページのテキスト
1.

ベクトルデータベースと React による RAG サンプルアプリ開発に VS Code、 Postman を最⼤限活⽤した話 鈴⽊ 章太郎 主席エンタープライズアーキテクト ヴイエムウェア株式会社 2024/1/29 Broadcom Proprietary Proprietary and Confidential. and Confidential. Copyright Copyright © 2023 Broadcom. © 2023 Broadcom. All RightsAll Reserved. Rights Reserved. The termThe “Broadcom” term “Broadcom” refers to refers Broadcom to Broadcom Inc. and/or Inc.itsand/or subsidiaries. its subsidiaries. 1 | Broadcom

2.

鈴⽊ 章太郎 X (Twitter) : @shosuz ヴイエムウェア株式会社 主席エンタープライズアーキテクト Microsoft で13年間、テクニカルエバンジェリストとして .NET、Visual Studio、Windows、iOS、Android、 Microsoft Azure 等の開発者向け技術啓発活動を 実施。その後 Dell、Accenture、Elastic での開発者 向け技術啓発活動等を経て現職。 モダンアプリケーション開発、マルチクラウド対応、アーキ テクチャ策定等を中⼼に、開発者向け最新技術啓発 活動中。 2019年4⽉より2021年8⽉まで、内閣官房 IT 総合戦 略室 政府 CIO 補佐官、2021年9⽉より、デジタル庁 プロジェクトマネージャーユニット ソリューションアーキテクト を兼務。 https://www.docswell.com/user/shosuz 2 | Broadcom Proprietary and Confidential. Copyright © 2023 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries.

3.

RAG サンプルアプリの概要 Broadcom Proprietary Proprietary and Confidential. and Confidential. Copyright Copyright © 2023 Broadcom. © 2023 Broadcom. All RightsAll Reserved. Rights Reserved. The termThe “Broadcom” term “Broadcom” refers to refers Broadcom to Broadcom Inc. and/or Inc.itsand/or subsidiaries. its subsidiaries. 5 | Broadcom

4.

VMware Explore US セッション⼀覧（英語）/ビデオデータ https://www.vmware.com/explore/us.html 6 | Broadcom Proprietary and Confidential. Copyright © 2023 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 6

5.

VMware Explore US セッションを⽇本語で検索・サマリーアプリ Xxx について教えて もっと詳しく教えて セッションを検索 1 2 3 ボタンを押す 4 詳細情報表⽰ 関連セッションの表 ⽰ pgvector を使⽤した セマンティック検索 検索 App Deploy 該当セッションの 概要 全⽂ テーブル テーブル 2. pgvector にてクエリと概要のベクトルを ⽐較し、関連セッションを検索 全⽂を検索 6 質問＋検索結果情報から プロンプトをビルド 3. UI に関連セッション⼀覧を表⽰ 4. 詳しく知りたいセッションの 「もっと詳しく」 リンクを押す 7 Session 全⽂ ⽂字起こしの要 約を⽣成 5. 該当セッションの全⽂を検索 6. Greenplum DB より取得された全⽂の ⽂字起こしから、LLM へのプロンプトを ⽣成し、LLM へクエリ Transformer Model を使⽤したベクトル情報の付与 7. セッション全⽂の要約を⽣成 Hugging Face LLAMA2 7 Workflow: 1. ユーザーが UI を通じて知りたいワードを React 5 セッションの 8 Explore US Explore US Session 概要 Session 全⽂ ⽂字起こし 8. UI にセッションの詳細を表⽰ (LLM) | Broadcom Proprietary and Confidential. Copyright © 2023 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 7

6.

VMware Greenplum とは ? Tanzu data のオファリング、Postgres、Gemfire, Greenplum 全てがベクターサポート 分析アプリケーション 課題 ソリューション 読み込み/書き込み SQL Language 組み込みアナリティクス • データサイエンティストの • 汎⽤技術 ANSI SQL 完全対応 GPtext and more 採⽤ • 分析をするにもデータが • 組み込みアナリティクス機能 マスターノード(仮想マシン) ほしいところにない スタンバイノードノード(仮想マシン) インターコネクト (⾼速ネットワークスイッチ) • データを蓄積するほど パフォーマンスが懸念 セグメント ホスト （仮想マシン） セグメント ホスト （仮想マシン） セグメント ホスト （仮想マシン） セグメント ホスト （仮想マシン） • クラウドのコスト気になる • 分散 Postgres による 無限に スケールアウト 超並列処理の実現 • コア課⾦による 予想可能なコスト vSphere+ / vSAN+ • 拡張に伴い運⽤が⼤変そう • データが簡単には移⾏ ができない Platform Extension Framework (PXF) 読み込み/書き込み vSAN vSAN Disk DiskvSAN DiskvSAN Disk • vSphere 技術と連動した⾼い Elasticity (弾⼒性）の確保 S3 オブジェクト ストレージ Hadoop リレーショナル • PXF による外部データの統合 データベース 外部データソース 8 8 | Broadcom Proprietary and Confidential. Copyright © 2023 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries.

7.

アプリのデモ Broadcom Proprietary Proprietary and Confidential. and Confidential. Copyright Copyright © 2023 Broadcom. © 2023 Broadcom. All RightsAll Reserved. Rights Reserved. The termThe “Broadcom” term “Broadcom” refers to refers Broadcom to Broadcom Inc. and/or Inc.itsand/or subsidiaries. its subsidiaries. 9 | Broadcom

8.

VMware Explore US セッションを⽇本語で検索・サマリーアプリ Xxx について教えて もっと詳しく教えて セッションを検索 1 2 3 ボタンを押す 4 詳細情報表⽰ 関連セッションの表 ⽰ pgvector を使⽤した セマンティック検索 検索 App Deploy 該当セッションの 概要 全⽂ テーブル テーブル 2. pgvector にてクエリと概要のベクトルを ⽐較し、関連セッションを検索 全⽂を検索 6 質問＋検索結果情報から プロンプトをビルド 3. UI に関連セッション⼀覧を表⽰ 4. 詳しく知りたいセッションの 「もっと詳しく」 リンクを押す 7 Session 全⽂ ⽂字起こしの要 約を⽣成 5. 該当セッションの全⽂を検索 6. Greenplum DB より取得された全⽂の ⽂字起こしから、LLM へのプロンプトを ⽣成し、LLM へクエリ Transformer Model を使⽤したベクトル情報の付与 7. セッション全⽂の要約を⽣成 Hugging Face LLAMA2 10 Workflow: 1. ユーザーが UI を通じて知りたいワードを React 5 セッションの 8 Explore US Explore US Session 概要 Session 全⽂ ⽂字起こし 8. UI にセッションの詳細を表⽰ (LLM) | Broadcom Proprietary and Confidential. Copyright © 2023 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 10

9.

11 11 | Broadcom Proprietary and Confidential. Copyright © 2023 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries.

10.

12 12 | Broadcom Proprietary and Confidential. Copyright © 2023 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries.

11.

VS Code と Postman の利⽤ Broadcom Proprietary Proprietary and Confidential. and Confidential. Copyright Copyright © 2023 Broadcom. © 2023 Broadcom. All RightsAll Reserved. Rights Reserved. The termThe “Broadcom” term “Broadcom” refers to refers Broadcom to Broadcom Inc. and/or Inc.itsand/or subsidiaries. its subsidiaries. 13 | Broadcom

12.

Pivotaltracker による Backlog の管理 14 14 | Broadcom Proprietary and Confidential. Copyright © 2023 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries.

13.

Postman for VS Code https://marketplace.visualstudio.com/items?itemName=Postman.postman-for-vscode • VS Code から直接 Postman の パワーを使って API 開発とテストを 合理化 • Postman にサインイン • API リクエストを送信 • HTTP API リクエストの送信 • マルチプロトコル API リクエストを 送信 • 履歴から API リクエストを送信 • コレクションを使う • API を⽂書化 • データをインポート • クッキーを使⽤ • API のテスト • スクリプトを使った API のテスト • Postman コンソールでのトラブル シューティング 15 15 | Broadcom Proprietary and Confidential. Copyright © 2023 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries.

14.

Schema.sql の確定 https://github.com/mhoshi-vm/explore-api/blob/main/src/main/resources/schema.sql 16 16 | Broadcom Proprietary and Confidential. Copyright © 2023 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries.

15.

Swagger UI ⽣成 17 17 | Broadcom Proprietary and Confidential. Copyright © 2023 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries.

16.

ブラウザーから Search API へのアクセス 18 18 | Broadcom Proprietary and Confidential. Copyright © 2023 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries.

17.

Postman for VS Code で実⾏ - Search API https://explore-apiexplore.tap01.cl01.lespaulstudio plus.info/api/search?prompt=Aria 19 19 | Broadcom Proprietary and Confidential. Copyright © 2023 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries.

18.

出⼒を全部またずに応答を返すための SSE (Server Side Event) 実装 SSE はクライアント側での実装も必要（参考 URL） https://www.baeldung.com/spring-mvc-ssestreams#2-client-side-1 20 20 | Broadcom Proprietary and Confidential. Copyright © 2023 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries.

19.

Postman for VS Code で実⾏ - Summarize API https://explore-apiexplore.tap01.cl01.lespaulstudioplus .info/api/summarize?sessionId=MAP B2503LV 21 21 | Broadcom Proprietary and Confidential. Copyright © 2023 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries.

20.

Tanzu Application Platform にデプロイする API 側 GitHub リポジトリ https://github.com/mhoshi-vm/explore-api 22 22 | Broadcom Proprietary and Confidential. Copyright © 2023 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries.

21.

React フロントエンド側アプリケーション GitHub リポジトリ https://github.com/shosuz-evangelist/react-ai-explore 23 23 | Broadcom Proprietary and Confidential. Copyright © 2023 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries.

22.

今回の API を Tanzu Application Platform にデプロイするコマンド Docker ファイルを書かずに Container をデプロイできる 24 24 | Broadcom Proprietary and Confidential. Copyright © 2023 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries.

23.

VMware Tanzu Application Platform / Greenplum データベースと React による RAG サンプルアプリご紹介 https://qiita.com/shosuz/items/cc36e9794f8946eb888a 25 25 | Broadcom Proprietary and Confidential. Copyright © 2023 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries.

24.

Thank You for your attention! Broadcom Proprietary Proprietary and Confidential. and Confidential. Copyright Copyright © 2023 Broadcom. © 2023 Broadcom. All RightsAll Reserved. Rights Reserved. The termThe “Broadcom” term “Broadcom” refers to refers Broadcom to Broadcom Inc. and/or Inc.itsand/or subsidiaries. its subsidiaries. 26 | Broadcom

25.