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
310
どっちの API SHOW?SharePoint 開発における SharePoint REST API Microsoft Graph API の違い / Which API show? Differences between Microsoft Graph API and SharePoint REST API
karamem0
0
860
Microsoft Ignite 2024 最新情報!Microsoft 365 Agents SDK 概要 / Microsoft Ignite 2024 latest news Microsoft 365 Agents SDK overview
karamem0
0
470
徹底解説!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
160
いまだから「検索」を語ろう! 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
1k
Other Decks in Programming
See All in Programming
新しいモバイルアプリ勉強会(仮)について
uetyo
1
260
学習を成果に繋げるための個人開発の考え方 〜 「学習のための個人開発」のすすめ / personal project for leaning
panda_program
1
110
「リーダーは意思決定する人」って本当?~ 学びを現場で活かす、リーダー4ヶ月目の試行錯誤 ~
marina1017
0
230
State of CSS 2025
benjaminkott
1
110
Claude Codeで実装以外の開発フロー、どこまで自動化できるか?失敗と成功
ndadayo
2
720
Microsoft Orleans, Daprのアクターモデルを使い効率的に開発、デプロイを行うためのSekibanの試行錯誤 / Sekiban: Exploring Efficient Development and Deployment with Microsoft Orleans and Dapr Actor Models
tomohisa
0
200
CSC305 Summer Lecture 05
javiergs
PRO
0
100
GUI操作LLMの最新動向: UI-TARSと関連論文紹介
kfujikawa
0
1k
令和最新版手のひらコンピュータ
koba789
14
7.9k
TanStack DB ~状態管理の新しい考え方~
bmthd
2
260
コーディングは技術者(エンジニア)の嗜みでして / Learning the System Development Mindset from Rock Lady
mackey0225
2
560
The State of Fluid (2025)
s2b
0
190
Featured
See All Featured
The Language of Interfaces
destraynor
160
25k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Documentation Writing (for coders)
carmenintech
73
5k
Writing Fast Ruby
sferik
628
62k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
183
54k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Designing for Performance
lara
610
69k
Producing Creativity
orderedlist
PRO
347
40k
Mobile First: as difficult as doing things right
swwweet
223
9.9k
Site-Speed That Sticks
csswizardry
10
780
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 スピーカーおよびイベント への感 想やご意見 アンケートにご協力ください