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
microCMS AI
Search
microCMS
May 31, 2023
Technology
0
1.4k
microCMS AI
microCMS Online Meetup 2023での発表資料です。
#microcms_meetup
microCMS
May 31, 2023
Tweet
Share
More Decks by microCMS
See All by microCMS
意思決定のモヤが晴れるまで
microcms
7
1.8k
Webフロントエンドの進化とJamstackアーキテクチャの変遷
microcms
7
2.8k
microCMSのエンジニア組織と文化
microcms
0
1.3k
シン・リッチエディタ徹底解説
microcms
1
1.4k
新リリース:microCMSテンプレート
microcms
1
1.5k
Cloudflare Pages/Workersとは
microcms
1
640
Next.jsでの開発を加速させるVercelとNext.js/App Routerの便利な機能たち
microcms
1
840
microCMSの簡単なご紹介とより高度な使い方
microcms
1
220
Saitama.js LT資料
microcms
0
140
Other Decks in Technology
See All in Technology
一生覚えておきたい「システム開発=コミュニケーション」〜初めての実務案件振り返りLT〜
maimyyym
0
140
[新卒向け研修資料] テスト文字列に「うんこ」と入れるな(2024年版)
infiniteloop_inc
4
15k
チームでロジカルシンキングに改めて向き合っている話 〜学習環境と実践⽅法〜
sansantech
PRO
3
2.5k
APIファーストなプロダクトマネジメントの実践 〜SaaSus Platformでの例〜 / "Practicing API-First Product Management - An Example with SaaSus Platform
oztick139
0
110
競技としてのKaggle、役に立つKaggle
yu4u
3
1.6k
Java EE/Jakarta EEの現状と将来―クラウドネイティブ時代にJava EEは対応できるのか?―
takakiyo
1
160
ワールドカフェI /チューターを改良する / World Café I and Improving the Tutors
ks91
PRO
0
120
GraphQL 成熟度モデルの紹介と、プロダクトに当てはめた事例 / GraphQL maturity model
mh4gf
7
1.3k
LangSmith入門―トレース/評価/プロンプト管理などを担うLLMアプリ開発プラットフォーム
os1ma
3
190
ChatGPT for IT Service Management (IT Pro)
dahatake
7
1.6k
Google Cloud Next '24でブログを10本書いた方法と勉強会を沸かせた方法
yasumuusan
0
300
地理空間データ可視化・解析・活用ソリューション Pacific Spatial Solutions (PSS)
pacificspatialsolutions
0
280
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
60
5k
Building Effective Engineering Teams - LeadDev
addyosmani
28
1.8k
Teambox: Starting and Learning
jrom
128
8.4k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
9
8.3k
What's in a price? How to price your products and services
michaelherold
237
11k
Making the Leap to Tech Lead
cromwellryan
124
8.5k
How to Ace a Technical Interview
jacobian
272
22k
What the flash - Photography Introduction
edds
64
11k
Building Adaptive Systems
keathley
31
1.9k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
Transcript
#microcms_meetup 平松 亮介 microCMS AI
自己紹介 2 #microcms_meetup 平松 亮介 / Ryosuke Hiramatsu @himara2 プロダクトマネージャー
- バックグラウンド: モバイルエンジニア(10年) - AI機能ではプロンプトエンジニアリング
目次 3 • AI時代の訪れ • microCMSとAI • DEMO - コンテンツAI
• コンテンツAIの特徴と工夫点 • まとめ #microcms_meetup
AI時代の訪れ 4 • 2022年末のChatGPT登場以来、高まり続けるAIへ の注目 • GPT-4, ChatGPT PluginなどChatGPT自体の進化 •
Bing, Notion, Google などサービスへの統合 • 日本語モデルの登場(CyberAgent, rinna) → AIは一時的なトレンドではなくパラダイムシフト #microcms_meetup
microCMSから見るAI 5 • microCMSはコンテンツ管理をする場所 ◦ コンテンツは大規模言語モデル(LLM)の知識の源 ◦ 新しく学習するためのコンテンツは今後も必要 ◦ →
AIと相性が良い #microcms_meetup
microCMSから見るAI 6 • microCMSはコンテンツ管理をする場所 ◦ コンテンツは大規模言語モデル(LLM)の知識の源 ◦ 新しく学習するためのコンテンツは今後も必要 ◦ →
AIと相性が良い • microCMSはAPIベースでコンテンツを利用 ◦ OpenAIのモデルはAPIで提供されている ◦ → APIを組み合わせてサービスを作る #microcms_meetup
microCMSでのAI活用 7 • 社内でのAI活用 ◦ AIで開発効率を上げる(Copilot / ChatGPT) ◦ 定常業務の省エネ化(AI
Ops) ▪ AI x Opsの可能性を探る!ChatGPTを活用した業務効率化の実践例3選 - Zenn #microcms_meetup
microCMSでのAI活用 8 • 社内でのAI活用 ◦ AIで開発効率を上げる(Copilot / ChatGPT) ◦ 定常業務の省エネ化(AI
Ops) ▪ AI x Opsの可能性を探る!ChatGPTを活用した業務効率化の実践例3選 - Zenn • microCMSへのAI統合 ◦ 開発、コンテンツ運用をもっと効率的に ◦ AI時代のヘッドレスCMSへ #microcms_meetup
AI活用の目指すところ • AIを活用して仕事を効率化・省エネ化する • + 楽しくする • AI活用は試行錯誤していくフェーズ • 明確な正解はなく、みんな模索している状態
• 実験的に試してフィードバックを素早く得る • → 今日は入稿者向けに開発中の機能を紹介します 9 #microcms_meetup
DEMO 10 #microcms_meetup
DEMO - コンテンツAI 13 • DEMO ◦ 「面白いタイトルと100文字の概要を生成して」 ◦ 「タイトルを英語に翻訳して」
• 特徴 ◦ 自然言語での指示 ◦ フィールドをまたいで作用 #microcms_meetup
コンテンツAI 開発で得られた知見 14 #microcms_meetup ① 便益を最大化する「チャット型」 ②「構造化データ」はAIフレンドリー
コンテンツAI 開発で得られた知見 15 #microcms_meetup ① 便益を最大化する「チャット型」 ②「構造化データ」はAIフレンドリー
ChatGPTをサービスに統合する方法 16 #microcms_meetup タスク型 チャット型 操作方法 「要約」「目次を作る」など タスクごとにボタンを用意 「本文を140字で要約して」など 自然言語でリクエスト
プロンプト 作りやすい 難しい ユースケース 限定的 柔軟 サービス例 Notion、note ChatGPT、STUDIO AI → microCMSでは「チャット型」を採用
microCMSにはチャット型がフィット 17 • microCMSの特徴 ◦ コンテンツが構造化されている ▪ 「タイトル → 概要」のように、フィールドをまたいで動作させたい
▪ 「リッチエディタにボタンをつけるだけ」では不十分 ◦ ユースケースが多岐にわたる ▪ 様々な用途に使われている ▪ 要約や翻訳など、特定のタスクに落とし込めない #microcms_meetup
チャット型への期待 18 • フランクな表現や曖昧な表現も解釈してくれる気軽さ • 将来的に音声での操作もできる • 開発者が思いつかなかった使い方が出てくる(ユースケース無限) • AIは一発で正解を出せる段階にない
◦ ドラフトを作るのは超上手。チャットはリテイクしやすい ◦ 例) 「もう少しフランクな文体で書き直して」 #microcms_meetup
コンテンツAI 開発で得られた知見 19 #microcms_meetup ① 便益を最大化する「チャット型」 ②「構造化データ」はAIフレンドリー
microCMSのデータは構造化されている 20 • microCMS = Webサイトなどの構造に合わせてスキーマを組める ◦ スキーマ = 構造化されたデータ
◦ 「タイトル」「内容」「アイキャッチ」 • データ属性を表すラベルが最初から与えられている ◦ → AIが理解しやすい #microcms_meetup
AIに与える文脈の多さ 21 • microCMSのフィールドは多くの情報を持つ ◦ フィールドの種類 #microcms_meetup
AIに与える文脈の多さ 22 • microCMSのフィールドは多くの情報を持つ ◦ フィールドの種類 ◦ フィールドの説明 #microcms_meetup
AIに与える文脈の多さ 23 • microCMSのフィールドは多くの情報を持つ ◦ フィールドの種類 ◦ フィールドの説明 ◦ フィールドの制約
▪ 文字数 / 画像サイズ / 必須項目 #microcms_meetup
AIに与える文脈の多さ 24 • microCMSのフィールドは多くの情報を持つ ◦ フィールドの種類 ◦ フィールドの説明 ◦ フィールドの制約
▪ 文字数 / 画像サイズ / 必須項目 ▪ リッチエディタの装飾 #microcms_meetup
AIに与える文脈の多さ 25 • microCMSのフィールドは多くの情報を持つ ◦ フィールドの種類 ◦ フィールドの説明 ◦ フィールドの制約
▪ 文字数 / 画像サイズ / 必須項目 ▪ リッチエディタの装飾 #microcms_meetup → 与える文脈が多い = AIが「いい感じに」生成してくれる
まとめ 27 #microcms_meetup • ヘッドレスCMSとAIは相性が良い • microCMS AIの第一弾「コンテンツAI」を紹介 ◦ チャットUIを選んだ理由
◦ 構造化データのメリット • みなさんのAI活用アイデアをぜひ聞かせてください ◦ このあとのオンライン懇親会や @himara2 まで!
Thanks :) 28 #microcms_meetup https://discord.gg/K3DPqw4EJ2 @micro_cms