Microsoft Teams のカードの書式設定

[アーティクル]
07/24/2022

カードにリッチテキストの書式設定を追加する 2 つの方法を次に示します。

markdown
HTML

カードは、タイトルプロパティや字幕プロパティではなく、テキストプロパティでのみ書式設定をサポートします。カードの種類に応じて、XML または HTML のサブセット、または Markdown を使用して書式設定を指定できます。アダプティブカードの現在および将来の開発では、Markdown の書式設定をお勧めします。

書式設定のサポートはカードの種類によって異なります。カードのレンダリングは、デスクトップとモバイルの Microsoft Teams クライアント間、およびデスクトップブラウザーの Teams 間でわずかに異なる場合があります。

Teams カードにはインライン画像を含めることができます。サポートされているイメージ形式は、.png、.jpg、または .gif 形式です。サイズは 1024 x 1024 ピクセル以内、ファイルサイズは 1 MB 未満にしてください。アニメーション .gif 画像はサポートされていません。詳細については、「カードの種類」を参照してください。

サポートされている特定のスタイルを含む Markdown を使用して、アダプティブカードと Office 365 コネクタカードを書式設定できます。

Markdown でカードを書式設定する

次のカードタイプは、Teams での Markdown 書式設定をサポートしています。

アダプティブカード: Markdown は、アダプティブカード Textblock フィールド、および Fact.Title と Fact.Value でサポートされています。 HTML はアダプティブカードではサポートされていません。
Office 365 コネクタカード: Markdown と制限付き HTML は、テキストフィールドの Office 365 コネクタカードでサポートされています。

リスト内の改行に \r または \n エスケープシーケンスを使用して、アダプティブカードに改行を使用できます。書式設定は、デスクトップ版とモバイル版のアダプティブカード用 Teams で異なります。カードベースのメンションは、Web、デスクトップ、およびモバイルクライアントでサポートされています。情報マスキングプロパティを使用して、アダプティブカード Input.Text 入力要素内のユーザーからのパスワードや機密情報などの特定の情報をマスクできます。 width オブジェクトを使用して、アダプティブカードの幅を拡張できます。アダプティブカード内で先行入力サポートを有効にし、ユーザーが入力を入力するときに入力選択肢のセットをフィルタリングできます。 msteams プロパティを使用して、ステージビューで画像を選択的に表示する機能を追加できます。

書式設定は、アダプティブカードおよびコネクタカード用の Teams のデスクトップバージョンとモバイルバージョンで異なります。このセクションでは、アダプティブカードとコネクタカードの Markdown 書式の例を紹介します。

アダプティブカードの Markdown 書式
Office 365 コネクタカードの Markdown 書式

次の表に、Textblock、Fact.Title、および Fact.Value でサポートされているスタイルを示します。

Style	例	Markdown
太字	Bold	`Bold`
斜体	Italic	`_Italic_`
記号付きリスト	text text	`- Item 1\r- Item 2\r- Item 3`
番号付きリスト	text text	`1. Green\r2. Orange\r3. Blue`
Hyperlinks	Bing	`[Title](url)`

次の Markdown タグはサポートされていません。

ヘッダー
テーブル
画像
事前書式設定済みのテキスト
Blockquotes

アダプティブカードの改行

リスト内の改行には、\r または \n のエスケープシーケンスを使用できます。リストで \n\n を使用すると、リスト内の次の要素がインデントされます。 TextBlock の他の場所で改行が必要な場合は、\n\n を使用してください。

アダプティブカードのモバイルとデスクトップの違い

デスクトップでは、アダプティブカードの Markdown 書式設定は、Web ブラウザーと Teams クライアントアプリケーションの両方で次の画像のように表示されます。

アダプティブ markdown デスクトップクライアント

iOS では、アダプティブカード Markdown の書式設定が次の図のように表示されます。

iOS でのアダプティブカード Markdown の書式設定

Android では、アダプティブカード Markdown の書式設定が次の図のように表示されます。

Android でのアダプティブカード Markdown の書式設定

詳細については、「アダプティブカード」のテキスト機能を参照してください。

注意

このセクションに記載されている日付とローカリゼーション機能は、Teams ではサポートされていません。

アダプティブカード書式のサンプル

次のコードは、アダプティブカードの書式設定の例を示しています。

