モバイルのタブ

  • [アーティクル]

タブを含む Microsoft Teams アプリを構築する場合は、Android と iOS の両方の Microsoft Teams クライアントでタブがどのように機能するかをテストする必要があります。 この記事では、最適なユーザー エクスペリエンスを確保するために考慮する必要がある主要なシナリオの一部について説明します。

Microsoft Teams ストアを通じて配布されるアプリには、モバイル クライアント用の個別の承認プロセスがあります。 このようなアプリの既定の動作は次のとおりです。

アプリ機能 アプリが承認された場合の動作 アプリが承認されていない場合の動作
[個人] タブ モバイル クライアントの下部バーにアプリが表示されます。 Teams クライアントでタブが開きます。 モバイル クライアントの下部バーにアプリが表示されません。
チャネル タブとグループ タブ を使用して contentUrlTeams クライアントでタブが開きます。 アプリ マニフェスト ファイルで使用できる場合 websiteUrl は、Teams の外部のブラウザーでタブが開きます。
アプリ マニフェスト ファイルで使用できない場合 websiteUrl は、Teams モバイルではタブにアクセスできません。 ただし、デスクトップと Web ではタブに引き続きアクセスできます。

注:

  • Teams に発行するために AppSource に送信されたアプリは、モバイルの応答性のために自動的に評価されます。 任意のクエリについては、 に teamsubm@microsoft.com問い合わせしてください。
  • AppSource を介して配布されていないすべてのアプリの場合、タブは既定で Teams クライアント内のアプリ内 Web ビューで開き、個別の承認プロセスは必要ありません。
  • アプリの既定の動作は、Teams ストア経由で配布されている場合にのみ適用されます。 既定では、すべてのタブが Teams クライアントで開きます。
  • モバイル対応のためのアプリの評価を開始するには、アプリの詳細に teamsubm@microsoft.com 連絡します。
  • モバイル アプリに複数のタブがある場合、ユーザーがタブを切り替えるたびに、タブは再読み込みされません。

認証

モバイル クライアントで認証を機能させるには、Teams JavaScript ライブラリを少なくともバージョン 1.4.1 にアップグレードする必要があります。

低帯域幅と断続的な接続

モバイル クライアントは、低帯域幅と断続的な接続で機能します。 アプリは、コンテキスト メッセージをユーザーに提供することで、タイムアウトを適切に処理する必要があります。 また、進行状況インジケーターを使用して、実行時間の長いプロセスに関するフィードバックをユーザーに提供する必要があります。

モバイル クライアントでのテスト

さまざまなサイズと品質のモバイル デバイスでタブが正しく機能することを検証する必要があります。 Android デバイスの場合は、 DevTools を 使用して、実行中にタブをデバッグできます。 タブレットを含む高パフォーマンスデバイスと低パフォーマンスデバイスの両方でテストすることをお勧めします。

配布

Teams ストアに一覧表示されているアプリは、Teams モバイル クライアントでモバイルを適切に機能させるために承認されている必要があります。 タブの可用性と動作は、アプリが承認されているかどうかによって異なります。

モバイル向けに承認された Teams ストア上のアプリ

次の表では、アプリが Teams ストアに一覧表示され、モバイルでの使用が承認された場合のタブの可用性と動作について説明します。

機能 モバイルの可用性 モバイル動作
チャネル
[グループ] タブ		 はい アプリの構成を使用して Teams モバイル クライアントで contentUrl タブが開きます。
個人用アプリ はい 個人用アプリ タブの各タブは、それぞれの contentUrl 構成を使用して Teams モバイル クライアントで開きます。

Teams ストア上のアプリがモバイル向けに承認されていない

次の表では、アプリが Teams ストアに一覧表示されているが、モバイルでの使用が承認されていない場合のタブの可用性と動作について説明します。

機能 モバイルの可用性 モバイル動作
[チャネルとグループ] タブ はい アプリの構成を使用して Teams モバイル クライアントではなく、デバイスの既定の websiteUrl ブラウザーでタブが開きます。これは、ソース コードの setSettings()関数にも含める必要があります。
個人用アプリ いいえ 該当なし

注:

  • ボットメッセージは、モバイル アプリにボットとタブの両方の機能がある場合、チャット セクションに表示されます。
  • ボット アプリの [チャット ] を選択し、[ その他 (...)] を選択すると、そのアプリのタブ機能が一覧に表示されません。 ただし、[チャット] セクションの右下にある [その他] (...) を選択した場合は、そのアプリのボット アプリ機能へのリンクを含むタブ アプリを表示できます。

Teams ストアにないアプリ

カスタム アプリをアップロードするか、organizationのアプリ カタログに発行する場合、タブの動作は、Microsoft がモバイル向けに承認した Teams ストア アプリと同じです。

次の手順

タブのコンテキストを取得する

関連項目