![見出し画像](https://assets.st-note.com/production/uploads/images/95675876/rectangle_large_type_2_37f18d55368f5df18ff14bce0a1c8408.png?width=800)
Power Automateで、時間になったらアダプティブカードをTeamsに投稿するフローを作ってみたハナシ
フローボットはタイトルが投稿できないということを知って、びっくり😳
でも同期から、「アダプティブカードを使ったら、タイトルっぽくして投稿することができますよ」と教えてもらいました。
出た、アダプティブカード…!
楽しそうとは思いつつ、まだチャレンジしたことがありませんでした。
オススメしていただいた、気ままに勉強会のMiyakeさんのアダプティブカードの会のスライド。
アーカイブの視聴はまだ さらりとしかできていなかったのですが、スライドを拝見しながら 探り探り 超シンプルなアダプティブカードを作ってみました!
【作りたいもの】
月~金の12:00に、お昼休憩を知らせる通知をアダプティブカードで投稿する
① アダプティブカードをデザインする
1.アダプティブカードデザイナーを開く
どうやって作ってるんだろう~と思っていたのですが、デザインするためのアダプティブカードデザイナーというものがあるんですね!😳
開いてみると、こんな感じ。
![](https://assets.st-note.com/img/1673743539197-nK0s7RV3KL.png?width=800)
ここが実際のカードのデザインを作るところ。
![](https://assets.st-note.com/img/1673743589773-njJIRDXrvQ.png)
左側が配置したい部品。
![](https://assets.st-note.com/img/1673743612791-jsENgna1bG.png)
右側が配置した部品の詳細設定っぽい。
![](https://assets.st-note.com/img/1673743682162-36FdwvvszO.png?width=800)
${title} ってなってるところを見ると、変数で値を持たせることができるっぽいな🤔
2.タイトルっぽいものを作る
*最後の「追記」のところにありますが、ホントは先に何に投稿するかを選択した方がいいです🙆♀️
いい感じにタイトルっぽくなっているこの部分の文字を変更してみる。
![](https://assets.st-note.com/img/1673744338019-8KKbJE1sSk.png)
直接ダブルクリックで編集することもできるし、
![](https://assets.st-note.com/img/1673744373117-LNxhHTUqeN.png)
変更したい部品を選択して、右側のプロパティで変更することもできるみたい。
![](https://assets.st-note.com/img/1673744407032-enJiEVTfTG.png)
Styleのところで、文字の大きさや色が変更できる。
![](https://assets.st-note.com/img/1673744505688-98YGhMIfCG.png)
おぉ😍 よき感じ!
![](https://assets.st-note.com/img/1673744584502-QaSBcAinLS.png)
3.本文を作る
今回は不要な部品を削除して…
![](https://assets.st-note.com/img/1673744695341-uC866wNU4Z.png)
とりあえずこんな感じに。
本文に、今日の日付を入れたい。
今日の日付については、Power Automateの方で動的な値を設定するやり方を同期に教えてもらったので、後で変更する前提で形だけ作る。
![](https://assets.st-note.com/img/1673747440274-XSmh0WxKnZ.png)
4.画像の挿入
Miyakeさんのスライドを拝見すると色々制限があるようです。
匿名アクセス可能なURLであること
URLがhttpsで始まること
ファイル自体への直リンクであること(URLがjpg、pngなどで終わる)
直リンクOKのサイトを探すのがめんどくさ…むごむご🙊 このままMattが話している感じにしておきましょう!
ちょっと今は変数で持たせる方法が よくわからんのでw、右下のSAMPLE DATA EDITORに入っているURLをコピーして、
![](https://assets.st-note.com/img/1673746509524-GVRVormGzO.png)
ここにペタっと。
![](https://assets.st-note.com/img/1673746596460-Mv3DHr4QqJ.png)
画像の大きさだけ変えておきましょかね。
![](https://assets.st-note.com/img/1673746721940-7V0lB70wir.png)
できたーーー🤩
![](https://assets.st-note.com/img/1673747514789-8RZgCPiQsN.png)
5.バージョンに注意!
あと気を付けなきゃいけないのがバージョン。
下のJSONの一番最後に書いてあるコレ。
![](https://assets.st-note.com/img/1673746861482-basbvRbTSE.png)
これ、ハマりましたわ…
アダプティブカードの最新バージョンは、今 現在1.6(プレビュー)みたい。
けど、Teamsがどのバージョンまで対応しているかが重要みたい。
![](https://assets.st-note.com/img/1673746900428-ZgFaWQ7JxI.png)
初期値の1.5は対応していなくて、こんなエラーが出て、意味わからんくて泣きそうになりました😂
![](https://assets.st-note.com/img/1673747125655-oJY9rCEHya.png)
投稿をフローボットからなのかユーザーからで対応バージョンが違うという記事を見ました。
今 検証してみたら、フローボットは 1.4には対応しているようだったので、今回は 1.4 にしておきます。
![](https://assets.st-note.com/img/1673747267070-gRQeizImRR.png)
ここを変えると、JSONの方も変更されます。
![](https://assets.st-note.com/img/1673747291702-hv4rCOEY5s.png)
② Power Automateで、アダプティブカードを投稿するフローを作成する
1.トリガー設定
スケジュール実行をしたいので、選択するのは「スケジュール済みクラウドフロー」。
月~金のみ動くフローにしたいので、繰り返し間隔は「1週間」にして、設定曜日から日・土を外す。
![](https://assets.st-note.com/img/1673747699553-6VaelYzaqi.png?width=800)
忘れちゃいけないのが、始めのトリガーの修正。
詳細オプションまで忘れず開いて… ←しっかり忘れて動かなかった私w
タイムゾーンとか設定時刻を入力。
![](https://assets.st-note.com/img/1673747869218-fblUy8Lup1.png)
2.実行時の日本時間を生成する
アダプティブカードに埋め込むための日本時間を生成します。
使用するのは「日時:現在の時刻」。
![](https://assets.st-note.com/img/1673748065726-W40tW7liCV.png)
アクション「現在の時刻」はUTCなので、これを日本時間に変換します。
使用するのは「日時:タイムゾーンの変換」。
![](https://assets.st-note.com/img/1673748206333-IWgiXoYm2V.png)
3.Teamsにアダプティブカードを投稿する
使用するのは「Teams:チャットやチャネルにアダプティブカードを投稿する」。
投稿先を選択して…
![](https://assets.st-note.com/img/1673748274319-iZQeSitzw4.png)
「Adaptive Card」に、デザイナーで作ったJSONを(*゚▽゚)ノ□ペタッ
![](https://assets.st-note.com/img/1673748356270-cOQHEPn5kk.png)
貼り付けたJSONの、この部分を
![](https://assets.st-note.com/img/1673748416044-A9Pt2rV4ab.png)
動的な値の「変換後の時間」に変更!
![](https://assets.st-note.com/img/1673748475030-w4xLGsg9uT.png?width=800)
③ 実行してみる
全体のフローはこんな感じ!
![](https://assets.st-note.com/img/1673748700932-rskjml2Btw.png)
では、テスト実行します(。・Α・)σポチッ
問題なく実行完了!
![](https://assets.st-note.com/img/1673748772763-XV7PukOb1U.png)
さてTeamsの方は…
![](https://assets.st-note.com/img/1673748750748-FNEkD40afJ.png)
(`・∀・)ノイェ-イ!Matt、通知ありがとう!!
④ 所感
すごい!アダプティブカード楽しい🤤
今回は時刻は関係なく日付だけを動的な値にしたくて、しかも時間は12時だったのでタイムゾーンの変換は不要ではあったのですが、クセ付けはしておかないとね!
今回は一方的に送るだけのものを作成しましたが、社内では すでに受け取ったアダプティブカードに返信するフローも組まれているので、勉強しがいがありますね🤤
社内に聞ける相手がいるの、ありがたい~😭
ありがとう、同期! ありがとう、長!!ありがとう、気ままに勉強会!!!😭😭😭✨
少し触ってみた今なら、より理解できるはず!
気ままに勉強会のアダプティブカード会のアーカイブ視聴を早くしなければ
ε”ε”ε”(ノ* •ω• )ノ
ーーー 追記 ---
気ままに勉強会#21のアーカイブを拝見しました!
何に投稿するアダプティブカードなのかを、ここで選択できるんですね😳
![](https://assets.st-note.com/img/1673785874020-XQct7zzMfk.png)
ここでTeamsを選択しておけば、ちゃんとTeamsが対応しているバージョンに変わるようです😋
あとJSONをコピーするには、こんな便利なボタンが…!
![](https://assets.st-note.com/img/1673785947119-JPs8xrxEyA.png)
全然気づかなかったー😳
情報ありがとうございます!!🙏✨
事務員が少しの背伸びでできる効率化を目指す🌈✨ 自分の好きなものを、楽しく発信していきたいです! いただいたサポートは学習費にあてさせていただきます🥰