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.8k
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
Power Automate のパフォーマンス改善レシピ / Power Automate Performance Improvement Recipes
karamem0
0
290
どっちの API SHOW?SharePoint 開発における SharePoint REST API Microsoft Graph API の違い / Which API show? Differences between Microsoft Graph API and SharePoint REST API
karamem0
0
760
Microsoft Ignite 2024 最新情報!Microsoft 365 Agents SDK 概要 / Microsoft Ignite 2024 latest news Microsoft 365 Agents SDK overview
karamem0
0
450
徹底解説!Microsoft 365 Copilot の拡張機能 / Complete guide to Microsoft 365 Copilot extensions
karamem0
1
4k
Microsoft Search の Graph コネクタ ハンズオン / Handson for Graph Connector of Microsoft Search
karamem0
0
150
いまだから「検索」を語ろう! SharePoint FAST Search から Microsoft Search セマンティックインデックスまで / Let's talk about search now
karamem0
3
1.6k
徹底解説!Power Platform 導入の成功事例から見る DX 推進のコツ / Tips for DX promotion from Power Platform case studies
karamem0
0
5.3k
どうする Power Pages?Web 開発者からみる Power Pages / How to deal with Power Pages
karamem0
0
1.4k
Fluent UI を理解する / Understanding Fluent UI
karamem0
0
970
Other Decks in Programming
See All in Programming
Gemini CLIの"強み"を知る! Gemini CLIとClaude Codeを比較してみた!
kotahisafuru
3
910
プロダクトという一杯を作る - プロダクトチームが味の責任を持つまでの煮込み奮闘記
hiliteeternal
0
370
AIコーディングエージェント全社導入とセキュリティ対策
hikaruegashira
15
9.3k
Jakarta EE Meets AI
ivargrimstad
0
570
Claude Code派?Gemini CLI派? みんなで比較LT会!_20250716
junholee
1
800
DynamoDBは怖くない!〜テーブル設計の勘所とテスト戦略〜
hyamazaki
0
180
Advanced Micro Frontends: Multi Version/ Framework Scenarios
manfredsteyer
PRO
0
140
リッチエディターを安全に開発・運用するために
unachang113
1
350
画像コンペでのベースラインモデルの育て方
tattaka
3
920
Workers を定期実行する方法は一つじゃない
rokuosan
0
140
PHPカンファレンス関西2025 基調講演
sugimotokei
6
1.1k
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
rdlabo
0
420
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
337
57k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Practical Orchestrator
shlominoach
190
11k
The Cult of Friendly URLs
andyhume
79
6.5k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Faster Mobile Websites
deanohume
308
31k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
870
It's Worth the Effort
3n
185
28k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Making Projects Easy
brettharned
117
6.3k
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 スピーカーおよびイベント への感 想やご意見 アンケートにご協力ください