Teams Toolkit を使用してアプリをビルドする準備をする

Microsoft Teams Toolkit では、アプリを作成するためのさまざまなビルド環境がサポートされています。 これは、構築した Microsoft Teams アプリにAzure Functions機能とクラウド サービスを統合するのに役立ちます。

環境を構築する

Microsoft Visual Studio Code の Teams Toolkit には、Teams アプリをビルドするための一連の環境が用意されています。 次のいずれかの環境を選択できます。

• JavaScript または TypeScript
• SharePoint Framework (SPFx)

JavaScript または TypeScript を使用して Teams アプリを作成する

JavaScript または TypeScript を使用して構築されたアプリには、次の利点があります。

• アプリには、豊富で使いやすい独自の UI と UX 機能が付属しています。
• 既存のアプリのクイック アップグレードを提供します。
• Android や iOS などの複数のプラットフォームにアプリを配布します。
• 既存の API を使用してアプリを作成するための互換性があります。
• Teams Toolkit で作成されたアプリでは、Reactもサポートされます。

Visual Studio Code の Teams Toolkit では、JavaScript または TypeScript を使用した次のアプリのビルドがサポートされています。

• タブ アプリ: タブ アプリには Web ベースのコンテンツを含めることができます。 Teams で Web コンテンツのカスタム タブを作成したり、Teams 固有の機能を Web コンテンツに追加したりできます。
• ボット アプリ: ボットは、チャットボットまたは会話ボットであり、顧客サービスやサポート スタッフなどの単純で反復的なタスクを実行できます。
• 通知ボット: HTTP 要求を使用して、通知ボットによって Teams チャネルまたはグループまたは個人用チャットでメッセージを送信できます。
• コマンド ボット: コマンド ボットを使用して反復的なタスクを自動化できます。 コマンド ボットは、チャットで送信された単純なクエリやコマンドに応答するのに役立ちます。
• ワークフロー ボット: ワークフロー ボット アプリのアダプティブ カード アクション ハンドラー機能によって有効になっているアダプティブ カードと対話できます。
• メッセージ拡張機能: Teams クライアントのボタンとフォームを使用して、Web サービスと対話できます。

SPFx を使用して Teams アプリを作成する

Visual Studio Code の Teams Toolkit を使用すると、SPFx を使用してタブ アプリを作成できます。 これらのアプリには、次の利点があります。

• SPFx に存在するデータを Teams に簡単に統合できます。
• SPFx ソリューションを、Microsoft Entra IDでセキュリティ保護されたビジネス API と統合します。
• さまざまなオープン ソース ツールにアクセスできます。
• 優れた UX を提供できる強力なアプリケーションを作成します。
• 他の Microsoft 365 ワークロードと簡単に統合できます。
• 必要に応じてアプリケーションを柔軟にホストできます。

Azure Functionsのサポート

Teams Toolkit を使用して、アプリのビルド中にAzure Functions機能を統合できます。 重要なコードに焦点を当て、残りの部分Azure Functions処理できます。 Azure Functionsでは、次の 2 つの重要な方法で "オンデマンドコンピューティング" が提供されます。

1. すぐに使用できるコード ブロックにシステムのロジックを実装できるようにします。 これらのブロックは関数と呼ばれます。
2. 要求の増加に応じて、必要な数のリソースと関数インスタンスで要件を満たします。

Azure Functionsは、さまざまなクラウド サービスと統合され、機能豊富な実装を提供します。 Azure Functionsの一般的なシナリオを次に示します。

• Web API の構築
• データベースの変更に対する処理
• IoT データ ストリームの処理
• メッセージ キューの管理

プロジェクトの種類 Node.js バージョン互換性テーブル

Teams Toolkit のバージョン	プロジェクトの種類	サポートされている Node.js バージョン
5.0.0	http トリガーまたはタイマー トリガーを使用して通知する Azure Functions SPFx 非 SPFx	16, 18 16, 18 16 16, 18
4.2.2	http トリガーまたはタイマー トリガーを使用して通知する Azure Functions SPFx	14、16、18 (プレビュー) 14、16、18 (プレビュー) 16 14, 16, 18
4.2.0	SPFx	16
4.0.3	SPFx	14, 16
4.0.0	非 SPFx	14, 16
3.7.0	SPFx	12, 14
<3.7.0	SPFx Azure Functions その他	10, 12, 14 10, 12, 14 10, 12, 14, 16

関連項目

• Teams ツールキットの概要
• Teams の開発者ポータル
• 新しい Teams プロジェクトを作成する