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
2k
microCMSの開発組織 - Deep dive into microCMS
microcms
2
3.1k
意思決定のモヤが晴れるまで
microcms
7
2.2k
Webフロントエンドの進化とJamstackアーキテクチャの変遷
microcms
7
3.2k
microCMSのエンジニア組織と文化
microcms
0
1.9k
シン・リッチエディタ徹底解説
microcms
1
2.2k
新リリース:microCMSテンプレート
microcms
1
2k
Cloudflare Pages/Workersとは
microcms
2
1.2k
Other Decks in Technology
See All in Technology
MLflowの現在と未来 / MLflow Present and Future
databricksjapan
1
230
空が堕ち、大地が割れ、海が涸れた日~もしも愛用しているフレームワークが開発停止したら?~ #phperkaigi 2025
77web
2
900
Github Copilot Chatは本日よりケ◯ロ軍曹でありま〜〜〜すッ!!!(たぶん)
yu_yukk_y
1
120
Javaの新しめの機能を知ったかぶれるようになる話 #kanjava
irof
3
1.3k
Amazon Bedrock GenUハンズオン座学資料 #1 GenU環境で生成AIを体験してみよう
tsukuboshi
0
240
eBPF-based Process Lifecycle Monitoring
yukinakanaka
1
150
みんなで育てるNewsPicksのSLO
troter
4
1k
TDSE_20250311_AIxIoTビジネス共創ラボ第2回勉強会_発表資料.pdf
iotcomjpadmin
0
310
AWSにおけるサイバー攻撃の傾向と具体的な対策
yuobayashi
8
770
移行できそうでやりきれなかった 10年超えのシステムを葬るための戦略 / phper-kaigi-2025-ryu
carta_engineering
0
660
コンテナ上シェル悪用の話とPure Bashでcurlが作れた話
ryotosaito
2
380
VISITS_20250311_こねくとあいとりおす.pdf
iotcomjpadmin
0
120
Featured
See All Featured
A better future with KSS
kneath
238
17k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7.1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
Fireside Chat
paigeccino
37
3.3k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.4k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.2k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
14
1.1k
Docker and Python
trallard
44
3.3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
For a Future-Friendly Web
brad_frost
176
9.6k
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