Upgrade to Pro — share decks privately, control downloads, hide ads and more …

microCMS AI

microCMS AI

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

microCMS

May 31, 2023
Tweet

More Decks by microCMS

Other Decks in Technology

Transcript

  1. #microcms_meetup
    平松 亮介
    microCMS AI

    View Slide

  2. 自己紹介
    2
    #microcms_meetup
    平松 亮介 / Ryosuke Hiramatsu
    @himara2
    プロダクトマネージャー
    - バックグラウンド: モバイルエンジニア(10年)
    - AI機能ではプロンプトエンジニアリング

    View Slide

  3. 目次
    3
    ● AI時代の訪れ
    ● microCMSとAI
    ● DEMO - コンテンツAI
    ● コンテンツAIの特徴と工夫点
    ● まとめ
    #microcms_meetup

    View Slide

  4. AI時代の訪れ
    4
    ● 2022年末のChatGPT登場以来、高まり続けるAIへ
    の注目
    ● GPT-4, ChatGPT PluginなどChatGPT自体の進化
    ● Bing, Notion, Google などサービスへの統合
    ● 日本語モデルの登場(CyberAgent, rinna)
    → AIは一時的なトレンドではなくパラダイムシフト
    #microcms_meetup

    View Slide

  5. microCMSから見るAI
    5
    ● microCMSはコンテンツ管理をする場所
    ○ コンテンツは大規模言語モデル(LLM)の知識の源
    ○ 新しく学習するためのコンテンツは今後も必要
    ○ → AIと相性が良い
    #microcms_meetup

    View Slide

  6. microCMSから見るAI
    6
    ● microCMSはコンテンツ管理をする場所
    ○ コンテンツは大規模言語モデル(LLM)の知識の源
    ○ 新しく学習するためのコンテンツは今後も必要
    ○ → AIと相性が良い
    ● microCMSはAPIベースでコンテンツを利用
    ○ OpenAIのモデルはAPIで提供されている
    ○ → APIを組み合わせてサービスを作る
    #microcms_meetup

    View Slide

  7. microCMSでのAI活用
    7
    ● 社内でのAI活用
    ○ AIで開発効率を上げる(Copilot / ChatGPT)
    ○ 定常業務の省エネ化(AI Ops)
    ■ AI x Opsの可能性を探る!ChatGPTを活用した業務効率化の実践例3選 - Zenn
    #microcms_meetup

    View Slide

  8. microCMSでのAI活用
    8
    ● 社内でのAI活用
    ○ AIで開発効率を上げる(Copilot / ChatGPT)
    ○ 定常業務の省エネ化(AI Ops)
    ■ AI x Opsの可能性を探る!ChatGPTを活用した業務効率化の実践例3選 - Zenn
    ● microCMSへのAI統合
    ○ 開発、コンテンツ運用をもっと効率的に
    ○ AI時代のヘッドレスCMSへ
    #microcms_meetup

    View Slide

  9. AI活用の目指すところ
    ● AIを活用して仕事を効率化・省エネ化する
    ● + 楽しくする
    ● AI活用は試行錯誤していくフェーズ
    ● 明確な正解はなく、みんな模索している状態
    ● 実験的に試してフィードバックを素早く得る
    ● → 今日は入稿者向けに開発中の機能を紹介します
    9
    #microcms_meetup

    View Slide

  10. DEMO
    10
    #microcms_meetup

    View Slide

  11. DEMO - コンテンツAI
    13
    ● DEMO
    ○ 「面白いタイトルと100文字の概要を生成して」
    ○ 「タイトルを英語に翻訳して」
    ● 特徴
    ○ 自然言語での指示
    ○ フィールドをまたいで作用
    #microcms_meetup

    View Slide

  12. コンテンツAI 開発で得られた知見
    14
    #microcms_meetup
    ① 便益を最大化する「チャット型」
    ②「構造化データ」はAIフレンドリー

    View Slide

  13. コンテンツAI 開発で得られた知見
    15
    #microcms_meetup
    ① 便益を最大化する「チャット型」
    ②「構造化データ」はAIフレンドリー

    View Slide

  14. ChatGPTをサービスに統合する方法
    16
    #microcms_meetup
    タスク型 チャット型
    操作方法
    「要約」「目次を作る」など
    タスクごとにボタンを用意
    「本文を140字で要約して」など
    自然言語でリクエスト
    プロンプト 作りやすい 難しい
    ユースケース 限定的 柔軟
    サービス例 Notion、note ChatGPT、STUDIO AI
    → microCMSでは「チャット型」を採用

    View Slide

  15. microCMSにはチャット型がフィット
    17
    ● microCMSの特徴
    ○ コンテンツが構造化されている
    ■ 「タイトル → 概要」のように、フィールドをまたいで動作させたい
    ■ 「リッチエディタにボタンをつけるだけ」では不十分
    ○ ユースケースが多岐にわたる
    ■ 様々な用途に使われている
    ■ 要約や翻訳など、特定のタスクに落とし込めない
    #microcms_meetup

    View Slide

  16. チャット型への期待
    18
    ● フランクな表現や曖昧な表現も解釈してくれる気軽さ
    ● 将来的に音声での操作もできる
    ● 開発者が思いつかなかった使い方が出てくる(ユースケース無限)
    ● AIは一発で正解を出せる段階にない
    ○ ドラフトを作るのは超上手。チャットはリテイクしやすい
    ○ 例) 「もう少しフランクな文体で書き直して」
    #microcms_meetup

    View Slide

  17. コンテンツAI 開発で得られた知見
    19
    #microcms_meetup
    ① 便益を最大化する「チャット型」
    ②「構造化データ」はAIフレンドリー

    View Slide

  18. microCMSのデータは構造化されている
    20
    ● microCMS = Webサイトなどの構造に合わせてスキーマを組める
    ○ スキーマ = 構造化されたデータ
    ○ 「タイトル」「内容」「アイキャッチ」
    ● データ属性を表すラベルが最初から与えられている
    ○ → AIが理解しやすい
    #microcms_meetup

    View Slide

  19. AIに与える文脈の多さ
    21
    ● microCMSのフィールドは多くの情報を持つ
    ○ フィールドの種類
    #microcms_meetup

    View Slide

  20. AIに与える文脈の多さ
    22
    ● microCMSのフィールドは多くの情報を持つ
    ○ フィールドの種類
    ○ フィールドの説明
    #microcms_meetup

    View Slide

  21. AIに与える文脈の多さ
    23
    ● microCMSのフィールドは多くの情報を持つ
    ○ フィールドの種類
    ○ フィールドの説明
    ○ フィールドの制約
    ■ 文字数 / 画像サイズ / 必須項目
    #microcms_meetup

    View Slide

  22. AIに与える文脈の多さ
    24
    ● microCMSのフィールドは多くの情報を持つ
    ○ フィールドの種類
    ○ フィールドの説明
    ○ フィールドの制約
    ■ 文字数 / 画像サイズ / 必須項目
    ■ リッチエディタの装飾
    #microcms_meetup

    View Slide

  23. AIに与える文脈の多さ
    25
    ● microCMSのフィールドは多くの情報を持つ
    ○ フィールドの種類
    ○ フィールドの説明
    ○ フィールドの制約
    ■ 文字数 / 画像サイズ / 必須項目
    ■ リッチエディタの装飾
    #microcms_meetup
    → 与える文脈が多い = AIが「いい感じに」生成してくれる

    View Slide

  24. まとめ
    27
    #microcms_meetup
    ● ヘッドレスCMSとAIは相性が良い
    ● microCMS AIの第一弾「コンテンツAI」を紹介
    ○ チャットUIを選んだ理由
    ○ 構造化データのメリット
    ● みなさんのAI活用アイデアをぜひ聞かせてください
    ○ このあとのオンライン懇親会や @himara2 まで!

    View Slide

  25. Thanks :)
    28
    #microcms_meetup
    https://discord.gg/K3DPqw4EJ2
    @micro_cms

    View Slide