MENU
  • ホーム
  • 学校現場のICT活用・校務効率化についてのご相談を受け付けています。
  • お問い合わせ
  • サイトマップ
  • ごあいさつ(ブログ開設の目的と背景)
ICTEduCase 〜教育へのICT活用事例〜
  • ホーム
  • 学校現場のICT活用・校務効率化についてのご相談を受け付けています。
  • お問い合わせ
  • サイトマップ
  • ごあいさつ(ブログ開設の目的と背景)
  1. ホーム
  2. Power Automate
  3. Teams への投稿を 2カラムにする方法

Teams への投稿を 2カラムにする方法

2025 8/26
Power Automate
2024年1月6日2025年8月26日
  • URLをコピーしました!

PowerAutomateのPost card in a chat or channelのJSONを次のようにすると、

投稿内容を2列に分けて表示することができます。

※本記事で扱うフローはこちらで紹介したものと同様にエクセルを参照します。

あわせて読みたい
Power Automate で Teams への画像・リンク付きBot 作成方法 この記事では Power Automate を使って Teams へ定期的に画像とリンク付きのメッセージを投稿する Bot の作り方を紹介します。 イメージはこんな感じです。 様々な使い...

※JSONの基本を簡単にまとめました。こちらも併せてご覧ください。

あわせて読みたい
JSONの基本 Teams への投稿を アップグレード Power Automate のTeamsアクションではJSONを使って様々なことができます。 本ブログで扱う範囲について、JSONの基本をまとめておきます。 本ブログ内で扱うのは以...
目次

PowerAutomateのPost card in a chat or channelのJSON【サンプルコード】

{
 "type": "AdaptiveCard",
 "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
 "version": "1.2",
 "msTeams": { "width": "full" },

 "body": [
 { "type": "TextBlock",
 "text": "◆Title◆",
 "wrap": true,
 "size": "ExtraLarge",
 "color": "Attention",
 "isSubtle": true},

 { "type": "Container",
 "items": [{ "type": "ColumnSet",
 "columns": [{ "type": "Column",
 "width": "stretch",
 "items": [{ "type": "Image",
 "url": "◆Linkimage◆",
 "horizontalAlignment": "Center"} ]
 },
 { "type": "Column",
 "width": "stretch",
 "wrap": true,
 "items": [ { "type": "TextBlock",
 "text": "◆Detail◆"}
 ]
 } ]
 }]
 }

]
}

◆で囲った部分はエクセルに入力したデータを参照しています。

投稿内容を2列に分けている部分はこちらです。

 { "type": "Container",
 "items": [{ "type": "ColumnSet",
 "columns": [

{ "type": "Column",
 "width": "stretch",
 "items": [{ "type": "Image",
 "url": "◆Linkimage◆",
 "horizontalAlignment": "Center"} ]
 },

 { "type": "Column",
 "width": "stretch",
 "wrap": true,
 "items": [ { "type": "TextBlock",
 "text": "◆Detail◆"}
 ]
 } ]
 }]
 }

今回はカラムを2つセットする形式にしましたが、

Columns[ ]の中に

 { "type": "Column",
 "width": "stretch",
 "wrap": true,
 "items": [ { "type": "TextBlock",
 "text": "◆Detail◆"}
 ]
 }

を追加していけば複数のカラムに分けることもできます。

※Columns[ ]の中に上記のコード({ “type”: “Column”,から波かっこ}まで

 )の波カッコ}終わりにカンマ,をつけないとエラーになってしまいます。

カラムは部分的に使用したいときは

“type”: “Container”のコードの前や後(かっこの終わり)にカラム分けをしない文や画像を入れましょう。

Power Automate
シェアはこちらから
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする コメントをキャンセル

CAPTCHA


最近の投稿
  • 雑務処理をアプリに任せて、本来の仕事に集中するための考え方と実践例
  • 予定を入れているのに、仕事が楽にならない理由― カレンダー管理だけでは仕事が整理されないワケ ―
  • ICT導入しても仕事が減らない?教員が直面する3つの現実と具体的改善策
  • Forms 回答を名簿順に並べ替え! XLOOKUP関数とCOUNTIFS関数で効率化する Excel 術
  • Swayでホームページを作る際の困りごと5選とその解決策|通知がないからこそ“毎日更新”が大切!

プライバシーポリシー

学校現場のICT活用・校務効率化についてのご相談を受け付けています

サイトマップ

このブログについて

お問い合わせ

  • メニュー
  • ホーム
  • 学校現場のICT活用・校務効率化についてのご相談を受け付けています。
  • お問い合わせ
  • サイトマップ
  • ごあいさつ(ブログ開設の目的と背景)
目次