次の方法で共有


会議用のビルド タブ

それぞれのチームには、コミュニケーションとタスクの共同作業を行うそれぞれの方法があります。 これらのさまざまなタスクを達成するために、会議用アプリを使用して Teams をカスタマイズします。 Teams 会議のアプリを有効にし、アプリ マニフェスト内の会議スコープで使用できるようにアプリを構成します。

Teams 会議のタブ

タブを使用すると、会議の参加者は、会議内の特定のスペース内のサービスとコンテンツにアクセスできます。 タブ開発を初めてMicrosoft Teamsする場合は、「 Teams のビルド タブ」を参照してください。

会議タブを作成する前に、会議チャット ビュー、会議の詳細ビュー、会議側パネル ビュー、および会議ステージ ビューをターゲットにできるサーフェスについて学習することが重要です。

会議の詳細ビュー

  1. 予定表で、タブを追加する会議を選択します。

  2. [ 詳細 ] タブを選択し、[ ] を選択します。 アプリ ギャラリーが表示されます。

    Teams 会議での会議前アプリエクスペリエンスを示すスクリーンショット。

  3. アプリ ギャラリーで、追加するアプリを選択し、必要に応じて手順に従います。 タブが会議の詳細ページに追加されます。

    次の図は、Teams デスクトップ クライアントの会議の詳細ページに追加されたタブを示しています。

    Teams 会議の会議の詳細ビューにデスクトップ Teams タブを示すスクリーンショット。


会議チャット ビュー

  1. Teams チャット パネルで、会議チャット ビューを選択します。

  2. [ ] を選択すると、アプリ ギャラリーが表示されます。

  3. アプリ ギャラリーで、追加するアプリを選択し、必要に応じて手順に従います。 タブが会議チャットに追加されます。

    次の図は、Teams デスクトップ クライアントの会議チャットに追加されたアプリを示しています。

    Teams デスクトップの会議チャットの会議チャット ビューを示すスクリーンショット。


会議のサイド パネル ビュー

  1. 会議中に、Teams 会議ウィンドウから [ Apps ] を選択して、会議にアプリを追加できます。

    Teams 会議ウィンドウにアプリを追加する方法を示すスクリーンショット。

  2. アプリ ギャラリーで、追加するアプリを選択し、必要に応じて手順に従います。 アプリが会議のサイド パネルに追加されます。

    アプリの一覧を含むサイド パネル ビューを示すスクリーンショット。

会議のサイド パネルに読み込まれたアプリに新しいアクティビティがあるときに会議の参加者に通知するには、アプリ アイコンのバッジを有効にします。 詳細については、「 Teams アプリのアプリ アイコンのバッジを有効にする」を参照してください。

注:

  • Teams デスクトップ クライアントの会議側パネルへのディープ リンクは、 パブリック開発者プレビューでのみ使用できます。
  • Teams モバイル クライアントの会議側パネルへのディープ リンクが一般公開されています。

会議のサイド パネルで開くことができるタブ アプリへのディープ リンクを作成できます。 会議のユーザーがディープ リンクを選択すると、会議ステージの会議側パネルが開きます。 ユーザーが会議の前後にディープ リンクを選択した場合、ディープ リンクはそれぞれ会議前タブまたは会議後タブで開きます。

  • Teams デスクトップ クライアントの会議側パネルのディープ リンクを次に示します。

    ディープ リンクが選択されている場合のサイド パネル ビューを示すスクリーンショット。

  • 次に、Teams モバイル クライアントの会議側パネルのディープ リンクを示します。

    モバイルでディープ リンクが選択されている場合のサイド パネル ビューを示すスクリーンショット。

ディープ リンク形式については、 ディープ リンクに関するページを参照してください。

会議ステージビュー

  1. 会議のサイド パネルにタブを追加した後、グローバル アプリ共有を選択できるようになりました。

  2. これにより、会議のすべての参加者のステージの [レンダリング] タブが表示されます。

次の図は、Teams デスクトップ クライアントの会議ステージに追加されたタブを示しています。

