freks blog

about

Microsoft Teamsへの通知の見た目をよくしたい

created: 2024-09-10
おすすめ記事: 出会ってよかったプログラマー本

プロアクティブ メッセージを送信する - Teams | Microsoft Learn で、Microsoft TeamsのAPIを使って通知を送っています

メッセージの見た目をよくしたかったので調べてみました

送信時の最小のJSONは

{
  "type": "message",
  "text": "Hello, World!"
}

です

カード内のテキストの書式設定 Markdown - Teams | Microsoft Learn
でMarkdownの書式設定ができます

カード内のテキストの書式設定 HTML - Teams | Microsoft Learn
でHTMLの書式設定ができます

カード内のテキストの書式設定 AdaptiveCard - Teams | Microsoft Learn
でAdaptiveCardというのでよりリッチな見た目にできそうです

今回やりたかったのは

{
  "type": "message",
  "message": "Hi, this is me!",
  "attachments": [
    {
      "contentType": "application/vnd.microsoft.card.adaptive",
      "content": {
        "type": "AdaptiveCard",
        "body": [
          {
            "type": "TextBlock",
            "text": "Hello, World!",
            "wrap": true
          }
        ],
        "msteams": {
          "width": "Full"
        }
      }
    }
  ]
}

とか

{
  "type": "message",
  "message": "Hi, this is me!<br><blockquote>Hello, World!</blockquote>",
}

でした

まとめ

Microsoftのドキュメントは量が多く散らかってるので、知りたい情報へたどり着くのが大変ですね

PR

Microsoft Copilot for Microsoft 365活用大全

Microsoft Copilot for Microsoft 365活用大全

このリンクは、アフィリエイトリンクです


Amazonのアソシエイトとして、blog.freks.jp は適格販売により収入を得ています。
This site is managed by freks