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.9k
microCMS AI
microCMS Online Meetup 2023での発表資料です。
#microcms_meetup
microCMS
May 31, 2023
Tweet
Share
More Decks by microCMS
See All by microCMS
エンジニア創業者が語るユーザー中心のプロダクト作り
microcms
1
250
What’s new in microCMS (2024 microCMS Meetup)
microcms
0
1.9k
microCMSの開発組織 - Deep dive into microCMS
microcms
2
2.9k
意思決定のモヤが晴れるまで
microcms
7
2.2k
Webフロントエンドの進化とJamstackアーキテクチャの変遷
microcms
7
3.2k
microCMSのエンジニア組織と文化
microcms
0
1.9k
シン・リッチエディタ徹底解説
microcms
1
2.1k
新リリース:microCMSテンプレート
microcms
1
2k
Cloudflare Pages/Workersとは
microcms
2
1.2k
Other Decks in Technology
See All in Technology
オブザーバビリティの観点でみるAWS / AWS from observability perspective
ymotongpoo
8
1.5k
OpenID Connect for Identity Assurance の概要と翻訳版のご紹介 / 20250219-BizDay17-OIDC4IDA-Intro
oidfj
0
270
関東Kaggler会LT: 人狼コンペとLLM量子化について
nejumi
3
570
【Developers Summit 2025】プロダクトエンジニアから学ぶ、 ユーザーにより高い価値を届ける技術
niwatakeru
2
1.3k
Classmethod AI Talks(CATs) #17 司会進行スライド(2025.02.19) / classmethod-ai-talks-aka-cats_moderator-slides_vol17_2025-02-19
shinyaa31
0
110
ハッキングの世界に迫る~攻撃者の思考で考えるセキュリティ~
nomizone
13
5.1k
なぜ私は自分が使わないサービスを作るのか? / Why would I create a service that I would not use?
aiandrox
0
710
スタートアップ1人目QAエンジニアが QAチームを立ち上げ、“個”からチーム、 そして“組織”に成長するまで / How to set up QA team at reiwatravel
mii3king
2
1.4k
Building Products in the LLM Era
ymatsuwitter
10
5.4k
エンジニアの育成を支える爆速フィードバック文化
sansantech
PRO
3
1k
抽象化をするということ - 具体と抽象の往復を身につける / Abstraction and concretization
soudai
3
610
30分でわかる『アジャイルデータモデリング』
hanon52_
9
2.6k
Featured
See All Featured
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
How to Ace a Technical Interview
jacobian
276
23k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Producing Creativity
orderedlist
PRO
344
39k
A Modern Web Designer's Workflow
chriscoyier
693
190k
How to train your dragon (web standard)
notwaldorf
91
5.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
133
33k
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