次の方法で共有


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 と同じレンダリング スタックを使用して、正確で一貫性のあるプレビュー結果が実際のカードレンダリングと一致していることを確認します。

制限事項

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

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

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

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

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

    右側のウィンドウでアダプティブ カードのプレビューを開くプレビュー オプションを選択するオプションを示すスクリーンショット。

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

関連項目

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