Microsoft Adaptive Card Previewer Microsoft Visual Studio

アダプティブ カード プレビューアーは、Microsoft Teams Toolkit for Visual Studio と統合され、Microsoft Teams ボット用に作成されたアダプティブ カードのリアルタイム プレビューを可能にします。 アダプティブ カードのサイド バイ サイド プレビューを開いて、ライブの変更を観察し、異なるテーマを切り替え、デザインが正確かつ効果的であることを確認できます。

アダプティブ カード プレビューアーを調べる

アダプティブ カード プレビューアーは、アダプティブ カード デザインをプレビューするための、より迅速で信頼性の高いソリューションを提供します。 アダプティブ カード プレビューアーでは、次の機能がサポートされています。

• Teams Toolkit 統合: Teams Toolkit プロジェクトから生成されたアダプティブ カードを更新するときに、アダプティブ カード プレビューアーの Just-In-Time (JIT) インストールを有効にします。

  

• インスタント プレビュー: CodeLens を使用して Visual Studio エディターでアダプティブ カードをプレビューできます。

• データの分離: アダプティブ カード テンプレート言語でレイアウトからデータを分離できます。 コマンド Adaptive Card: New Data File を使用して、データ ファイルをテンプレートに追加します。これにより、アダプティブ カード テンプレートにデータをバインドできる空のファイルが生成されます。

• テーマの切り替え: ライト、ダーク、ハイ コントラストのテーマを切り替えてアダプティブ カードをプレビューできます。

  

メリット

アダプティブ カード プレビューアーには、次の利点があります。

• クイック 更新: 統合開発環境内でアダプティブ カード デザインをプレビューできるため、ツールを絶えず切り替える必要がなくなります。 Teams Toolkit を使用してボットまたはメッセージ拡張機能を作成し、アダプティブ カード メタデータ ファイルを開き、CodeLens または特定のコマンドを使用してカードをプレビューできます。 カードの更新または変更は、アダプティブ カード プレビューアーのホット リロード機能を通じてすぐに反映されます。

• 信頼性の高いプレビュー: Teams および Outlook と同じレンダリング スタックを使用して、正確で一貫性のあるプレビュー結果が実際のカードレンダリングと一致していることを確認します。

制限事項

アダプティブ カード プレビューアーでは、次のアダプティブ カード機能はサポートされていません。

• ユーザー選択ウィンドウ
• Typeahead 検索
• ユーザー メンション
• Stageview
• 全幅コントロール

アダプティブ カードのプレビュー

既存のアダプティブ カード テンプレート ファイルを使用することも、 アダプティブ カード サンプルをダウンロードすることもできます。

1. Visual Studio でダウンロードしたサンプルから、既存のアダプティブ カード テンプレート ファイルまたはアダプティブ カード テンプレート ファイルを開きます。

2. アダプティブ カード テンプレート ファイルの左上隅にある [プレビュー] を選択 します。

   

   アダプティブ カードのプレビューが右側のウィンドウで開きます。 プレビューのテーマは、[ テーマ ] ドロップダウン リストから選択できます。

関連項目

• アダプティブ カードの設計