Microsoft Adaptive Card Previewer

  • [アーティクル]

注:

アダプティブ カード プレビューアーは、 パブリック開発者プレビューで利用できます。

Microsoft Adaptive Card Previewer を使用すると、デザインを調整するときにアダプティブ カードをプレビューできます。 Teams Toolkit で動作し、Teams ボットとメッセージ拡張機能用に作成されたアダプティブ カードをプレビューできます。 サイド バイ サイド プレビューを開いてライブの変更を観察し、さまざまなテーマを切り替えることができます。

アダプティブ カード プレビューアー拡張機能の Visual Studio Code を示すスクリーンショット。

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

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

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

    アダプティブ カードを更新するときのアダプティブ カードのサンプル プレビューを示すスクリーンショット。

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

    アダプティブ カード テンプレート ファイルで [ アダプティブ カード の提案のプレビュー] を選択すると、右側のウィンドウでアダプティブ カードをプレビューできます。

    Visual Studio Code のアダプティブ カード プレビュー拡張機能にプレビューがどのように表示されるかを示す図。

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

  • 既定のテーマ構成: Visual Studio Code 拡張機能の設定 [ アダプティブ カード プレビューアー: 既定のテーマ] を使用して、既定のテーマを設定できます。

    Visual Studio Code 拡張機能の設定を使用して既定のテーマを構成する方法を示すスクリーンショット。

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

    図は、アダプティブ カード プレビューを明るい、暗い、ハイ コントラストのテーマで示しています。

メリット

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

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

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

制限事項

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

FAQ

Visual Studio Code で新しい拡張機能を使用する必要があるのはなぜですか?この拡張機能を Teams Toolkit for Visual Studio Code に統合することはできませんか?

アダプティブ カード プレビューアーは、クローズド ソース パッケージを使用してアダプティブ カードをレンダリングし、Teams プラットフォームとの一貫性のあるレンダリング ロジックを確保するため、スタンドアロン拡張機能です。 Teams Toolkit はオープンソース プロジェクトであり、サード パーティの開発者がアクセスできないパッケージに対する依存関係は含まれません。
 

この拡張機能は、Teams プラットフォームのすべてのアダプティブ カード機能をサポートしていますか?

いいえ。 アダプティブ カード プレビューアー拡張機能でサポートされない 制限 がいくつかあります。
 

関連項目

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