Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
ChatGPTを活用して対話的な ファッション検索サービスを作った話
Search
kishimoto
June 27, 2023
Technology
240
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ChatGPTを活用して対話的な ファッション検索サービスを作った話
kishimoto
June 27, 2023
More Decks by kishimoto
See All by kishimoto
LLMと検索エンジン・レコメンドエンジンの協調動作への歩み
kishimotobanana
1
700
LLMと自社データベースの協調動作による ファッションECへの応用
kishimotobanana
0
1.7k
マイクロアドにおけるCTR予測への取り組み
kishimotobanana
4
10k
An_Attention-Based_User_Behavior_Modeling_Framework_for_Recommendation.pdf
kishimotobanana
1
2.2k
Other Decks in Technology
See All in Technology
Shared Signals Framework 仕様解説
oidfj
0
280
なぜ東京にいる私が、新潟の技術コミュニティを運営するのか by 八雲慎之助
yakumo
0
230
ゼロから作るWebアプリの新定番!?Amplify Gen 2 × AWS Blocksで実現する「開発速度とRDBの柔軟性のいいとこ取り」
amixedcolor
1
180
HQ駆動開発で最高のAI-Contextを作ろう
sansantech
PRO
1
120
2026 Apache Flink Community Checkpoint
rmetzger
0
200
セキュリティ専任チームなしで攻撃を先回りするSREが実践したSIEM on Amazon OpenSearch Service
cscengineer
PRO
0
690
デザインレビューは自動化できるのか?─ Flutter × Figma で UI 品質保証を考える
techiro
2
830
長い仕事を任せる (Workflows、クラウドセッション、Kiro Web) | 目指せ Kiro マスター 10
inariku
PRO
3
140
現場を動かすAIエージェント#2_製造業現場でのAI活用から見た、ハマる罠と実践知
kintotechdev
2
200
AX時代の自治体支援リソース再配分と役割分担の再構成:戦略とロードマップ(概要)
sishi2026
0
200
並列度を下げたら速くなった — go build の重複コンパイルを実測で見る
tomoaki25
2
970
GCASアップデート(202607-202610)
techniczna
1
240
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
174
15k
Become a Pro
speakerdeck
PRO
31
6.4k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.6k
Build your cross-platform service in a week with App Engine
jlugia
234
19k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
2
6.4k
Designing for humans not robots
tammielis
254
26k
Prompt Engineering for Job Search
mfonobong
0
580
What's in a price? How to price your products and services
michaelherold
247
13k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.6k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
740
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
560
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
520
Transcript
1 ChatGPTを活用して対話的な ファッション検索サービスを作った話
内容 • 自己紹介 • DROBEのサービスについて • ChatGPTを使ったサービスの概要 •
実現方法 • システム構成 • 今後の展望
自己紹介 株式会社 DROBE 岸本将志 • 主に機械学習を用いたサービス開発 • 周辺のインフラなど みずほ情報総研
マイクロアド マイクロアド Gunosy DROBE
DROBEのサービスの流れ 70問のアンケートに答える 1 2 3 自宅にスタイリストが選んだ商品 が届く 気に入ったもののみ購入、 それ以外を返品
DROBEのサービスの流れ • 自然言語によるコーディネートの解説のデータ(スタイリングカルテ)
DROBEの保持する主なデータ • ユーザーのプロフィール • アイテムの情報 • アイテムのコーディネート •
コーディネートのポイント • ユーザーの自然言語によるスタイリングの要望 ◦ ”結婚式に着ていける服をお願いします”のような
ChatGPTを使ってサービスを開発しました • 自然言語で検索が可能 • コンテキストを持った対話型の探索が可能
ChatGPTを使って爆速で開発できるサービスを考えた • ユーザーが自然言語でアイテムを対話的に検索 ◦ スタイリングカルテを活用すればできそう Streamlitで一日で作った 社内確認用モック
実現方法 カテゴリ:パンツ 色:ベージュ 素材:ポリエステル 柄:無地 シルエット:テーパード
プロンプトの工夫 あなたは洋服のスタイリングを行うアシスタントです。以下のような json形式でリクエストが送られます。 ''' {"items":[{"色":"ブラウン","カテゴリ":"ジャケット","素材":"","柄":"千鳥","シルエット":"長袖"},{"色":"ブルー","カテゴリ":"スカート","素材":"ポリエステル, アクリル, レーヨン","柄":"チェック","シルエット":"フレア(スカート・ワンピース ), ロング(スカート)"},{"色":"ブルー","カテゴリ":"ニット","素材":"ウール, ナイロン,
アクリル"," 柄":"無地","シルエット":"長袖, ビッグシルエット"}],"request":"花見に着ていける服を教えて "} ''' itemsはファッションアイテムのリストです。 requestはユーザーの質問です。 以下のようなjson形式で返答してください。 {"desc":""} descにはitemsで構成したコーディネートのポイントを記載してください。その際 itemsのアイテムだけを使って説明文を作ってください。 itemsに同じカテゴリの itemが複数存在する場合は、同じカテゴリの中で 1つのitemだけを使って説明文を作ってください。 {"items": [{"色": "グリーン", "カテゴリ": "ワンピース", "素材": "ポリエステル", "柄": "無地", "シルエット": "ノースリーブ, ひざ丈, ひざ下丈, ミモレ, フレア(スカート・ ワンピース)"}, {"色": "グリーン", "カテゴリ": "ニット", "素材": "ポリエステル, ナイロン, レーヨン", "柄": "無地", "シルエット": "長袖, パフスリーブ"}],"request":"女子 会コーディネートを教えて "} system user
プロンプトの工夫 • アイテムのメタ情報をだけでなくユーザーの入力もjsonとして与えた ◦ “女子会にぴったりなコーディネートを提案します。”のような入力を考慮した回答を生成してくれた • メタ情報に含まれるアイテムのみで説明を作るように
◦ Hallucination対策 • 出力もjsonで生成させるようにした ◦ jsonでないと各アイテムの説明を冗長にする回答、jsonだとポイントを絞った回答が得られる傾向 {"items": [{"色": "グリーン", "カテゴリ": "ニット", "素材": "ポリエステル", "柄": "無 地", "シルエット": "長袖, パフスリーブ"}],"request":"女子会コーディネートを教え て"} {"items": [{"色": "グリーン", "カテゴリ": "ニット", "素材": "ポリエステル", "柄": "無 地", "シルエット": "長袖, パフスリーブ"}],"request":"女子会コーディネートを教え て"} その際itemsのアイテムだけを使って説明文を作ってください。 以下のようなjson形式で返答してください。 {"desc":""}
システム構成 • バックエンド ◦ App Runner, Python, FastAPI, Faiss
• フロントエンド ◦ Vercel, Next.js, Tailwind CSS
ざっくりスケジュール デザイン FE実装 プロンプトの改良 BE実装・インフラ構築 PR(プレスリリース作成・キャンペーン設計) この間大体2週間くらい 企画 PoC
リリースしてみてどうだったか • 当初の目的 ◦ ファッション業界の中でいち早く新技術を取り入れるというPR観点 ▪ リリースまでのスピードが大事 •
どうだったか ◦ webメディアやテレビの取材・放映などがあり 目的は達成できた ▪ デザイナーなど必要な人の確保 ▪ 開発体験重視の技術選定 ▪ 当初からのPRの巻き込み 記事や放映された映像の例 https://news.mynavi.jp/techplus/article/20230425-2659700/ https://newsdig.tbs.co.jp/articles/-/446433
今後の展望 • 現状の課題 ◦ 誰が言ったかを考慮していない ▪ 20代にも50代にも同じアイテムが提示される ◦
細かい要望を汲み取れない ▪ ”パンツだけもっと暗い色が良い”など ▪ スタイリングカルテとのembeddingの類似度だけでは難しい • 展望 ◦ LLMを自社の検索エンジン・レコメンドエンジンと協調させる ▪ LLMでメタ情報を獲得して検索エンジンでアイテムを検索し、レコメンドエンジンでパーソナラ イズ ▪ 検索エンジン・レコメンドエンジンでパーソナライズされたアイテムを抽出して、LLMに提案を 作ってもらう ▪ etc. ◦ ユーザー向けだけでなく内部のオペレーション改善にも組み込む
協調動作のための開発環境 • 各開発者がプロンプトや協調動作のロジックのアイデアの実装だけすれば良い環境を構築 ◦ 記事にもまとめてあるので是非 https://info.drobe.co.jp/blog/engineering/llm-ec
実現方法
プロンプトの工夫 • 最初期 ◦ (以後、ハイパラは基本デフォルト) ◦ 回答の文章の雰囲気がスタイリングカルテと異なる ◦
出力の形式が不安定 ▪ 箇条書きだったり文章だったり ▪ コーディネートを複数生成したり あなたはファッションに詳しい親切なスタイリストです。 私はこれからテーマを与えます。スタイリストであるあなたはそれに沿ったコーディ ネートを生成してください。 system 女子会コーディネートを教えて user
プロンプトの工夫 • 以下によりスタイリングカルテの雰囲気に近く、安定した形式の回答が得られるようになった ◦ Few-shot prompting ◦ 明確な指示
Q: スニーカーの全身コーディネートをお願いします A: スニーカーを使ったおすすめのスタイルをご提案します!フードが取り外し 可能なコートは、ウエストのコードを絞ってシルエットの変化もお楽しみいただ けます。インナーにはバイカラーのラインが印象的なニットを合わせて、ボトム スは春らしいカラーパンツを ♪足元はホワイトのレザースニーカーで大人カジュ アルに◎ … Q: 女子会コーディネートを教えて - 女性向け - 箇条書きではなく文章 - 3行以内で
新たな課題 • 回答のコーディネートのポイントと具体例のアイテムが完全には一致しない 今の季節の通勤服を教えて 今の季節の通勤服を教えて 今の季節の通勤服を教えて 今の季節の通勤服は、ベージュのテーパードパンツに、白のシャツを合わせた コーディネートがおすすめです。足元は、ベージュのパンプスでまとめると、上品
で清潔感のある印象になります。また、羽織ものとして、ベージュのトレンチコート を羽織ると、よりおしゃれな印象になります。 質問 回答 回答 回答 ⭕ ❌ ❌
ChatGPT Prompt Engineering for Developers • 作った後で確認したけどこのコースに書かれているようなポイントを割と抑えていた ◦ https://www.deeplearning.ai/short-courses/chatgpt-prompt-engineering-for-developers/
リリースしてみてどうだったか • 当初の目的 ◦ ファッション業界の中でいち早く新技術を取り入れるというPR観点 ▪ リリースまでのスピードが大事 •
どうだったか ◦ webメディアやテレビの取材・放映などがあり 目的は達成できた ▪ デザイナーなど必要な人の確保 ▪ 開発体験重視の技術選定 ▪ 当初からのPRの巻き込み 記事や放映された映像の例 https://news.mynavi.jp/techplus/article/20230425-2659700/ https://newsdig.tbs.co.jp/articles/-/446433