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

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

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

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 に設定すると、かなり良い感じに表示されます。