【Power Automate入門】アダプティブカードの作り方｜PA45 第20回

📝 この記事は、PA45 第20回でつくったフローをあとから見返せるようにまとめたものです。
当日参加できなかった方も、この記事だけで同じフローが作れます。
画面や仕様は更新が続きます。最新の情報は Microsoft 公式（Microsoft Learn）をご確認ください。

Teamsに通知を飛ばすと、文字だけの素っ気ないメッセージが届きます。
大事な通知ほど、見た瞬間に何の話か分かってほしいところです。
第20回では、色帯や表の付いたカード形式に変えます。JSONは手で書かず、Copilotに作ってもらいます。

▶ 当日のハンズオン録画

手元で止めながら進めたい方は、動画とあわせてどうぞ。

この回の録画をYouTubeで見る

今日は通知の見た目を変えます。
同じ内容でも、届いたときの伝わり方が変わります。

アダプティブカードとは

アダプティブカードは、Teamsなどに表示できる「見やすい情報カード」です。
色帯・見出し・表などをまとめて、1枚の通知にできます。
まず、どんなものかを次のスライドで確認します。

“リッチに見える”正体は、この5部品

豪華に見えますが、中身は少ない部品の組み合わせです。
次のスライドの5つを知っておけば十分です。

JSONは”書かない”。Copilotに頼む

カードの見た目はJSONで決まりますが、手で書く必要はありません。
ほしいカードのイメージをことばで伝えて、Copilotに作ってもらいます。
次のスライドが頼み方です。

AIのたたき台を、デザイナーで仕上げる

Copilotが作ったJSONは、そのまま使うこともできますが、微調整はデザイナーで行うと簡単です。
次のスライドがその流れです。

JSON は手で書かなくて大丈夫です。
作りたい形を言葉で伝えれば、Copilot が書いてくれます。

今日作るフローは3ステップ

フロー自体はとてもシンプルです。
Teamsに投稿するアクションを置き、JSONを貼り、テストするだけです。
次のスライドが全体像です。

完成：自分のTeamsにカードが届く

テストがうまくいくと、自分のTeamsにカードが届きます。
文字だけの通知とは見え方がまったく変わります。

使うときの注意

カードがうまく出ないときは、たいてい次の点が原因です。
先に押さえておきます。

• JSONの構造を崩さない：かっこや引用符が欠けると表示されません。
  直すのは値だけにします
• 貼る場所を確認する：通常のメッセージ欄ではなく、カード用の欄に貼ります
• まず自分宛てで試す：いきなり全員へ送らず、自分のTeamsで見た目を確認します

デザイナーで貼り付けて確認してから、フローに入れるのがコツです。
フロー側で試行錯誤すると時間がかかります。

🖥️ 当日のスライド

講座で使ったスライドです。手順を追いながら見返せます。

🖥️ 当日のスライド（全19枚）

ブラウザでそのまま開けます。手順を追いながら見返せます。

スライドを開く

「アダプティブカードできました！」という報告がチャットに流れた回でした。
見た目が変わると手応えが出るのか、その場の反応がいつもより大きかったです。

まとめ

次回・第21回は「原点回帰の復習回」です。
PA45を受けるまえにそろえておきたい基礎と準備を、まるごと整理します。

※ 本記事は公開日時点の内容です。筆者が実際に学んで試した手順をまとめたもので、Power Automate や各サービスの仕様は今後変わる可能性があります。
※ 記事の構成・図解の一部は、AIを壁打ち相手にしながら作成しています。