Teams アプリ パッケージを作成する

ただし、アプリ パッケージは必要ですが、Microsoft Teams アプリを配布する予定です。 有効なパッケージは、次を含む ZIP ファイルです。

  • アプリ マニフェスト: アプリの機能、必要なリソース、その他の重要な属性など、アプリの構成方法について説明します。
  • アプリ アイコン: 各パッケージには、アプリの色とアウトライン アイコンが必要です。

Teams でアプリがホストされない

ユーザーが Teams にアプリをインストールすると、構成ファイル (アプリ マニフェストとも呼ばれます) とアプリのアイコンのみを含むアプリ パッケージがインストールされます。 アプリのロジックとデータ ストレージは、開発中のローカルホストや Azure Web サービスなど、他の場所でホストされます。 Teams は HTTPS 経由でこれらのリソースにアクセスします。

Teams アプリのアプリホスティングを示す図

アプリ マニフェスト

アプリ マニフェスト ファイルは、名前が付けられている状態で、パッケージのトップ レベルにある必要がありますmanifest.json

Teams ストアに発行する場合は、マニフェストが最新の スキーマを参照していることを確認します。

アプリのアイコン

アプリ パッケージには、アプリ アイコンの 2 つの .png バージョン (色とアウトライン バージョン) を含める必要があります。

注:

アプリにボットまたはメッセージ拡張機能がある場合、アイコンは azure Bot Service 登録Microsoftに含まれます。

アプリが Teams ストア レビューに合格するには、これらのアイコンが次のサイズ要件を満たしている必要があります。

カラー アイコン

アイコンのカラー バージョンは、ほとんどの Teams シナリオで表示され、192x192 ピクセルである必要があります。 アイコン記号 (96 x 96 ピクセル) は任意の色にすることができますが、単色または完全に透明な正方形の背景に配置する必要があります。

Teams では、アイコンが自動的にトリミングされ、複数のシナリオで角が丸い四角形とボット シナリオの六角形が表示されます。 詳細を失わずにシンボルをトリミングするには、シンボルの周囲に 48 ピクセルのパディングを含める必要があります。

Teams のカラーアイコンと設計ガイダンス。

アウトライン アイコン

アウトライン アイコンは、次の 2 つのシナリオで表示されます。

  • アプリが使用されていて、Teams の左側のアプリ バーで「ホスト」と表示されている場合。
  • ユーザーがアプリのメッセージ拡張機能をピン留めする場合。

アイコンは 32x32 ピクセルである必要があります。 透明な背景を持つ白または白の背景を持つ透明にすることができます (他の色は許可されていません)。 アウトライン アイコンは、シンボルの周囲に余分なパディングを含めないことが必要です。

Teams アウトライン アイコンの設計ガイダンス。

ベスト プラクティス

アプリ アイコンをデザインする方法を示す図。

実行: 正確なアウトライン アイコンのガイドラインに従う

アイコンで使用する白の RGB 値は、赤 255、緑: 255、青: 255 である必要があります。 アウトライン アイコンの他のすべての部分は、アルファ チャネルを 0 に設定して、完全に透明にする必要があります。

アプリ アイコンをデザインしない方法を示す図。

しないでください: 円形または丸い四角形でトリミングする

アプリ パッケージで送信されるカラーアイコンは正方形である必要があります。 アイコンの角を丸めないでください。 Teams では、角の半径が自動的に調整されます。

しないでください: 他のブランドをコピーする

アイコンは、所有していない著作権で保護された製品を模倣してはなりません。 たとえば、Microsoft 製品やブランドに似たデザインです。

さまざまな Teams の機能とコンテキストでのアプリ アイコンの表示方法を次に示します。

個人用アプリ

個人用アプリでアプリ アイコンがどのように表示されるかを示す例。

ボット (チャネル)

チャネル内のボットでアプリ アイコンがどのように表示されるかを示す例。

メッセージ拡張機能:

<代替テキスト>

次のステップ

アプリの配布方法を選択します。

関連項目