アダプティブ カード デザイナーについてご紹介するシリーズ記事です。
2回目は、アダプティブ カード デザイナーで利用する操作ボタンについて記載します。
はじめに
過去のシリーズ記事については以下をご覧ください。
また、本記事を執筆している2025年12月時点で、2つのアダプティブ カード デザイナーが存在しています。
本記事で記載するアダプティブ カード デザイナーのリンクは、以下からご確認ください。
各操作ボタンの動作
ここからは、画面上部にある各操作ボタンについて、実際の動作を示しつつ説明します。
下記は、赤枠部分を拡大した画像です。
New card
New cardボタンは、新規にアダプティブ カードを作成するボタンです。
New cardボタンを選択すると、サンプルカードからアダプティブ カードを作成出来たり、空のアダプティブ カードを作成したりすることが出来ます。
New cardボタンを選択した画像は以下です。
Light theme
Light themeボタンは、背景のテーマカラーを選択できるボタンです。「Dark theme」と「Light theme」の2種類を選択できます。
「Dark theme」はダークカラー、「Light theme」はデフォルトのカラーです。選択したテーマカラー上で、作成するアダプティブ カードがどのように表示されるかを確認することが出来ます。
Dark themeを選択した操作画面
Light themeを選択した操作画面
Standard width
Standard widthボタンは、アダプティブ カードの横幅を設定できるボタンです。
「Very narrow」は最小の幅、「Narrow」は初期設定よりも狭い幅、「Standard width」は初期設定されている幅、「Wide」は最大の幅です。
Very narrowを選択した際、アダプティブ カードの横幅
Narrowを選択した際、アダプティブ カードの横幅
Standard widthを選択した際、アダプティブ カードの横幅
Wideを選択した際、アダプティブ カードの横幅
Undo・Redo
UndoボタンとRedoボタンは、戻る操作と進む操作をするボタンです。
Undoボタンで1つ前の操作に戻り、Redoボタンで戻した操作を進めることが出来ます。
Copy card payload
Copy card payloadボタンは、作成しているアダプティブ カードのJSONをコピーすることが出来るボタンです。
操作画面上のCARD PAYLOAD EDITORに表示されているJSONがコピーされます。
Preview
Previewボタンは、作成しているアダプティブ カードがどのように表示されるかを確認することが出来るボタンです。
設定できる全ての横幅で、作成中のアダプティブ カードの表示を確認することが出来ます。
終わりに
アダプティブ カード デザイナーの使い方シリーズの2回目として、アダプティブ カード デザイナーで選択できる操作ボタンについてご紹介しました。
次の記事で、アダプティブ カード デザイナーの操作方法をご紹介していきます。
