次の方法で共有


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

Microsoft 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
  Chrome 用 React 開発者ツール または React Developer Tools for Microsoft Edge オープン ソース React JavaScript ライブラリのブラウザー DevTools 拡張機能。 JavaScript
  Microsoft Graph Explorer Microsoft Graph データからクエリを実行できるブラウザー ベースのツール。 JavaScript と SPFx
  Teams の開発者ポータル 組織または 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 が含まれます。

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

    職場アカウント アイコンを示すスクリーンショット。

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

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

  1. Microsoft 365 開発者プログラムに移動します。

  2. [今すぐ参加] を選択します。

  3. 管理者アカウント サブスクリプションを設定します。

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

    M365 アカウント サブスクリプション オプションを示すスクリーンショット。

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 クライアントを使用してカスタム アプリのアップロードアクセス許可を確認できます。

  1. Visual Studio Code を開きます。

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

    注:

    オプションが表示できない場合は、「 Teams Toolkit をインストール して Visual Studio Code に Teams Toolkit 拡張機能をインストールする」を参照してください。

  3. 新しい Teams Toolkit アプリ プロジェクトを作成するか、既存のアプリ プロジェクトを開きます。

  4. [アカウント] で [Microsoft 365 にサインイン ] を選択します

    アカウントの詳細を示すスクリーンショット。

  5. 次の図に示すように、[ サイドローディング] オプションが有効 になっていることを確認します。

    カスタム アプリのアップロードが有効なオプションが赤で強調表示されているスクリーンショット。


Teams クライアントを使用してカスタム アプリのアップロードアクセス許可を確認する
  1. Teams クライアントで、 アプリ>アプリの管理>アプリのアップロードを選択します

    Teams でアプリをアップロードするオプションを示すスクリーンショット。

  2. [ カスタム アプリのアップロード] オプションが表示されるかどうかを確認します。

    Teams でカスタム アプリをアップロードするオプションを示すスクリーンショット。

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

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

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

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

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

  1. 管理者の資格情報で Microsoft 365 管理センターにサインインします。

  2. アイコン >Teams を選択します

    Microsoft 365 管理センターの左側のウィンドウに Teams クライアントを示すスクリーンショット。

    注:

    Teams オプションが表示されるまで、最大 24 時間かかる場合があります。 テストと検証のために、カスタム アプリを Teams 環境にアップロードすることができます。

  3. 管理者資格情報Microsoft Teams使用して管理センターにサインインします。

  4. [チーム アプリ>Setup ポリシー> アイコンを選択します。

    Microsoft 365 管理センターの Teams アプリの下のセットアップ ポリシーを示すスクリーンショット。

  5. [ グローバル] (組織全体の既定値) を選択します

    グローバル (組織全体の既定値) オプションが強調表示されている [ポリシーの管理] タブを示すスクリーンショット。

  6. [ カスタム アプリのアップロード] トグルを [オン] に設定します。

    [カスタム アプリのアップロード] トグルが強調表示されているスクリーンショット。

  7. [保存] を選択します。

    注:

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

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

関連項目