Teams デスクトップで会議に共有したアプリの会議ステージ ビューを示すスクリーンショット。

チャネル会議のアプリ

公開スケジュールされたチャネル会議には、親チームと同じアプリの一覧があります。 チャネル会議にアプリをインストールすると、親チームでも使用でき、その逆も可能になります。

ただし、チャネル会議のタブ インスタンスは、チャネル自体のタブとは別のものです。 たとえば、 開発 チャネルに [ Polly ] タブがあるとします。そのチャネルで スタンドアップ 会議を作成した場合、その会議にタブを明示的に追加するまで、その会議には Pollyタブはありません。

次の図は、Teams デスクトップ クライアントのチャネル内のアプリを示しています。

Teams デスクトップ クライアントでチャネル会議に追加されたアプリを示すスクリーンショット。

パブリックスケジュールされたチャネル会議では、会議タブが追加された後、会議の詳細ページで会議オブジェクトを選択してタブにアクセスできます。

会議オブジェクトの選択を示すスクリーンショット。

注:

モバイルでは、匿名ユーザーはスケジュールされたパブリック チャネル会議でアプリにアクセスできません。

Outlook での会議アプリ

Teams 会議のタブは、アプリ マニフェスト バージョン 1.13 以降の Microsoft Outlook でもサポートされています。 Outlook for Windows からスケジュールされた Teams 会議に構成および追加できる会議タブ アプリを構築できます。 詳細については、「 Teams 会議アプリを Outlook に拡張する」を参照してください。

[詳細設定] タブ API

TeamsJS は、JavaScript を使用してタブを作成するために使用されるリッチ ライブラリです。 最新の TeamsJS (V.2.0 以降) を使用して、Teams、Microsoft 365 アプリ、Outlook で作業します。 詳細については、「 Teams JavaScript クライアント ライブラリ」を参照してください。

フレーム コンテキスト

JavaScript ライブラリMicrosoft Teams、会議タブ URL が getContext API に読み込まれる frameContext を公開します。 frameContext の使用可能な値は、content、task、setting、remove、sidePanel、meetingStage です。 これにより、アプリのレンダリング場所に基づいてカスタマイズされたエクスペリエンスを構築できます。 たとえば、 meetingStage にある特定のコラボレーションに焦点を当てた UI と、チャット タブ (content) で別の会議準備 UI を表示します。 詳細については、「 getContext API」を参照してください。

Teams 会議のタブを有効にする

アプリ マニフェスト を関連するコンテキスト プロパティで更新して、さまざまなタブ ビューを構成します。 会議アプリの機能は、 configurableTabs セクションのスコープとコンテキスト配列を使用して、アプリ マニフェストで宣言されます。

範囲

スコープは、アプリにアクセスできるユーザーを定義します。

  • groupchat スコープを使用すると、アプリをグループ スコープで使用でき、アプリを通話または会議 (スケジュールされたプライベート会議またはインスタント会議) に追加できます。

  • team スコープを使用すると、アプリをチーム スコープで使用できるようになり、アプリをチームまたはチャネルまたはスケジュールされたチャネル会議に追加できます。

Context

context プロパティは、インストールと構成後にアプリを特定のビューで使用できるかどうかを決定します。 context プロパティの値を次に示します。これらの値は、すべて使用することも、一部を使用することもできます。

説明
channelTab チーム チャネルのヘッダーのタブ。
privateChatTab チームや会議のコンテキストではない一連のユーザー間のグループ チャットのヘッダーにあるタブ。
meetingChatTab スケジュールされた会議の一連のユーザー間のグループ チャットのヘッダーにあるタブ。 meetingChatTab または meetingDetailsTab を指定すると、アプリをモバイルで実行できるようになります。
meetingDetailsTab 予定表の会議の詳細ビューのヘッダーにあるタブ。 meetingChatTab または meetingDetailsTab を指定すると、アプリをモバイルで実行できるようになります。
meetingSidePanel 統合バー (U バー) 経由で開かれる会議内パネル。
meetingStage 会議ステージに共有できる meetingSidePanel からのアプリ。 Teams ルーム クライアントでは、このアプリを使用できません。

