Teams アプリを作成するための前提条件

[アーティクル]
03/07/2024

Microsoft Teams アプリプロジェクトを作成する前に、前提条件が満たされていることを確認してください。次を実行する必要があります。

Teams アプリをビルドするために必要なツールをインストールする
Teams アプリをビルドするためのアカウントの準備
カスタムアプリのアップロードアクセス許可を確認する

Teams アプリをビルドするために必要なツールをインストールする

Teams アプリのビルドを開始する前に、次の要件が満たされていることを確認します。

	ツール	用途	環境の種類
必須
	Teams ツールキット	アプリのプロジェクトスキャフォールディングを作成する Microsoft Visual Studio Code 拡張機能。最新バージョンを使用します。	JavaScript と SPFx
	Microsoft Teams	チャット、会議、通話のアプリを通じて作業するすべてのユーザーと 1 か所で共同作業を行うことができます。	JavaScript と SPFx
	Node.js	バックエンド JavaScript ランタイム環境。詳細については、「プロジェクトの種類Node.js バージョン互換性テーブル」を参照してください。	JavaScript と SPFx
	Node Package Manager (NPM)	Node.js アプリケーションと ASP.NET Coreアプリケーションの両方で使用するパッケージをインストールして管理します。	JavaScript と SPFx
	Microsoft Edge (推奨) または Google Chrome	開発者ツールを備えたブラウザー。	JavaScript と SPFx
	Microsoft Visual Studio Code	JavaScript、TypeScript、または SPFx ビルド環境。最新バージョンを使用します。	JavaScript と SPFx
Optional
	Azure Tools for Visual Studio Code および Azure CLI	保存されたデータにアクセスするか、Azure で Teams アプリのクラウドベースのバックエンドをデプロイします。	JavaScript
	React Chrome 用の開発者ツールまたは Microsoft Edge 用React開発者ツール	オープンソース React JavaScript ライブラリのブラウザー DevTools 拡張機能。	JavaScript
	Microsoft Graph Explorer	Microsoft Graph データからクエリを実行できるブラウザーベースのツール。	JavaScript と SPFx
	Teams の開発者ポータル	Organizationまたは Teams ストアに Teams アプリを構成、管理、配布するための Web ベースのポータル。	JavaScript と SPFx

Teams アプリをビルドするためのアカウント

Teams アプリのビルドを開始する前に、次のアカウントがあることを確認します。

アカウント	用途	環境の種類
Microsoft 365 職場または学校アカウント	アプリの開発中の Teams 開発者アカウント。	JavaScript、TypeScript、SPFx、C# または Blazor。
Azure アカウント	Azure 上のバックエンドリソース。	JavaScript、TypeScript、SPFx、C# または Blazor。
SharePoint コレクションサイト管理者アカウント	ホスティング用のデプロイ。	SPFx。

Microsoft 365 開発者プログラム

注:

Teams アプリをビルドするには、職場または学校の Microsoft 365 アカウントが必要です。 Microsoft 365 個人用アカウントは使用できません。

Visual Studio Enterprise または Professional サブスクリプションをお持ちの場合は、両方のプログラムに無料の Microsoft 365 開発者サブスクリプションが含まれています。 Visual Studio サブスクリプションがアクティブである限り、アクティブです。詳細については、「Microsoft 365 開発者サブスクリプション」を参照してください。

Microsoft 365 テナントをお持ちでない場合は、Microsoft 365 開発者プログラムを通じてMicrosoft 365 E5開発者サブスクリプションを受ける資格があります。詳細については、FAQ を参照してください。または、 1 か月間の無料試用版にサインアップするか、 Microsoft 365 プランを購入することもできます。

開発者プログラムにサインアップするには、次のいずれかのアカウントの種類を使用します。

個人使用の Microsoft アカウント

Microsoft アカウントは、Outlook、Messenger、OneDrive、MSN、Xbox Live、Microsoft 365 などの Microsoft 製品とクラウドサービスにアクセスできます。

Outlook.com メールボックスにサインアップして、Microsoft 365 アカウントを作成します。コンシューマー関連の Microsoft クラウドサービスまたは Azure にアクセスする場合に使用します。
ビジネス向け Microsoft ワークアカウント

このアカウントを使用すると、すべての小規模、中規模、およびエンタープライズのビジネスレベルの Microsoft クラウドサービスにアクセスできます。サービスには、Azure、Microsoft Intune、Microsoft 365 が含まれます。

これらのサービスのいずれかにorganizationとしてサインアップすると、organizationを表すためにクラウドベースのディレクトリがMicrosoft Entra IDに自動的にプロビジョニングされます。

無料の Microsoft 365 開発者アカウントを作成する

無料の Microsoft 365 開発者アカウントを作成するには:

Microsoft 365 開発者プログラムに移動します。
[今すぐ参加] を選択します。
管理者アカウントサブスクリプションを設定します。

