自分に合ったものを選ぶ
最初のタブ アプリ、対話型通知ボット、メッセージ拡張機能を構築しました。 アプリの要件に従って Teams アプリを構築できます。 ビジネス ニーズ、開発環境、ドメインの知識などの要因に基づいて、アプリを構築する環境とツールを選択します。
Teams アプリを使用すると、ビルド環境を柔軟に選択できます。 これには、アプリ開発に取り組むツール、フレームワーク、言語が含まれています。 アプリに最適な環境で Teams アプリを構築します。 組み合わせを選択することもできます。 たとえば、Teams ツールキットを使用して JavaScript を使用してアプリをビルドし、SharePoint サイトでホストできます。
このセクションでは、Teams アプリをビルドするためのさまざまなオプションについて説明します。
Teams コラボレーション プラットフォーム
Teams は、アプリを構築するためのコラボレーション プラットフォームとして、さまざまなアプリとツールを提供します。 Teams プラットフォームは、計画から配布まで、すべての段階でアプリ開発をサポートします。
さまざまなツールやサービスを使用してアプリを構築できます。 開発フローの例を次に示します。
- プロジェクトを計画し、要件を把握します。
- アプリを設計します。 タブ UI を設計するには、Teams UI Kit と Fluent UI React コンポーネントを使用します。
- Teams Toolkit を使用して JavaScript を使用してアプリをビルドします。
- さらに Teams 機能を追加して機能を拡張し、アクティビティ フィード通知を送信し、Microsoft Graph で Microsoft 365 データ
使用します。 - サンプル ユーザー データを使用して開発者テナントでアプリをテストします。
- アプリを Azure にデプロイします。
- 開発者ポータルを使用してアプリMicrosoft Teamsストアにアプリを管理して発行します。 SaaS オファー、アプリ内購入などのオプションを使用してアプリを収益化します。
ツールと SDK
次のツールと SDK を使用して、Microsoft Teams アプリをビルドできます。
Teams アプリの構築を開始するには、アプリの要件に基づいてツールと SDK を選択できます。
- アプリの機能: アプリの要件に基づいて、1 つまたは複数の機能を選択できます。
- 必要な SDK: たとえば、ボット アプリの AI 機能を構築する場合は、[Teams AI ライブラリ] を選択します。
- UI コンポーネント: アプリの機能に基づいてアプリを設計する UI コンポーネントを選択します。
- 言語: アプリをビルドする言語を選択します。
- 推奨ツール: 選択した言語に基づいてツールを選択します。 Teams 開発者ポータルを使用して、アプリを管理および発行することもできます。 Teams Toolkit と Yo Teams を使用すると、JavaScript と TypeScript を使用するか、Visual Studio Code (VS Code) または Visual Studio で C# を使用してアプリをビルドできます。
| アプリの機能 | ユーザーの操作 | 推奨されるツール | SDK | 言語 |
|---|---|---|---|---|
| タブ | 全画面表示の埋め込み Web エクスペリエンス | VS Code または Visual Studio と Teams Toolkit 拡張機能、または CLI を使用する場合は TeamsFx CLI | UI 機能、SharePoint Framework (SPFx)、Microsoft Graph SDK 用の Teams JavaScript クライアント ライブラリ | C#、TypeScript、JavaScript (Reactを含む) |
| ボット | メンバーと会話するチャット ボット。 | VS Code または Visual Studio と Teams Toolkit 拡張機能、または CLI を使用する場合は TeamsFx CLI | TeamsFx SDK、 Bot Framework SDK、 Teams AI ライブラリ、Microsoft Graph SDK | C#、TypeScript、JavaScript |
| メッセージの拡張機能 | 外部コンテンツを会話に挿入したり、メッセージに対してアクションを実行したりするためのショートカット。 | VS Code または Visual Studio と Teams Toolkit 拡張機能、または CLI を使用する場合は TeamsFx CLI | TeamsFx SDK、 Bot Framework SDK、 Teams AI ライブラリ、Microsoft Graph SDK | C#、TypeScript、JavaScript |
注:
- 会議と通話は、コラボレーション、パートナーシップ、情報に基づくコミュニケーション、共有されたフィードバックを実現するためのユーザー エクスペリエンスを提供できます。 詳細については、「 Teams 会議と通話用アプリ」を参照してください。
- また、Node.js、Java、Python、HTML や CSS などの Web テクノロジなどの言語を使用して、Teams アプリを構築することもできます。
シナリオ例: TypeScript を使用して通知を送信するソーシャル メディア ダッシュボード アプリを構築する場合は、次のシナリオを検討してください。
SDK を調べる
また、さまざまな SDK を使用して Teams アプリを作成してビルドすることもできます。 Teams では、次の図に示すすべての SDK がサポートされており、要件に基づいて SDK を選択できます。
ツールの探索
Teams プラットフォームの次のツールは、アプリの開発中に役立ちます。
| アプリ開発フェーズ | Teams プラットフォーム ツール |
|---|---|
| Design | Teams UI キットと Fluent UI React コンポーネント |
| ビルド | Teams Toolkit、ツール、SDK、Microsoft Graph |
| テスト、デプロイ、発行 | Microsoft Entra IDと開発者ポータル |
| 均等割り付け | パートナー センターと Teams ストア |
関連項目
アプリを計画する
アプリのユース ケースを理解し、Teams の機能にマップします。
アプリをデザインする
Teams UI Kit を使用してアプリ UI を設計します。
アプリを作成する
アプリ開発のインスピレーションをお探しですか? 信頼性の高い概念モックを使用して、実際のシナリオと業界ソリューションの一覧を参照して、Teams アプリがユーザーに役立つさまざまな方法を理解します。
アプリを Microsoft 365 全体に拡張する
最新の Teams JavaScript クライアント ライブラリを使用して、他の使用率の高い Microsoft 365 エクスペリエンスで実行されている Teams アプリをプレビューできます。
アプリのテスト
アプリを Teams と統合した後、アプリを発行する前にテストする必要があります。
アプリを配布する
Teams アプリは、個人、チーム、組織、またはそれを使用する任意のユーザーに提供できます。
アプリを収益化する
Teams ストアには、SaaS オファーやアプリ内購入などのアプリ収益化オプションが用意されています。 Teams アプリに最適な収益化オプションを選択してください。
Teams との統合
ユーザーが既存の Web アプリ、サービス、またはシステムに関して気に入っている機能を Teams のコラボレーション機能とブレンドします。
小さなコードが大きな意味を持つ
優れた Teams アプリを構築するのに、専門のプログラマーである必要はありません。 いくつかのローコード ソリューションのいずれかを試してください。
Platform Docs