からめもぶろぐ。

俺たちは雰囲気で OAuth をやっている

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

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

adventar.org

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

f:id:karamem0:20201206004721p:plain

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

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

docs.microsoft.com

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 にしてみたところ。かなりいい感じに表示されていますね!

f:id:karamem0:20201206005439p:plain