会議のタブ アプリを構成する

会議のアプリでは、 meetingChatTabmeetingDetailsTabmeetingSidePanelmeetingStageのコンテキストを使用できます。 会議参加者がアプリをインストールし、会議でタブを構成すると、特定の会議のアプリの他のすべてのコンテキストがタブのレンダリングを開始します。

次のコード スニペットは、Teams 会議のアプリで使用される構成可能なタブの例です。


"configurableTabs": [
    {
      "configurationUrl": "https://contoso.com/teamstab/configure",
      "canUpdateConfiguration": true,
      "scopes": [
        "team",
        "groupchat"
      ],
      "context":[
        "channelTab",
        "privateChatTab",
        "meetingChatTab",
        "meetingDetailsTab",
        "meetingSidePanel",
        "meetingStage"
     ]
    }
  ]

その他の例

タブの既定のコンテキスト (指定されていない場合) は次のとおりです。

"context":[ 
  "channelTab", 
  "privateChatTab", 
  "meetingChatTab", 
  "meetingDetailsTab" 
     ] 

会議以外のグループ チャットにアプリが表示されないようにするには、次のコンテキストを設定する必要があります。

"context":[ 
  "meetingSidePanel", 
  "meetingChatTab", 
  "meetingDetailsTab" 
     ] 

会議中のサイド パネル エクスペリエンスの場合のみ:

"context":[ 
  "meetingSidePanel" 
     ] 

ユーザーの種類別の機能の互換性

次の表に、ユーザーの種類と、各ユーザーが会議のタブにアクセスできる機能の一覧を示します。

ユーザーの種類 スケジュールされた会議またはインスタント 予定表会議 1 対 1 の呼び出し グループ呼び出し スケジュールされたチャネル会議
テナント内 すべてのロールに対して許可される操作。

出席者を除くすべてのユーザーに対して、作成、更新、または削除が許可されます。
操作と作成、更新、または削除が許可されます。

フェデレーション ユーザーとの通話中のテナント内ユーザーは、対話して作成、更新、または削除することはできません。
操作と作成、更新、または削除が許可されます。

フェデレーション ユーザーとの通話中のテナント内ユーザーは、対話して作成、更新、または削除することはできません。
出席者を除くすべてのロールに対して、対話と作成、更新、または削除が許可されます。
Guest 対話のみ可能 対話のみ可能 対話のみ可能 対話のみ可能
フェデレーションまたは外部 対話のみ可能 使用不可 使用不可 対話のみ可能
匿名 対話のみ可能 使用不可 使用不可 使用不可

コード サンプル

サンプルの名前 説明 .NET Node.js マニフェスト
会議アプリ 会議トークン ジェネレーター アプリを使用してトークンを要求する方法を示します。 各参加者が会議に参加する機会を公平に得られるように、トークンは順次生成されます。 このトークンは、スクラム会議や Q&A セッションなどの状況で役立ちます。 表示 表示 表示
会議ステージのサンプル コラボレーション用の会議ステージでタブを表示するサンプル アプリ。 表示 表示 表示
会議のサイド パネル 会議のサイド パネルに議題を追加する方法を示すサンプル アプリ。 表示 表示 該当なし
会議中の通知 ボットを使用して会議内通知を実装する方法を示します。 表示 表示 表示
会議内ドキュメントの署名 Teams アプリに署名するドキュメントを実装する方法を示します。 ステージへの特定のアプリ コンテンツの共有、Teams SSO、ユーザー固有の Stageview が含まれます。 表示 該当なし 該当なし
会議タブ このサンプルでは、会議の [サイド パネル] タブで、アプリの Stageview、Mute/Unmute Teams 会議音声通話を示します。 表示 表示 表示

注:

  • Teams デスクトップ クライアントでは、会議アプリ (サイド パネルと会議ステージ) がサポートされています。
  • Teams Web クライアントの会議アプリ (サイド パネルと会議ステージ) は、 開発者プレビューが有効になっている場合にのみサポートされます。

ステップ バイ ステップのガイド

関連項目