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