{
    "$schema": "https://adaptivecards.io/schemas/adaptive-card.json",
    "type": "AdaptiveCard",
    "version": "1.0",
    "body": [
        {
            "type": "TextBlock",
            "text": "This is some **bold** text"
        },
        {
            "type": "TextBlock",
            "text": "This is some _italic_ text"
        },
        {
            "type": "TextBlock",
            "text": "- Bullet \r- List \r",
            "wrap": true
        },
        {
            "type": "TextBlock",
            "text": "1. Numbered\r2. List\r",
            "wrap": true
        },
        {
            "type": "TextBlock",
            "text": "Check out [Adaptive Cards](https://adaptivecards.io)"
        }
    ]
}

アダプティブカードは、絵文字をサポートします。次のコードは、絵文字を使用したアダプティブカードの例を示しています。

{ "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "type": "AdaptiveCard", "version": "1.0", "body": [ { "type": "Container", "items": [ { "type": "TextBlock", "text": "Publish Adaptive Card with emojis 🥰 ", "weight": "bolder", "size": "medium" }, ] }, ], }

アダプティブカード内でのサポートのメンション

ボットとメッセージ拡張機能の応答のために、アダプティブカード本体内に @メンションを追加できます。カードに @メンションを追加するには、チャネルおよびグループチャットの会話でのメッセージベースのメンションと同じ通知ロジックとレンダリングに従います。

ボットとメッセージ拡張機能には、カードコンテンツ内の TextBlock 要素と FactSet 要素に言及を含めることができます。

注意

メディア要素は現在、Teams プラットフォームのアダプティブカードではサポートされていません。
チャネルとチームのメンションはボットメッセージではサポートされていません。

アダプティブカードにメンションを含めるには、アプリに次の要素を含める必要があります。

サポートされているアダプティブカード要素の <at>username</at>。
カードコンテンツの msteams プロパティ内の mention オブジェクトには、言及されているユーザーの Teams ユーザー ID が含まれています。
userId は、ボット ID と特定のユーザーに固有です。特定のユーザーに @メンションするために使用できます。 userId は、ユーザー ID の取得で説明されているオプションの 1 つを使用して取得できます。

メンション付きアダプティブカードのサンプル

次のコードは、アダプティブカードとメンションの例を示しています。

{
  "contentType": "application/vnd.microsoft.card.adaptive",
  "content": {
    "type": "AdaptiveCard",
    "body": [
      {
        "type": "TextBlock",
        "text": "Hi <at>John Doe</at>"
      }
    ],
    "$schema": "https://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.0",
    "msteams": {
      "entities": [
        {
          "type": "mention",
          "text": "<at>John Doe</at>",
          "mentioned": {
            "id": "29:123124124124",
            "name": "John Doe"
          }
        }
      ]
    }
  }
}

Microsoft Azure Active Directory (Azure AD) ユーザーメンションにおけるオブジェクト ID と UPN

Teams プラットフォームでは、既存の言及 ID に加えて、Azure AD オブジェクト ID とユーザー原則名 (UPN) を使用してユーザーに言及することができます。アダプティブカードを備えたボットと受信 Webhook を備えたコネクタは、2 つのユーザーメンション ID をサポートします。

次の表に、新しくサポートされたユーザーメンション ID を示します。

ID	サポート機能	説明	例
Azure AD オブジェクト ID	ボット、コネクタ	Azure AD ユーザーのオブジェクト ID を指定する	49c4641c-ab91-4248-aebb-6a7de286397b
UPN	ボット、コネクタ	Azure AD ユーザーの UPN	john.smith@microsoft.com

アダプティブカードを使用したボットでのユーザーメンション

ボットは、既存の ID に加えて、Azure AD オブジェクト ID と UPN を使用したユーザーのメンションをサポートします。 2 つの新しい ID のサポートは、テキストメッセージ、アダプティブカード本体、およびメッセージ拡張応答のボットで利用できます。ボットは、会話および invoke シナリオでの言及 ID をサポートします。ユーザーは、ID で @メンションされると、アクティビティフィード通知を受け取ります。

注意

ボットのアダプティブカードを使用したユーザーメンションには、スキーマの更新と UI/UX の変更は必要ありません。

例

アダプティブカードを使用するボットでのユーザーメンションの例は次のとおりです。

{
  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
  "version": "1.0",
  "type": "AdaptiveCard",
  "body": [
    {
      "type": "TextBlock",
      "text": "Hi <at>Adele UPN</at>, <at>Adele Azure AD</at>"
    }
  ],
  "msteams": {
    "entities": [
      {
        "type": "mention",
        "text": "<at>Adele UPN</at>",
        "mentioned": {
          "id": "AdeleV@contoso.onmicrosoft.com",
          "name": "Adele Vance"
        }
      },
      {
        "type": "mention",
        "text": "<at>Adele Azure AD</at>",
        "mentioned": {
          "id": "87d349ed-44d7-43e1-9a83-5f2406dee5bd",
          "name": "Adele Vance"
        }
      }
    ]
  }
}

次の画像は、ボットのアダプティブカードでのユーザーメンションを示しています。

アダプティブカードを使用したボットでのユーザーメンション

アダプティブカードを使用した受信 Webhook でのユーザーメンション

受信 Webhook は、Azure AD オブジェクト ID と UPN を使用したアダプティブカードでのユーザーメンションをサポートし始めます。

注意

受信 Webhook のスキーマでユーザーメンションを有効にして、Azure AD オブジェクト ID と UPN をサポートします。
UI/UX の変更は、Azure AD オブジェクト ID および UPN を使用したユーザーメンションには必要ありません。

例

受信 Webhook でのユーザーメンションの例を次に示します。

{
    "type": "message",
    "attachments": [
        {
        "contentType": "application/vnd.microsoft.card.adaptive",
        "content": {
            "type": "AdaptiveCard",
            "body": [
                {
                    "type": "TextBlock",
                    "size": "Medium",
                    "weight": "Bolder",
                    "text": "Sample Adaptive Card with User Mention"
                },
                {
                    "type": "TextBlock",
                    "text": "Hi <at>Adele UPN</at>, <at>Adele Azure AD</at>"
                }
            ],
            "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
            "version": "1.0",
            "msteams": {
                "entities": [
                    {
                        "type": "mention",
                        "text": "<at>Adele UPN</at>",
                        "mentioned": {
                          "id": "AdeleV@contoso.onmicrosoft.com",
                          "name": "Adele Vance"
                        }
                      },
                      {
                        "type": "mention",
                        "text": "<at>Adele Azure AD</at>",
                        "mentioned": {
                          "id": "87d349ed-44d7-43e1-9a83-5f2406dee5bd",
                          "name": "Adele Vance"
                        }
                      }
                ]
            }
        }
    }]
}

次の図は、受信 Webhook でのユーザーメンションを示しています。

受信 Webhook でのユーザーメンション

アダプティブカードの情報マスキング

情報マスキングプロパティを使用して、アダプティブカード Input.Text 入力要素内のユーザーからのパスワードや機密情報などの特定の情報をマスクします。

注意

この機能は、クライアント側の情報マスキングのみをサポートします。マスキングされた入力テキストは、ボット構成中に指定された HTTPS エンドポイントアドレスにクリアテキストとして送信されます。

アダプティブカードの情報をマスクするには、styleプロパティを型 input.text に追加し、その値を Password に設定します。

マスキングプロパティを備えたアダプティブカードのサンプル

次のコードは、マスキングプロパティを持つアダプティブカードの例を示しています。

{
    "type": "Input.Text",
    "id": "secretThing",
    "style": "password",
},

次の画像は、アダプティブカードのマスキング情報の例です。

マスキング情報ビュー

全幅アダプティブカード

msteams プロパティを使用して、アダプティブカードの幅を拡張し、追加のキャンバススペースを利用できます。次のセクションでは、プロパティの使用方法について説明します。

全幅カードを作成する

全幅アダプティブカードを作成するには、カードコンテンツの msteams プロパティの width オブジェクトを Full に設定する必要があります。

全幅アダプティブカードのサンプル

全幅アダプティブカードを作成するには、アプリに次のコードサンプルの要素を含める必要があります。

{
    "type": "AdaptiveCard",
    "body": [{
        "type": "Container",
        "items": [{
            "type": "TextBlock",
            "text": "Digest card",
            "size": "Large",
            "weight": "Bolder"
        }]
    }],

    "msteams": {
        "width": "Full"
    },
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.2"
}

次の画像は、全幅アダプティブカードを示しています。

全幅アダプティブカードビュー

次の画像は、widthプロパティを Full に設定していない場合のアダプティブカードの既定ビューを示しています。

小幅アダプティブカードビュー

先行入力のサポート

Input.Choiceset スキーマ要素内で、かなりの数の選択肢をフィルタリングして選択するようにユーザーに求めると、タスクの完了が大幅に遅くなる可能性があります。アダプティブカード内の先行入力サポートは、ユーザーが入力を入力するときに入力選択肢のセットを絞り込んだりフィルタリングしたりすることで、入力選択を簡素化できます。

Input.Choiceset 内で先行入力を有効にするには、style を filtered に設定し、isMultiSelect が false に設定されていることを確認します。

先行入力をサポートするサンプルアダプティブカード

次のコードは、先行入力をサポートするアダプティブカードの例を示しています。

{
   "type": "Input.ChoiceSet",
   "label": "Select a user",
   "isMultiSelect": false,
   "choices":  [
      { "title": "User 1", "value": "User1" },
      { "title": "User 2", "value": "User2" }
    ],
   "style": "filtered"
}

アダプティブカードの画像のステージビュー

アダプティブカードでは、msteams プロパティを使用して、ステージビューで画像を選択的に表示する機能を追加できます。ユーザーが画像にカーソルを合わせると、allowExpand 属性が true に設定されている拡張アイコンが表示されます。プロパティの使用方法については、次の例を参照してください。

{
    "type": "AdaptiveCard",
     "body": [
          {
            "type": "Image",
            "url": "https://picsum.photos/200/200?image=110",
            "msTeams": {
              "allowExpand": true
            }
          }
     ],
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.2"
}

ユーザーが画像にカーソルを合わせると、次の画像に示すように、右上隅に拡張アイコンが表示されます。

次の画像に示すように、ユーザーが拡張アイコンを選択すると、画像がステージビューに表示されます。

ステージビューでは、ユーザーは画像を拡大および縮小できます。この機能が必要なアダプティブカードの画像を選択できます。

注意

拡大および縮小機能は、アダプティブカードの画像の種類である画像要素にのみ適用されます。
Teams モバイルアプリの場合、アダプティブカードの画像のステージビュー機能が既定で利用できます。ユーザーは、allowExpand 属性が存在するかどうかに関係なく、画像をタップするだけでアダプティブカードの画像をステージビューで表示できます。

コネクタカードでは、Markdown と HTML の書式設定が制限されています。

Style	例	Markdown
太字	text	`text`
斜体	text	`text`
ヘッダー (レベル 1–3)	Text	`### Text`
取り消し線	~~text~~	`~~text~~`
記号付きリスト	text text	`- Item 1\r- Item 2\r- Item 3`
番号付きリスト	text text	`1. Green\r2. Orange\r3. Blue`
事前書式設定済みのテキスト	`text`	`preformatted text`
Blockquote	>テキストを引用する	`>blockquote text`
Hyperlink	Bing	`[Bing](https://www.bing.com/)`
画像リンク		`![Duck](https://aka.ms/Fo983c)`

コネクタカードでは、改行は \n\n に対してレンダリングされますが、\n または \r に対してはレンダリングされません。

コネクタカードのモバイルとデスクトップの違い

デスクトップでは、次の図に示すように、コネクタカードの Markdown 書式設定が表示されます。

コネクタカードの Markdown 書式設定

iOS では、次の図に示すように、コネクタカードの Markdown 書式設定が表示されます。

iOS クライアントのコネクタカードの Markdown 書式設定

iOS 用 Markdown を使用するコネクタカードには、次の問題があります。

Teams 用の iOS クライアントは、コネクタカードで Markdown または HTML インライン画像をレンダリングしません。
ブロッククォートはインデントされてレンダリングされますが、背景は灰色ではありません。

Android では、次の図に示すように、コネクタカードの Markdown の書式設定が表示されます。

Android クライアントのコネクタカードの Markdown の書式設定

Markdown コネクタカードの書式の例

次のコードは、Markdown コネクタカードの書式設定の例を示しています。

{
  "contentType": "application/vnd.microsoft.teams.card.o365connector",
  "content": {
    "@type": "MessageCard",
    "@context": "https://schema.org/extensions",
    "summary": "Summary",
    "title": "Connector Card Markdown formatting",
    "sections": [
        {
            "text": "This is some **bold** text"
        },
        {
            "text": "This is some _italic_ text"
        },
        {
            "text": "# Header 1\r## Header 2\r### Header 3"
        },
        {
            "text": "- Bullet \r- List \r"
        },
        {
            "text": "1. Numbered\r1. List \r"
        },
        {
            "text": "Link: [Bing](https://www.bing.com)"
        },
        {
            "text": "embedded image link: ![Duck on a rock](https://aka.ms/Fo983c)"
        },
        {
            "text": "`preformatted text`"
        },
        {
            "text": "Newlines (backslash n, backslash n):\n\nline a\n\nline b\n\nline c"
        },
        {
            "text": ">This is a blockquote"
        }
     ]
  }
}

HTML を使用してカードを書式設定する

次のカードタイプは、Teams での HTML 書式設定をサポートしています。

Office 365 コネクタカード: 制限付き Markdown と HTML 書式設定は、Office 365 コネクタカードでサポートされています。
ヒーローカードとサムネイルカード: HTML タグは、ヒーローカードやサムネイルカードなどの簡易カードでサポートされています。

デスクトップ版とモバイル版の Teams for Office 365 コネクタカードと簡易カードでは、書式設定が異なります。このセクションでは、コネクタカードと簡易カードの HTML 書式の例を参照できます。

Office 365 コネクタカードの HTML 書式
ヒーローカードとサムネイルカードの HTML 書式

コネクタカードでは、Markdown と HTML の書式設定が制限されています。

Style	例	HTML
太字	text	`<strong>text</strong>`
斜体	text	`<em>text</em>`
ヘッダー (レベル 1–3)	Text	`<h3>Text</h3>`
取り消し線	~~text~~	`<strike>text</strike>`
記号付きリスト	text text	`<ul><li>text</li><li>text</li></ul>`
番号付きリスト	text text	`<ol><li>text</li><li>text</li></ol>`
事前書式設定済みのテキスト	`text`	`<pre>text</pre>`
Blockquote	text	`<blockquote>text</blockquote>`
Hyperlink	Bing	`<a href="https://www.bing.com/">Bing</a>`
画像リンク		`<img src="https://aka.ms/Fo983c" alt="Duck on a rock"></img>`

コネクタカードでは、改行は <p> タグを使用して HTML でレンダリングされます。

コネクタカードのモバイルとデスクトップの違い

デスクトップでは、次の画像に示すように、コネクタカードの HTML 書式設定が表示されます。

デスクトップクライアントのコネクタカードの HTML 書式設定

iOS では、次の図に示すように HTML 書式設定が表示されます。

iOS クライアントのコネクタカードの HTML 書式設定

iOS 用 HTML を使用するコネクタカードには、次の問題があります。

インラインイメージは、コネクタカードの Markdown または HTML を使用して iOS ではレンダリングされません。
書式設定済みのテキストはレンダリングされますが、背景が灰色ではありません。

Android では、次の図に示すように HTML 書式設定が表示されます。

Android クライアントのコネクタカードの HTML 書式設定

HTML コネクタカードの書式のサンプル

次のコードは、HTML コネクタカードの書式設定の例を示しています。

{
  "contentType": "application/vnd.microsoft.teams.card.o365connector",
  "content": {
    "@type": "MessageCard",
    "@context": "https://schema.org/extensions",
    "summary": "Summary",
    "title": "Connector Card HTML formatting",
    "sections": [
        {
            "text": "This is some <strong>bold</strong> text"
        },
        {
            "text": "This is some <em>italic</em> text"
        },
        {
            "text": "This is some <strike>strikethrough</strike> text"
        },
        {
            "text": "<h1>Header 1</h1>\r<h2>Header 2</h2>\r <h3>Header 3</h3>"
        },
        {
            "text": "bullet list <ul><li>text</li><li>text</li></ul>"
        },
        {
            "text": "ordered list <ol><li>text</li><li>text</li></ol>"
        },
        {
            "text": "hyperlink <a href=\"https://www.bing.com/\">Bing</a>"
        },
        {
            "text": "embedded image <img src=\"https://aka.ms/Fo983c\" alt=\"Duck on a rock\"></img>"
        },
        {
            "text": "preformatted text <pre>text</pre>"
        },
        {
            "text": "Paragraphs <p>Line a</p><p>Line b</p>"
        },
        {
            "text": "<blockquote>Blockquote text</blockquote>"
        }
     ]
  }
}

HTML タグは、ヒーローカードやサムネイルカードなどの簡易カードでサポートされています。マークダウンはサポートされていません。

Style	例	HTML
太字	text	`<strong>text</strong>`
斜体	text	`<em>text</em>`
ヘッダー (レベル 1–3)	Text	`<h3>Text</h3>`
取り消し線	~~text~~	`<strike>text</strike>`
記号付きリスト	text text	`<ul><li>text</li><li>text</li></ul>`
番号付きリスト	text text	`<ol><li>text</li><li>text</li></ol>`
事前書式設定済みのテキスト	`text`	`<pre>text</pre>`
Blockquote	text	`<blockquote>text</blockquote>`
Hyperlink	Bing	`<a href="https://www.bing.com/">Bing</a>`
画像リンク		`<img src="https://aka.ms/Fo983c" alt="Duck on a rock"></img>`

簡易カードのモバイルとデスクトップの違い

デスクトップとモバイルプラットフォームの間には解像度の違いがあるため、書式設定はデスクトップバージョンとモバイルバージョンの Teams の間で異なります。

デスクトップでは、次の図に示すように HTML 書式設定が表示されます。

デスクトップクライアントでの HTML 書式設定

iOS では、次の図に示すように HTML 書式設定が表示されます。

iOS クライアントの HTML 書式設定

太字や斜体などの文字の書式設定は、iOS ではレンダリングされません。

Android では、次の図に示すように HTML 書式設定が表示されます。

Android クライアントでの HTML 書式設定

Android で太字や斜体などの文字の書式設定が正しく表示されます。

簡易カードの書式の例

前のセクションの画像は、Teams App Studio を使用して作成されました。ここで、ヒーローカードのテキストプロパティは次の文字列に設定されています。

<p>bold: <strong>Bold Text</strong></p><p>italic: <em>Italic Text</em></p><p>strikethrough: <strike>Strikethrough text</strike></p><h1>Header 1</h1><h2>Header 2</h2><h3>Header 3</h3><p>bullet list: <ul><li>text</li><li>text</li></ul></p><p>ordered list: <ol><li>text</li><li>text</li></ol></p><pre>preformatted text</pre><blockquote>blockquote text</blockquote></p><p>hyperlink: <a href=\"https://www.bing.com/\">Bing</a></p><p>embedded image: <img src=\"https://aka.ms/Fo983c\" alt=\"Duck on a rock\"></img></p>

このコードを変更することで、独自のカードの書式設定をテストできます。

Microsoft Teams のカードの書式設定

Markdown でカードを書式設定する

アダプティブ カードの改行

アダプティブ カードのモバイルとデスクトップの違い

アダプティブ カード書式のサンプル

アダプティブ カード内でのサポートのメンション

メンション付きアダプティブ カードのサンプル

Microsoft Azure Active Directory (Azure AD) ユーザー メンションにおけるオブジェクト ID と UPN

アダプティブ カードを使用したボットでのユーザー メンション

例

アダプティブ カードを使用した受信 Webhook でのユーザー メンション

例

アダプティブ カードの情報マスキング

マスキング プロパティを備えたアダプティブ カードのサンプル

全幅アダプティブ カード

全幅カードを作成する

全幅 アダプティブ カードのサンプル

先行入力のサポート

先行入力をサポートするサンプル アダプティブ カード

アダプティブ カードの画像のステージ ビュー

HTML を使用してカードを書式設定する

コネクタ カードのモバイルとデスクトップの違い

HTML コネクタ カードの書式のサンプル

関連項目

アダプティブカードの改行

アダプティブカードのモバイルとデスクトップの違い

アダプティブカード書式のサンプル

アダプティブカード内でのサポートのメンション

メンション付きアダプティブカードのサンプル

Microsoft Azure Active Directory (Azure AD) ユーザーメンションにおけるオブジェクト ID と UPN

アダプティブカードを使用したボットでのユーザーメンション

アダプティブカードを使用した受信 Webhook でのユーザーメンション

アダプティブカードの情報マスキング

マスキングプロパティを備えたアダプティブカードのサンプル

全幅アダプティブカード

全幅アダプティブカードのサンプル

先行入力をサポートするサンプルアダプティブカード

アダプティブカードの画像のステージビュー

コネクタカードのモバイルとデスクトップの違い

HTML コネクタカードの書式のサンプル