![](https://daybreak-lab.com/wp-content/uploads/2024/05/woman-1-150x150.png)
Teamsでチームメンバーにデータ更新のリマインドを送っても見過ごされる・・・
![](https://daybreak-lab.com/wp-content/uploads/2024/02/Avatar_bg-orange-150x150.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/02/Avatar_bg-orange-150x150.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/02/Avatar_bg-orange-150x150.png)
それならアダプティブカードを使った方法がオススメですよ
- アダプティブカードの概要
- アダプティブカードの作り方(アダプティブカードデザイナーの使い方)
- Power Automateを使ってTeamsチャットにアダプティブカードを投稿する方法
Teams | ユーザーの@mentionトークンを取得する |
Teams | チャットやチャネルにカードを投稿する |
アダプティブカードとは「メッセージカード」のこと
アダプティブカードをわかりやすく例えるなら、文字以外の写真などの情報を1つにまとめた「メッセージカード」のようなものです。
誰かに手紙を送る時、文字だけでは少し無機質になってしまうためイラストや写真などを追加した経験のある方も多いと思います。
そういったものをデジタル世界で作ったものがこのアダプティブカードです。
「アダプティブ」とは「適応する」という意味があります。つまり、アダプティブカードとは見せたいシーンや使う人のニーズに合わせて、形、サイズやデザインを変える(適応する)ことができるカードということです。
このアダプティブカードはOutlookやTeamsチャットなどでも使うことができるようになっています。
アダプティブカードに含めることのできる内容
アダプティブカードは、次の内容を組み合わせて好きなように作成できます。
- テキスト
-
通常のテキスト以外にPower Automateの”動的な値”も使うことができます
- 画像
-
写真や図・イラストなど
- アクションボタン
-
押すことでフィードバックをもらうことができます。
例:アンケート回答、特定のURLへ移動させる など
アダプティブカードは初心者でも簡単に作れる
アダプティブカードはJSONというデータ形式で作成することが必要です。
こう言うと初心者にはハードルが高いと思われますが、この次に解説をする「アダプティブカードデザイナー」を使うことで、初心者でもドラッグ&ドロップ操作を中心にノーコードでデザインすることができます。
![](https://daybreak-lab.com/wp-content/uploads/2024/02/Avatar_bg-orange-150x150.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/02/Avatar_bg-orange-150x150.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/02/Avatar_bg-orange-150x150.png)
アダプティブカードデザイナーはMicrosoftが用意してくれているサービスで、登録不要で誰でも無料で使うことができます。
とても簡単ですよ!
アダプティブカードの作り方
今回作成するアダプティブカードのサンプル
今回は「Power Automateを使いTeamsチャットでチームメンバー3人に定期データ更新を依頼するリマインドメッセージを送る」ことを想定して以下のデザインとしました。
![](https://daybreak-lab.com/wp-content/uploads/2024/03/2024-03-24_22h55_17-1024x547.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/2024-03-24_22h55_17-1024x547.png)
アダプティブカードデザイナーでカードを作成する
では早速、上のサンプルを実際に作っていきます。
▼「New Card」をクリック
![](https://daybreak-lab.com/wp-content/uploads/2024/03/2024-03-23_18h21_52-1024x569.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/2024-03-23_18h21_52-1024x569.png)
▼ポップアップ画面から「Blank Card」をクリック
![](https://daybreak-lab.com/wp-content/uploads/2024/03/2024-03-23_18h23_12-1024x735.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/2024-03-23_18h23_12-1024x735.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/2024-03-23_18h23_49-1024x429.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/2024-03-23_18h23_49-1024x429.png)
▼初期値である「1.5」のまま作成してしまうとTeamsでエラーが表示がされてしまいカードが正しく投稿されないため「1.4」へ変更します。
![](https://daybreak-lab.com/wp-content/uploads/2024/03/2024-03-23_18h24_30-1024x307.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/2024-03-23_18h24_30-1024x307.png)
参考:エラーメッセージ
![](https://daybreak-lab.com/wp-content/uploads/2024/03/2024-03-24_23h19_08-1024x303.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/2024-03-24_23h19_08-1024x303.png)
▼左の「CARD ELEMENTS」からテキストブロック「TextBlock」をドラッグ&ドロップでカードへ追加
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-5-751x1024.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-5-751x1024.png)
▼右の「ELEMENT PROPERTIES」を次の通り入力
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-6-464x1024.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-6-464x1024.png)
Text | プロジェクト進捗管理表更新のお願い |
Size | Large |
Weight | Bolder |
▼「CARD ELEMENTS」から「ColumnSet」を先ほど追加したテキストブロックの下に配置
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-7.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-7.png)
▼配置した「ColumnSet」右下の四角アイコンを2回クリック
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-8.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-8.png)
▼「CARD STRUCTURE」が下図のようになればOK
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-9.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-9.png)
▼左に「ELEMENT PROPERTIES」からそれぞれのパーツを追加します。
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-10-1024x475.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-10-1024x475.png)
下段のTextboxのTextへ「本日中にプロジェクト進捗管理表の更新をお願いします。」と入力
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-11-1024x352.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-11-1024x352.png)
▼メニューバーの「Preview mode」ボタンをクリック
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-13-1024x295.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-13-1024x295.png)
▼プレビュー画面でカードデザインに問題がないかをチェック
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-15.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-15.png)
▼最後にメニューバーの「Copy card payload」ボタンをクリックします。アダプティブカードデザイナーの画面は閉じてもそのままでもどちらでも構いません。
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-14-1024x295.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-14-1024x295.png)
今回作ったアダプティブカードのJSON
上で作成したアダプティブカードのJSONです。お試し用に自由にお使いください。右上のコピーボタンで全文コピーできます。
{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.4",
"body": [
{
"type": "TextBlock",
"text": "プロジェクト進捗管理表更新のお願い",
"wrap": true,
"size": "Large",
"weight": "Bolder"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "New TextBlock",
"wrap": true
},
{
"type": "TextBlock",
"text": "本日中にプロジェクト進捗管理表の更新をお願いします。",
"wrap": true
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "Image",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCJCpPYc41P1Zj5Iv0GI-ZcI1ia5aDSEH_kL8gTvo71sfLVWC-FvUBHpiMaHdykOeDkwa8-Xj6y9jEKHax6ujo4R531mESChazycZDg_R-UiIvDuiFiTkqiqnKL2isyCnvOLJ2_8gGjag/s800/business_ojigi_woman.png",
"size": "Large"
}
]
}
]
}
]
}
アダプティブカードをPower Automateで投稿する方法
ここからは今作ったアダプティブカードのJSONを使い、Power AutomateでTeamsチャットする方法を解説します。
![](https://daybreak-lab.com/wp-content/uploads/2024/02/Avatar_bg-orange-150x150.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/02/Avatar_bg-orange-150x150.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/02/Avatar_bg-orange-150x150.png)
Power Automateをまだよく知らないという方は先に以下の記事をご覧ください。
▼今回は、毎週金曜日9時になったら自動実行されるようにトリガー設定しました。
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-16-1024x513.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-16-1024x513.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/2024-03-23_18h44_50-1024x649.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/2024-03-23_18h44_50-1024x649.png)
▼今回はチームメンバー3人分のアクションを追加しました。
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-17-1024x420.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-17-1024x420.png)
▼それぞれのUPN(メールアドレス)を入力します。
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-18-1024x744.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-18-1024x744.png)
以前は「チャットやチャネルにアダプティブカードを投稿する」になっていましたが、今はアダプティブカードが単にカードと表記されるようになったので注意しましょう。
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-19-1024x358.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-19-1024x358.png)
▼ここで今作ったJSONを使います。
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-23.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-23.png)
投稿者 | フローボット |
投稿先 | Channel |
Team | ていじテック |
Channel | General |
Adaptive Card | アダプティブカードデザイナーで作ったJSON |
▼前章でメンショントークンを入れることにしたTextBlockをメンショントークンに変更します。JSONの左カラムの上段TextBlockの”New TextBlock”という部分を削除する
![](https://daybreak-lab.com/wp-content/uploads/2024/03/2024-03-24_22h50_35.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/2024-03-24_22h50_35.png)
▼「動的なコンテンツ」→「ユーザーの@mentionトークンを取得する」アクションの「@mention」を選択。3人分のトークンは順番に追加していきます。ここでは、「さん、」で3つを繋げました。
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-20-1024x696.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-20-1024x696.png)
▼完成後のアダプティブカードのJSONはこちら。赤文字にした部分に”動的な値”を挿入しています。
{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.4",
"body": [
{
"type": "TextBlock",
"text": "プロジェクト進捗管理表更新のお願い",
"wrap": true,
"size": "Large",
"weight": "Bolder"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "@{outputs('ユーザーの_@mention_トークンを取得する')?['body/atMention']}さん、@{outputs('ユーザーの_@mention_トークンを取得する_2')?['body/atMention']}さん、@{outputs('ユーザーの_@mention_トークンを取得する_3')?['body/atMention']}さん",
"wrap": true
},
{
"type": "TextBlock",
"text": "本日中にプロジェクト進捗管理表の更新をお願いします。",
"wrap": true
}
]
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "Image",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCJCpPYc41P1Zj5Iv0GI-ZcI1ia5aDSEH_kL8gTvo71sfLVWC-FvUBHpiMaHdykOeDkwa8-Xj6y9jEKHax6ujo4R531mESChazycZDg_R-UiIvDuiFiTkqiqnKL2isyCnvOLJ2_8gGjag/s800/business_ojigi_woman.png",
"size": "Large"
}
]
}
]
}
]
}
▼下の絵のようにちゃんとメンションされました。
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-21-1024x547.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/03/teamsmention-21-1024x547.png)
まとめ:アダプティブカードを使ってメンションする方法はとても簡単!
![](https://daybreak-lab.com/wp-content/uploads/2024/02/Avatar_bg-orange-150x150.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/02/Avatar_bg-orange-150x150.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/02/Avatar_bg-orange-150x150.png)
今回はアダプティブカードTeamsメンションする方法を解説しました。
アダプティブカードは、文字以外の写真などの情報を1つにまとめた「メッセージカード」のようなものです。
次の内容を組み合わせて好きなように作成できます。
- テキスト
-
通常のテキスト以外にPower Automateの”動的な値”も使うことができます
- 画像
-
写真や図・イラストなど
- アクションボタン
-
押すことでフィードバックをもらうことができます。
例:アンケート回答、特定のURLへ移動させる など
JSONというデータ形式で作る必要がありますが、アダプティブカードデザイナーを使う事で初心者でも簡単に作成することが可能です。
テキストだけのチャットに比べて視覚的に目立たせることができるので様々なシーンで役立ちますし、Power Automateを組み合わせることで定期リマインドなどにも活用できます。
ぜひ、アダプティブカードを活用して日々のコミュニケーションの効率化をしてみてください。
![](https://daybreak-lab.com/wp-content/uploads/2024/02/Tejimaru-Smile2-150x150.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/02/Tejimaru-Smile2-150x150.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/02/Tejimaru-Smile2-150x150.png)
このブログではPower Automateを初めとしたローコードツール、Microsoft365系ソフトの効率的な使い方など定時帰りに役立つ情報を発信しています。
参考になりましたらぜひブックマーク登録をお願いします!
オススメのPower Automate教材はコチラ
![「作って学ぶPower Automate!現場で役立つ15個のフローを作って業務改善にすぐに役立てる」](https://daybreak-lab.com/wp-content/uploads/2024/06/2024-06-26_22h13_50-1024x391.png)
![「作って学ぶPower Automate!現場で役立つ15個のフローを作って業務改善にすぐに役立てる」](https://daybreak-lab.com/wp-content/uploads/2024/06/2024-06-26_22h13_50-1024x391.png)
![作って学ぶPower Automate for desktop!実践的なフローを30個以上作成して業務改善を実現](https://daybreak-lab.com/wp-content/uploads/2024/06/2024-06-26_22h14_06-1024x391.png)
![作って学ぶPower Automate for desktop!実践的なフローを30個以上作成して業務改善を実現](https://daybreak-lab.com/wp-content/uploads/2024/06/2024-06-26_22h14_06-1024x391.png)
![【Power Automate連携有】Office スクリプト入門講座](https://daybreak-lab.com/wp-content/uploads/2024/06/2024-06-26_22h14_22-1024x391.png)
![【Power Automate連携有】Office スクリプト入門講座](https://daybreak-lab.com/wp-content/uploads/2024/06/2024-06-26_22h14_22-1024x391.png)
![Teams × Power Automate 【Teams活用講座 超入門編】](https://daybreak-lab.com/wp-content/uploads/2024/06/2024-06-26_22h14_38-1024x391.png)
![Teams × Power Automate 【Teams活用講座 超入門編】](https://daybreak-lab.com/wp-content/uploads/2024/06/2024-06-26_22h14_38-1024x391.png)
![](https://daybreak-lab.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
![](https://daybreak-lab.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
▲これから自動化を学びたい方にぴったりの入門書です。PowerAutomateなどのウェブツールは日々進化しています。そのアップデートにより画面構成や用語など、UI自体に見直しが入ることがあります。数年前の書籍では、使われている画面や用語が自分のPC画面と若干違って戸惑うことがあります。その点、この書籍は2024年に発売されたばかりで安心です。
![](https://daybreak-lab.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
![](https://daybreak-lab.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
▲これからPower Automate Desktopを始めたい人にオススメの入門書です。基本的なところから実用的はフローの紹介まで幅広く書かれています。図解も多く最初の1冊にぴったり。自分も最初はこの書籍から入りました。PADの書籍選びに迷っているならこの書籍を激推します。
![](https://daybreak-lab.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
![](https://daybreak-lab.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
▲Power Automatedesktopをこれから学習する人にはこの書籍がオススメです。インプレス社の「できる」シリーズなので内容は間違いなし。イラストを多用しているので飽きずに最後まで読めます。しかも内容も初心者向けに丁寧に解説されているので、これ一冊でPower Automate Desktopの基礎はマスターできます。
![](https://daybreak-lab.com/wp-content/uploads/2024/02/Avatar_bg-orange-150x150.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/02/Avatar_bg-orange-150x150.png)
![](https://daybreak-lab.com/wp-content/uploads/2024/02/Avatar_bg-orange-150x150.png)
ここで紹介している書籍はすべて実際に自分が学習に使ったものですので、安心してオススメできます。