サブスクリプションが完了すると、次の情報が表示されます。

Azure アカウント

Azure アカウントを使用すると、Teams アプリまたは Teams アプリのバックエンドリソースを Azure にホストできます。これを行うには、Visual Studio Code の Teams Toolkit を使用します。次のシナリオでは、Azure サブスクリプションが必要です。

Azure 以外の別のクラウドプロバイダーに既存のアプリが既にあり、Teams プラットフォームにアプリを統合する場合。
別のクラウドプロバイダーを使用してアプリのバックエンドリソースをホストする場合、またはパブリックドメインで使用できる場合は独自のサーバーでホストする場合。

注:

Azure アカウントを使用して、Teams アプリをホストする Azure リソースをプロビジョニングできます。アカウントがない場合は、無料アカウントを作成できます。 Teams Toolkit を使用してプロビジョニングとデプロイを行わない場合、Azure アカウントは必要ありません。

SharePoint コレクションサイト管理者アカウント

SPFx 環境を使用して Teams アプリを作成するときは、SharePoint コレクションサイト管理者アカウントが必要です。これは、SharePoint サイトでアプリを展開してホストするために必要です。 Microsoft 365 開発者プログラムテナントを使用している場合は、そのときに作成した管理者アカウントを使用することができます。

カスタムアプリのアップロードアクセス許可を確認する

アプリを作成したら、アプリを配布せずに Teams に読み込む必要があります。このプロセスは、カスタムアプリのアップロードと呼ばれます。このオプションを表示するには、Microsoft 365 アカウントにサインインします。

Visual Studio Code または Teams クライアントを使用して、アプリのアップロードアクセス許可が有効になっているかどうかを確認できます。

Visual Studio Code を使用してカスタムアプリのアップロードアクセス許可を確認する

このメソッドを使用して、Teams Toolkit を使用してアプリプロジェクトを作成した後にのみ、カスタムアプリのアップロードアクセス許可を確認できます。アプリプロジェクトを作成していない場合は、Teams クライアントを使用してカスタムアプリのアップロードアクセス許可を確認できます。

Visual Studio Code を開きます。
Visual Studio Code アクティビティバーから [Teams Toolkit ] を選択します。

注:

オプションが表示できない場合は、「 Teams Toolkit をインストールして Visual Studio Code に Teams Toolkit 拡張機能をインストールする」を参照してください。
新しい Teams Toolkit アプリプロジェクトを作成するか、既存のアプリプロジェクトを開きます。
[アカウント] で [Microsoft 365 にサインイン ] を選択します。
次の図に示すように、[ サイドローディング] オプションが有効 になっていることを確認します。

Teams クライアントを使用してカスタムアプリのアップロードアクセス許可を確認する

Teams クライアントで、[ アプリ] [アプリ>の管理] [アプリ>のアップロード] の順に選択します。
[ カスタムアプリのアップロード] オプションが表示されるかどうかを確認します。

管理センターを使用してカスタムアプリのアップロードを有効にする

Visual Studio Code の Teams Toolkit 拡張機能にカスタムアプリのアップロードオプションが表示されない場合、またはカスタムアプリをアップロードするオプションが Teams で使用できない場合は、カスタムアプリのアップロードに必要なアクセス許可がないことを示します。

Teams でカスタムアプリのアップロードを有効にする必要があります。

テナント管理者の場合は、Teams 管理センターでテナントまたはorganizationのカスタムアプリアップロード設定を有効にします。
テナント管理者でない場合は、テナント管理者に問い合わせてカスタムアプリのアップロードを有効にします。

管理者権限がある場合は、カスタムアプリのアップロードを有効にすることができます。

管理者の資格情報で Microsoft 365 管理センターにサインインします。
アイコン > Teams を選択します。

注:

Teams オプションが表示されるまで、最大 24 時間かかる場合があります。テストと検証のために、カスタムアプリを Teams 環境にアップロードすることができます。
管理者の資格情報を使用して Microsoft Teams 管理センターにサインインします。
アイコン > [Teams アプリ>] [セットアップポリシー] を選択します。
[ グローバル] (組織全体の既定値) を選択します。
[ カスタムアプリのアップロード] トグルを [オン] に設定します。
[保存] を選択します。

注:

カスタムアプリのアップロードがアクティブになるまでに最大 24 時間かかることがあります。その間、[テナントのアップロード] を使用してアプリをテストできます。アプリの .zip パッケージファイルをアップロードするには、「カスタムアプリのアップロード」を参照してください。

Visual Studio Code または Teams クライアントを使用したカスタムアプリのアップロードアクセス許可の確認に関するページで説明されている手順を使用して、アプリのアップロードアクセス許可があることを確認します。

Teams アプリを作成するための前提条件

Teams アプリをビルドするために必要なツールをインストールする