microCMS AI

microCMS Online Meetup 2023での発表資料です。
#microcms_meetup

1. #microcms_meetup 平松 亮介 microCMS AI
2. 自己紹介 2 #microcms_meetup 平松 亮介 / Ryosuke Hiramatsu @himara2 プロダクトマネージャー - バックグラウンド: モバイルエンジニア（10年） - AI機能ではプロンプトエンジニアリング
3. 目次 3 • AI時代の訪れ • microCMSとAI • DEMO - コンテンツAI • コンテンツAIの特徴と工夫点 • まとめ #microcms_meetup
4. AI時代の訪れ 4 • 2022年末のChatGPT登場以来、高まり続けるAIへ の注目 • GPT-4, ChatGPT PluginなどChatGPT自体の進化 • Bing, Notion, Google などサービスへの統合 • 日本語モデルの登場（CyberAgent, rinna） → AIは一時的なトレンドではなくパラダイムシフト #microcms_meetup
5. microCMSから見るAI 5 • microCMSはコンテンツ管理をする場所 ◦ コンテンツは大規模言語モデル（LLM）の知識の源 ◦ 新しく学習するためのコンテンツは今後も必要 ◦ → AIと相性が良い #microcms_meetup
6. microCMSから見るAI 6 • microCMSはコンテンツ管理をする場所 ◦ コンテンツは大規模言語モデル（LLM）の知識の源 ◦ 新しく学習するためのコンテンツは今後も必要 ◦ → AIと相性が良い • microCMSはAPIベースでコンテンツを利用 ◦ OpenAIのモデルはAPIで提供されている ◦ → APIを組み合わせてサービスを作る #microcms_meetup
7. microCMSでのAI活用 7 • 社内でのAI活用 ◦ AIで開発効率を上げる（Copilot / ChatGPT） ◦ 定常業務の省エネ化（AI Ops） ▪ AI x Opsの可能性を探る！ChatGPTを活用した業務効率化の実践例3選 - Zenn #microcms_meetup
8. microCMSでのAI活用 8 • 社内でのAI活用 ◦ AIで開発効率を上げる（Copilot / ChatGPT） ◦ 定常業務の省エネ化（AI Ops） ▪ AI x Opsの可能性を探る！ChatGPTを活用した業務効率化の実践例3選 - Zenn • microCMSへのAI統合 ◦ 開発、コンテンツ運用をもっと効率的に ◦ AI時代のヘッドレスCMSへ #microcms_meetup
9. AI活用の目指すところ • AIを活用して仕事を効率化・省エネ化する • + 楽しくする • AI活用は試行錯誤していくフェーズ • 明確な正解はなく、みんな模索している状態 • 実験的に試してフィードバックを素早く得る • → 今日は入稿者向けに開発中の機能を紹介します 9 #microcms_meetup
10. DEMO 10 #microcms_meetup
11. DEMO - コンテンツAI 13 • DEMO ◦ 「面白いタイトルと100文字の概要を生成して」 ◦ 「タイトルを英語に翻訳して」 • 特徴 ◦ 自然言語での指示 ◦ フィールドをまたいで作用 #microcms_meetup
12. コンテンツAI 開発で得られた知見 14 #microcms_meetup ① 便益を最大化する「チャット型」 ②「構造化データ」はAIフレンドリー
13. コンテンツAI 開発で得られた知見 15 #microcms_meetup ① 便益を最大化する「チャット型」 ②「構造化データ」はAIフレンドリー
14. ChatGPTをサービスに統合する方法 16 #microcms_meetup タスク型 チャット型 操作方法 「要約」「目次を作る」など タスクごとにボタンを用意 「本文を140字で要約して」など 自然言語でリクエスト プロンプト 作りやすい 難しい ユースケース 限定的 柔軟 サービス例 Notion、note ChatGPT、STUDIO AI → microCMSでは「チャット型」を採用
15. microCMSにはチャット型がフィット 17 • microCMSの特徴 ◦ コンテンツが構造化されている ▪ 「タイトル → 概要」のように、フィールドをまたいで動作させたい ▪ 「リッチエディタにボタンをつけるだけ」では不十分 ◦ ユースケースが多岐にわたる ▪ 様々な用途に使われている ▪ 要約や翻訳など、特定のタスクに落とし込めない #microcms_meetup
16. チャット型への期待 18 • フランクな表現や曖昧な表現も解釈してくれる気軽さ • 将来的に音声での操作もできる • 開発者が思いつかなかった使い方が出てくる（ユースケース無限） • AIは一発で正解を出せる段階にない ◦ ドラフトを作るのは超上手。チャットはリテイクしやすい ◦ 例) 「もう少しフランクな文体で書き直して」 #microcms_meetup
17. コンテンツAI 開発で得られた知見 19 #microcms_meetup ① 便益を最大化する「チャット型」 ②「構造化データ」はAIフレンドリー
18. microCMSのデータは構造化されている 20 • microCMS = Webサイトなどの構造に合わせてスキーマを組める ◦ スキーマ = 構造化されたデータ ◦ 「タイトル」「内容」「アイキャッチ」 • データ属性を表すラベルが最初から与えられている ◦ → AIが理解しやすい #microcms_meetup
19. AIに与える文脈の多さ 21 • microCMSのフィールドは多くの情報を持つ ◦ フィールドの種類 #microcms_meetup
20. AIに与える文脈の多さ 22 • microCMSのフィールドは多くの情報を持つ ◦ フィールドの種類 ◦ フィールドの説明 #microcms_meetup
21. AIに与える文脈の多さ 23 • microCMSのフィールドは多くの情報を持つ ◦ フィールドの種類 ◦ フィールドの説明 ◦ フィールドの制約 ▪ 文字数 / 画像サイズ / 必須項目 #microcms_meetup
22. AIに与える文脈の多さ 24 • microCMSのフィールドは多くの情報を持つ ◦ フィールドの種類 ◦ フィールドの説明 ◦ フィールドの制約 ▪ 文字数 / 画像サイズ / 必須項目 ▪ リッチエディタの装飾 #microcms_meetup
23. AIに与える文脈の多さ 25 • microCMSのフィールドは多くの情報を持つ ◦ フィールドの種類 ◦ フィールドの説明 ◦ フィールドの制約 ▪ 文字数 / 画像サイズ / 必須項目 ▪ リッチエディタの装飾 #microcms_meetup → 与える文脈が多い = AIが「いい感じに」生成してくれる
24. まとめ 27 #microcms_meetup • ヘッドレスCMSとAIは相性が良い • microCMS AIの第一弾「コンテンツAI」を紹介 ◦ チャットUIを選んだ理由 ◦ 構造化データのメリット • みなさんのAI活用アイデアをぜひ聞かせてください ◦ このあとのオンライン懇親会や @himara2 まで！
25. Thanks :) 28 #microcms_meetup https://discord.gg/K3DPqw4EJ2 @micro_cms