Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Vertex AI Agent Builderで自社サービスサイトに爆速でAI検索機能を実装
Search
danishi
August 28, 2024
Technology
1
210
Vertex AI Agent Builderで自社サービスサイトに爆速でAI検索機能を実装
2024/08/28 登壇資料
danishi
August 28, 2024
Tweet
Share
More Decks by danishi
See All by danishi
PTEゼロ人部署から大躍進! PTE 2025を5人(うちFellow 1人)を 誕生させた秘訣を大公開!
danishi
0
570
iretの生成AI活用プロジェクト事例と re:Inventの発表から見える 2025年の生成AI活用の広がりについて
danishi
0
95
Vertex AI Agent Builderで cloudpack.jpにAI要約付き検索ウィジェットを実装した話
danishi
1
280
AWSのサーバーレスでとりあえず開発をはじめてみた時に無知ゆえに陥りがちなこと
danishi
1
40
PM育成プロジェクト資料(公開用抜粋版)
danishi
2
680
Other Decks in Technology
See All in Technology
成長し続けるアプリのためのテストと設計の関係、そして意思決定の記録。
sansantech
PRO
0
120
Sansanのデータプロダクトマネジメントのアプローチ
sansantech
PRO
0
160
Claude Code に プロジェクト管理やらせたみた
unson
6
4.1k
NewSQLや分散データベースを支えるRaftの仕組み - 仕組みを理解して知る得意不得意
hacomono
PRO
2
170
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
960
データグループにおけるフロントエンド開発
lycorptech_jp
PRO
1
110
American airlines ®️ USA Contact Numbers: Complete 2025 Support Guide
airhelpsupport
0
390
MUITにおける開発プロセスモダナイズの取り組みと開発生産性可視化の取り組みについて / Modernize the Development Process and Visualize Development Productivity at MUIT
muit
1
17k
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
yu_kod
1
280
2025-07-06 QGIS初級ハンズオン「はじめてのQGIS」
kou_kita
0
170
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
sergicalsix
1
240
Backlog ユーザー棚卸しRTA、多分これが一番早いと思います
__allllllllez__
1
150
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.6k
Unsuck your backbone
ammeep
671
58k
Documentation Writing (for coders)
carmenintech
72
4.9k
Agile that works and the tools we love
rasmusluckow
329
21k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Rails Girls Zürich Keynote
gr2m
95
14k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
BBQ
matthewcrist
89
9.7k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Transcript
西田 駿史 Vertex AI Agent Builderで 自社サービスサイトに 爆速でAI検索機能を実装 DX開発事業部 モダンエンジニアリングセクション セクションリーダー
自己紹介
西田 駿史 2019年アイレット株式会社に入社 開発エンジニアやプロジェクトマネジャー、プリセールスに従事 アイレット株式会社 に し だ し ゅ ん じ 来歴 DX開発事業部 モダンエンジニアリングセクション
セクションリーダー @danishi 好きなGoogle Cloudサービス Vertex AI、BigQuery
目次
弊社サービスサイトの課題 課題の解決(やったこと) Agent Builderの応用 まとめ 01 02 03 04 目次
弊社サービスサイトの課題
サイトにまつわるこんな課題ありませんか? 🤔 このサイトに検索機能がついてたらいいのにな 🤔 付いてるけどもっと網羅的に意味的に検索できたらいいのにな 🤔 トレンドの生成 AI機能をサイトにサクッと導入してみたいな
サイトにまつわるこんな課題ありませんか? 弊社のサービスサイトで爆速で解決しました 🔍✨ その課題、 Vertex AI Agent Builderを取り入れ
None
ぜひお手元でもお試しください! クラウドパック https://cloudpack.jp
課題の解決(やったこと)
Include - https://cloudpack.jp/* exclude - https://admin.cloudpack.jp/* cloudpack.jp データストア Vertex AI
Agent Builder ウィジェットの設定 - 検索のタイプ - システムプロンプト - etc… 検索アプリ Vertex AI Agent Builderで簡単に実現しています! Google Cloud 検索対象のURL設定し インデックス化 データストアを対象に 検索アプリケーションを構成 ウィジェットコードを取得 ウィジェットを 既存HTMLに組み込み
3ステップで実質3日で導入しました(社内調整含み) 1.データストアにクロール対象の URLを指定 2.Agent Builderで検索アプリケーションを定義 3.ウィジェットコードを取得し Webサイトに埋め込む
1.データストアにクロール対象の URLを指定 取り込むURLパターンと除外パターンを設定 高度な検索(AIによる結果の要約)を利用する場合はドメイン所有の証明が必要 データストアは定期的に再クロールされる(手動実行も可能)
2.Agent Builderで検索アプリケーションを定義 作成したデータストアを設定し、利用するLLMや検索タイプを設定、プレビュー可能 追加のシステムプロンプトを設定可能 検索アプリケーションのインサイトを確認可能
3.ウィジェットコードを取得し Webサイトに埋め込む ウィジェットのコードを取得しサイト内のHTMLに埋め 込み 任意のボタンなどに発火イベントを紐づけるだけで利 用可能 呼び出しは認証を有効化したり、ドメインを縛ることが できる。またAPIからも利用可能
Agent Builderの応用
Agent Builderの応用(サイト検索だけじゃない) データストアは Webサイト以外様々なデータソースを扱える 自社データや SaaSを活用した検索アプリケーションを作成可能 データストアと Dialogflow CXと組み合わせチャットボットを構成し Webサイトやチャットツールと連携できる
Agent Builderの名の通り、プロンプトから自律的に動作する 生成AIエージェントを構成できる
まとめ
まとめ Vertex AI Agent Builderを使えば 爆速でAI検索機能を Webサイトにアドオンできる その他のソリューションへの応用も可能 機械学習の専門的な知識がなくてもデータさえ用意できれば始められる 自社でのAI活用は自社の業務改善とともに
お客様への活用ユースケースとして訴求可能 二度美味しい 😋
ご清聴ありがとうございました 本事例のページもありますのでぜひ御覧ください https://cloudpack.jp/casestudy/gcp-015.html