Microsoft Teams の個人用タブで全画面表示する

この記事は 2020/12/06 にはてなブログへ投稿した記事の転載です。

この記事は Office 365 Advent Calendar 2020 に参加しています。

https://adventar.org/calendars/5362

Microsoft Teams のカスタム アプリで個人用タブを作成したときに、ページの上部にタブが表示されます。

しかしユーザー体験としては全画面で表示してほしい場合があります。これが Microsoft Teams マニフェストの 1.7 から実現できるようになりました。

スキーマとしては isFullScreen というプロパティが追加されています。

https://docs.microsoft.com/ja-jp/microsoftteams/platform/resources/schema/manifest-schema?WT.mc_id=M365-MVP-5002941#isfullscreen

yo teams の場合は 2.16.0 以降からプロジェクト作成時に追加の質問がされるようになっています。

Would you like personal apps to be rendered without a tab header-bar?

2.16.0 以前のバージョンで作成している場合は手動でスキーマのバージョンを 1.7 以降に上げる必要があります。

実際に isFullScreen を true にしてみたところ。かなりいい感じに表示されていますね！