![見出し画像](https://assets.st-note.com/production/uploads/images/96074712/rectangle_large_type_2_6e46e19457f40d2d542c4e16b93f61b3.png?width=800)
Formsの回答を、Power AutomateでTeamsにアダプティブカードで投稿してみたハナシ
同期が作ってくれたこちら😋
Formsの内容をTeamsに通知するのを、アダプティブカードにしてあるのが すごく見やすかったから検証してみよう😋
— まる🍑5550 (@wa_maru_gm) January 20, 2023
さらさらっとできるようになったら、実務で取り入れよう✊
普通にテキストでTeamsに投稿すると、こんな感じ。
まぁ普通ですね。こんなもんかな、と。
![](https://assets.st-note.com/img/1674209632669-KePvOFCDiY.png)
でもこれが、アダプティブカードで表形式になってたら もっと見やすいのです…!🤤
せっかくアダプティブカードをお勉強したので、この流れでやってみる✊🔥
① アダプティブカードデザイナーでデザインする
アダプティブカードデザイナーを開く。
Select host appをTeamsに変更して、Mattにはご退場いただく。
ここまでは いつも通り。
![](https://assets.st-note.com/img/1674209845256-2H7z8x78lt.png)
まずタイトル的なものを作成。TextBlock。
StyleのSizeをLargeにして太字にだけしてみた🍴
![](https://assets.st-note.com/img/1674210288641-YYTY3nSVlg.png)
この下に、項目と回答を2列で表示したいので、ColumnSetを配置。
![](https://assets.st-note.com/img/1674210324797-7hWKNY5iAz.png)
んで右下のこれを押して、
![](https://assets.st-note.com/img/1674210029269-DXaT5mntWE.png)
2列にする。
![](https://assets.st-note.com/img/1674210341335-0KECmD3GAJ.png)
これを4つ作る。
![](https://assets.st-note.com/img/1674210534727-sX2GLh03o0.png)
項目名を入力するために、TextBlockを配置。
![](https://assets.st-note.com/img/1674210578305-LpnIAFsRBS.png)
項目名に変更。
![](https://assets.st-note.com/img/1674221944018-voTYjpeAc5.png)
右側には、Formsから返って来た回答を入力したいので、TextBlockを配置して目印に文字入れとく。
![](https://assets.st-note.com/img/1674221998911-YCM9q7B7lg.png)
これでアダプティブカードは完成✨
② Power Automateのフローを作る
「Formsが送信されたら」動くフローを作りたいので、「自動化したクラウドフロー」を選択。
トリガーは「新しい応答が送信されるとき」。
![](https://assets.st-note.com/img/1674210951672-qYUGfSU9Ri.png?width=800)
フォームIDを選択して、
![](https://assets.st-note.com/img/1674210987075-5be70KPF9C.png)
「Forms:応答の詳細を取得する」。
![](https://assets.st-note.com/img/1674211034492-5U9qxdfisZ.png)
「Teams:チャットやチャネルにアダプティブ カードを投稿する」。
投稿者~Channnelを設定して、
![](https://assets.st-note.com/img/1674211128812-xnZFU3i9PW.png)
作ったcard payloadをコピーして…
![](https://assets.st-note.com/img/1674211223808-TkJZhgd4PV.png)
Adaptive Card に(*゚▽゚)ノ□ペタッ
![](https://assets.st-note.com/img/1674211283584-TuCkNjcqej.png)
んで このへんのを…
![](https://assets.st-note.com/img/1674211320333-qF3s7gq93T.png)
動的な値に変更!
![](https://assets.st-note.com/img/1674211337104-zD3vMxgfow.png)
以上!!
③ 実行してみる
では…保存→テスト実行!!
(*゚Д゚)*゚Д゚)(*゚Д゚)ォォォオオ
![](https://assets.st-note.com/img/1674211808605-FBQkfG3imW.png)
見やすい!!
④ 所感
アダプティブカードにして何がよかったかっていうと、長い文章のときに適度に改行されるのが イイ!!(・ω・)b
うわ!断然 見やすいって思ったの。
![](https://assets.st-note.com/img/1674212255475-I3SMkhZd6Q.png)
ホントは改行はそのまま改行で入ってくれると もっといいんだけど…
どうやるんだろう?🤔
「アダプティブカードを投稿して応答を待機する」にも、そのうちチャレンジしてみたい✊
新しい職場は思ったよりすでにたくさんフローが動いていて、ついて行くのが大変💦
Formsを修正する=Listsとフローも修正が必要ってこと
を ようやく理解できた😂
でもやっぱり人が作ったものを見れる機会があるのは ありがたすぎる🤤
解説してくれる頼りになる同期もいるしね!
私も早く同期と近いレベル感でアイディア出し合えるようになりたい~💦
目が潰れるか、習得するのが先かな感じですがw、がんばれ私✊🔥
【追記】
このnoteを投稿したら、即座においしみさんからアドバイスが😍
毎日アウトプットしててホントにすごい😭
— おいしみ (@ksgiksg) January 20, 2023
改行は置換して改行2回分にするといいですよ(\n▶\n\n)
教えてもらった参考サイトはこちら!
ありがたや~ ありがたや~🙏
(。 ・ω・))フムフム
置換ということは、replace関数か!
見えないけど \n が文字の中に入っているのね~😳
出力見たら、確かに入っていた!
![](https://assets.st-note.com/img/1674220174767-6kIQq5MG0P.png)
こう…ってことかな🤔
replace(【ここに改行を消したい動的な値】,'\n','\n\n')
・・・・
できにゃい😭
![](https://assets.st-note.com/img/1674219707287-j7kWoIi3YO.png)
そういえばTeamsに投稿するとき、改行コードに<br>使ったことがあるぞ~?と思って、
replace(【ここに改行を消したい動的な値】,'\n','<br><br>')
にするも…
できにゃい😭
![](https://assets.st-note.com/img/1674220293641-qYwFhHdN2l.png)
そういえば以前、変数の値に改行を入れるの見たことあるな~と思って、こんなん追加して…
![](https://assets.st-note.com/img/1674220389756-EfvnWmgaq5.png)
こうしてみる!
replace(【ここに改行を消したい動的な値】,variables('改行'),'\n\n')
できた!!😍🙌✨
![](https://assets.st-note.com/img/1674220721830-tNwM5SRiAe.png)
あれ?改行ひとつでもいい?🤔と思って、一応
replace(【ここに改行を消したい動的な値】,variables('改行'),'\n')
も試してみる。
![](https://assets.st-note.com/img/1674220820948-Q8CqBpUsig.png)
いやいや、だめだ。やっぱり \n\n とふたつなのが だいじ!🤤
ホントはもっといいやり方があるんだろうけど、これはこれでわかりやすくて私は好きなので、とりあえず解決っ!!😆✨
事務員が少しの背伸びでできる効率化を目指す🌈✨ 自分の好きなものを、楽しく発信していきたいです! いただいたサポートは学習費にあてさせていただきます🥰