Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Microsoft Teams の 会議アプリ開発のはじめかた / How to start ...
Search
Takashi Shinohara
May 05, 2022
Programming
0
3.5k
Microsoft Teams の 会議アプリ開発のはじめかた / How to start Microsoft Teams app development
Takashi Shinohara
May 05, 2022
Tweet
Share
More Decks by Takashi Shinohara
See All by Takashi Shinohara
いまだから「検索」を語ろう! SharePoint FAST Search から Microsoft Search セマンティックインデックスまで / Let's talk about search now
karamem0
3
980
徹底解説!Power Platform 導入の成功事例から見る DX 推進のコツ / Tips for DX promotion from Power Platform case studies
karamem0
0
4.7k
どうする Power Pages?Web 開発者からみる Power Pages / How to deal with Power Pages
karamem0
0
1.1k
Fluent UI を理解する / Understanding Fluent UI
karamem0
0
530
Web API 開発を加速しよう - Avanade Beef のご紹介 / Accelerate your web API - development introducing Avanade Beef
karamem0
0
2.5k
Japan Microsot 365 Developer Community Day 2021: Microsoft Teams ハンズオン / Japan Microsot 365 Developer Community Day 2021: Microsoft Teams Hands-on
karamem0
0
25
Microsoft 365 開発をはじめる人のための React 超入門 / Super introduction to react for those starting Microsoft 365 development
karamem0
0
1k
Microsoft Build 2021 最新版! Microsoft Teams アプリ開発のいま / Microsoft Teams app development now (Microsoft Build 2021 latest version)
karamem0
0
1.5k
スクラムで Power Apps 開発をやってみた / Tried to develop Power Apps with Scrum
karamem0
1
2.5k
Other Decks in Programming
See All in Programming
Prompt Cachingは本当に効果的なのか検証してみた.pdf
ttnyt8701
0
530
KSPの導入・移行を前向きに検討しよう!
shxun6934
PRO
0
220
Regular Expressions, REXML, Automata Learning
makenowjust
0
220
connect-go で面倒くささと戦う / 2024-08-27 #newmo_layerx_go
izumin5210
2
640
Crafting Cross-Platform Adventures: Building a Game Engine with Kotlin Multiplatform
dwursteisen
0
100
o1モデルのプロンプトエンジニアリングって?
ktc_wada
0
180
The Sequel to a Dream of Ruby Parser's Grammar
ydah
1
220
The Shape of a Service Object
inem
0
520
Why Prism?
kddnewton
4
1.7k
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
440
Hono・Prisma・AWSでGeoなAPI開発
nokonoko1203
5
670
ドメイン駆動設計を実践するために必要なもの
bikisuke
4
330
Featured
See All Featured
Ruby is Unlike a Banana
tanoku
96
11k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2k
Making the Leap to Tech Lead
cromwellryan
128
8.8k
How to train your dragon (web standard)
notwaldorf
85
5.6k
Large-scale JavaScript Application Architecture
addyosmani
508
110k
A Tale of Four Properties
chriscoyier
155
22k
Building Applications with DynamoDB
mza
90
6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
103
48k
Code Review Best Practice
trishagee
62
16k
Automating Front-end Workflow
addyosmani
1365
200k
It's Worth the Effort
3n
182
27k
Transcript
MAY, 4 – 6, 2022 MICROSOFT 365 VIRTUAL MARATHON 2022
Takashi Shinohara Microsoft Teams の 会議アプリ開発のはじめかた
M365VIRTUALMARATHON.COM #M365VM MICROSOFT 365 VIRTUAL MARATHON 2022 SPONSORS
M365VIRTUALMARATHON.COM #M365VM 篠原 敬志 (Takashi Shinohara) Microsoft MVP for Office
Development ▪ アバナード株式会社 マネージャー ▪ SharePoint をベースとしたアプリケーション開発に従事していました。近年は Power Platform、Microsoft 365、Microsoft Azure を使った DX の支 援を実施しています。アジャイル コーチ/スクラム マスターとしても活動しています。 ▪ Twitter: @karamem0
M365VIRTUALMARATHON.COM #M365VM こんなもの作っています: Teamtile 参加中のチームをタイル で表示することで素早く アクセスできます
M365VIRTUALMARATHON.COM #M365VM こんなもの作っています: Commistant 会議の開始時、終了時、 開催中に事前に設定し たメッセージを送信します
M365VIRTUALMARATHON.COM #M365VM 数字から見る Microsoft Teams 1.45 億人 デイリー アクティブ ユーザー数
94 % 日経 225 採用率
M365VIRTUALMARATHON.COM #M365VM Microsoft Teams のコア機能 チャット 会議 電話 ファイル
M365VIRTUALMARATHON.COM #M365VM Microsoft Teams のカスタマイズ 個人用アプリ タブ ボット コネクタ メッセージ拡張
会議用アプリ New! Together モード New! 今日の トピック
M365VIRTUALMARATHON.COM #M365VM Microsoft Teams アプリのアーキテクチャ User Developer Microsoft Teams Client
Microsoft Teams Admin Center Azure Bot Service Azure App Service Upload App Manifest Install App Chat Tab
M365VIRTUALMARATHON.COM #M365VM 会議用アプリの機能 会議前 会議中 会議後 タブ ボット メッセージ拡張 サイドパネル
通知 (タスク モジュール) 会議ステージへの共有 タブ ボット メッセージ拡張
M365VIRTUALMARATHON.COM #M365VM 会議前または会議後 タブ、ボット、メッセージ拡張 の基本的な機能は同じ 会議アプリ API を使用する ことで会議の詳細を取得で きる
M365VIRTUALMARATHON.COM #M365VM 会議中 タブを会議のサイドパネルに 表示できる タブの一部または全体を共 有できる (会議に参加して いる人には同じ状態が共有 される)
M365VIRTUALMARATHON.COM #M365VM 会議用アプリの制限 会議中のエクスペリエンスは 現時点では Web 版の Teams アプリでは対応して いない
M365VIRTUALMARATHON.COM #M365VM 会議前 会議のアジェンダを作成する 会議中 ToDo を共有して会議を効率的に実施する 会議後 会議のフィードバックを収集する 会議用アプリの例
M365VIRTUALMARATHON.COM #M365VM 会議用アプリ API 会議用アプリ API には 2 種類ありできることが異なる Microsoft
Teams Client (MSTC) SDK @microsoft/teams-js microsoftTeams.meeting 名前空間 Microsoft Bot Framework (MSBF) SDK Microsoft.Bot.Schema.dll Microsoft.Bot.Schema.Teams 名前空間
M365VIRTUALMARATHON.COM #M365VM 会議用アプリ API (MSTC) メソッド メソッド ユーザー コンテキストを取得する microsoftTeams.getContext
リアルタイム キャプションを送信する https://api.captions.office.microsoft.com/cartcaption アプリ コンテンツをステージに共有する microsoftTeams.meeting.shareAppContentToStage アプリ コンテンツ ステージの共有状態を取得する microsoftTeams.meeting.getAppContentStageSharingState アプリ コンテンツ ステージの共有機能を取得する microsoftTeams.meeting.getAppContentStageSharingCapabilities
M365VIRTUALMARATHON.COM #M365VM 会議用アプリ API (MSBF) メソッド メソッド 参加者を取得する TeamsInfo.GetMeetingParticipantAsync 会議中の通知を送信する
TurnContext.SendActivityAsync 会議の詳細を取得する TeamsInfo.GetMeetingInfoAsync リアルタイムの Teams 会議イベントを取得する TeamsActivityHandler.OnTeamsMeetingStartAsync TeamsActivityHandler.OnTeamsMeetingEndAsync
M365VIRTUALMARATHON.COM #M365VM リソース固有のアクセス許可 (RSC) アプリが Microsoft Graph を使用して組織内の特定のリソースを管理できるようにする 現時点では Microsoft
Teams のチームまたはチャットのみがリソース固有のアクセス許可を使用できる アクセス許可は Azure AD アプリケーションではなく Teams アプリ マニフェスト (1.11 以上) に記載する 会議用アプリ API のいくつかはリソース固有のアクセス許可が必要になる
M365VIRTUALMARATHON.COM #M365VM リソース固有のアクセス許可の同意の設定 Azure AD の [エンタープライ ズ アプリケーション] -
[同意と アクセス許可] で構成する 同意が許可されていない場 合はアプリのインストール時 にエラーになる
M365VIRTUALMARATHON.COM #M365VM リソース固有のアクセス許可の確認 /beta/chats/{chatid}/per missionGrants で会議 (チャット) に対してのアクセス 許可を確認できる
M365VIRTUALMARATHON.COM #M365VM アプリ マニフェスト (1.12) MSTC MSBF "authorization": { "permissions":
{ "resourceSpecific": [ { "name": "OnlineMeeting.ReadBasic.Chat", "type": "Delegated" } ] } } "authorization": { "permissions": { "resourceSpecific": [ { "name": "OnlineMeeting.ReadBasic.Chat", "type": "Application" } ] } }
M365VIRTUALMARATHON.COM #M365VM 会議用アプリのデバッグ Developer Microsoft Teams Client Microsoft Teams Developer
Portal Azure Bot Service Local Computer w/ ngork Manage App Manifest Install App Chat Tab
M365VIRTUALMARATHON.COM #M365VM Microsoft Teams Developer Portal の [App features] でボットを追加す
る スコープに Team (チームの 会議) または Group Chat (通常の会議) を選択する 会議用アプリ (ボット) のデバッグ: Microsoft Teams Developer Portal
M365VIRTUALMARATHON.COM #M365VM [メッセージング エンドポイン ト] に ngrok の URL を指定
する 会議用アプリ (ボット) のデバッグ: Azure Bot Service
M365VIRTUALMARATHON.COM #M365VM Microsoft Teams Developer Portal の [App features] で会議用アプリを
追加する [Configuration URL] に ngrok の URL を指定する (会議中エクスペリエンスの 場合は ngrok が必須) 会議用アプリ (タブ) のデバッグ: Microsoft Teams Developer Portal
MICROSOFT 365 VIRTUAL MARATHON 2022 MAY, 4. – 6. 2022
DEMO
M365VIRTUALMARATHON.COM #M365VM 会議用アプリといえどもタブとボット 会議用アプリの API は MSTC や MSBF に含まれる
会議用アプリの API を使うためにはリソース固有のアクセス許可を指定する 会議用アプリのデバッグには ngrok が必須 まとめ
MICROSOFT 365 VIRTUAL MARATHON 2022 MAY, 4. – 6. 2022
https://forms.office.com/r/qCXhcZZUgU スピーカーおよびイベント への感 想やご意見 アンケートにご協力ください