Global Office 365
Developer Bootcamp 2018 - Japan
27th October, 2018
自己紹介
いのうえ (SharePoint 紳士)
@SpRestaurant (https://twitter.com/SpRestaurant)
SharePoint レストラン (http://sprestaurant.hatenablog.com/)
Azure もくもく会@東京 (https://azure-moku2.connpass.com/)
Azure もくもくハンズオン (https://github.com/Azure-Moku2-Study/Azure-moku2-textbook)
某 SIer で Office 365 や Azure であれこれしている人です。
最近は、「Azure 系の開発」や「働き方云々おじさん」を生業にしてます。
Microsoft Teams 使ってますか?
Microsoft Teams を「おさらい」
公式の言葉では...
• コラボレーション ツールとグループ チャット ソフトウェア
• Office 365 でチームワークを実現するためのハブ
チームワークを実現するために
Microsoft Teams の開発
• Tabs
• Bots
• Connectors
• Messaging extensions
• Activity feed integrations
• Outgoing web hooks
構造的には、大きく 2 つに
分類できる
Microsoft Teams の開発
• Tabs
• Bots
• Connectors
• Messaging extensions
• Activity feed integrations
• Outgoing web hooks
Web ページ
Microsoft Teams の開発
• Tabs
• Bots
• Connectors
• Messaging extensions
• Activity feed integrations
• Outgoing web hooks
Web API アプリケーション
(Bot Framework など)
Tabs in MS Teams
https://docs.microsoft.com/ja-jp/microsoftteams/platform/concepts/tabs/tabs-overview
独自の Web ページ (アプリ) を
チームのタブに追加
Tabs in MS Teams
Personal tab app の例
Bots in MS Teams
(よくある) 対話式のボット
https://docs.microsoft.com/ja-jp/microsoftteams/platform/concepts/bots/bots-overview
Connectors in MS Teams
チャネル毎にコネクタを構成し、
各種システムから通知を受け取る
https://docs.microsoft.com/ja-jp/microsoftteams/platform/concepts/connectors/connectors
Messaging extensions in MS Teams
https://docs.microsoft.com/ja-jp/microsoftteams/platform/concepts/messaging-extensions
「・・・」からアプリを選択するかメン
ションすることでアプリを起動可能
Activity feed integrations in MS Teams
https://docs.microsoft.com/ja-jp/microsoftteams/platform/concepts/activity-feed
アプリからの通知を Title/Summary 情報で
表示することができる
Outgoing web hooks in MS Teams
https://docs.microsoft.com/ja-jp/microsoftteams/platform/concepts/outgoingwebhook
アプリ一覧画面から Webhook を登録
Webhook も Bot として扱われるため、
メンションすることでアプリが利用可能
ハンズオンで出来上がるもの
Web app
Bot app
Resource Group Azure DevOps
大まかな手順
• Bot を作成する
• Microsoft Teams アプリとしてパッケージ化する
• Bot を CI/CD を構成する
• Microsoft Teams アプリの CI/CD を構成する
• (Option) Bot を改造する
• (Option) Tab アプリを開発する
アプリを作っても、継続的に開発できる
環境を整えないと後々が辛い。
ここにフォーカス
Fin.

Global Office 365 Developer BootCamp 2018 - Japan

  • 1.
    Global Office 365 DeveloperBootcamp 2018 - Japan 27th October, 2018
  • 2.
    自己紹介 いのうえ (SharePoint 紳士) @SpRestaurant(https://twitter.com/SpRestaurant) SharePoint レストラン (http://sprestaurant.hatenablog.com/) Azure もくもく会@東京 (https://azure-moku2.connpass.com/) Azure もくもくハンズオン (https://github.com/Azure-Moku2-Study/Azure-moku2-textbook) 某 SIer で Office 365 や Azure であれこれしている人です。 最近は、「Azure 系の開発」や「働き方云々おじさん」を生業にしてます。
  • 3.
  • 4.
    Microsoft Teams を「おさらい」 公式の言葉では... •コラボレーション ツールとグループ チャット ソフトウェア • Office 365 でチームワークを実現するためのハブ
  • 5.
  • 6.
    Microsoft Teams の開発 •Tabs • Bots • Connectors • Messaging extensions • Activity feed integrations • Outgoing web hooks 構造的には、大きく 2 つに 分類できる
  • 7.
    Microsoft Teams の開発 •Tabs • Bots • Connectors • Messaging extensions • Activity feed integrations • Outgoing web hooks Web ページ
  • 8.
    Microsoft Teams の開発 •Tabs • Bots • Connectors • Messaging extensions • Activity feed integrations • Outgoing web hooks Web API アプリケーション (Bot Framework など)
  • 9.
    Tabs in MSTeams https://docs.microsoft.com/ja-jp/microsoftteams/platform/concepts/tabs/tabs-overview 独自の Web ページ (アプリ) を チームのタブに追加
  • 10.
    Tabs in MSTeams Personal tab app の例
  • 11.
    Bots in MSTeams (よくある) 対話式のボット https://docs.microsoft.com/ja-jp/microsoftteams/platform/concepts/bots/bots-overview
  • 12.
    Connectors in MSTeams チャネル毎にコネクタを構成し、 各種システムから通知を受け取る https://docs.microsoft.com/ja-jp/microsoftteams/platform/concepts/connectors/connectors
  • 13.
    Messaging extensions inMS Teams https://docs.microsoft.com/ja-jp/microsoftteams/platform/concepts/messaging-extensions 「・・・」からアプリを選択するかメン ションすることでアプリを起動可能
  • 14.
    Activity feed integrationsin MS Teams https://docs.microsoft.com/ja-jp/microsoftteams/platform/concepts/activity-feed アプリからの通知を Title/Summary 情報で 表示することができる
  • 15.
    Outgoing web hooksin MS Teams https://docs.microsoft.com/ja-jp/microsoftteams/platform/concepts/outgoingwebhook アプリ一覧画面から Webhook を登録 Webhook も Bot として扱われるため、 メンションすることでアプリが利用可能
  • 16.
  • 17.
    大まかな手順 • Bot を作成する •Microsoft Teams アプリとしてパッケージ化する • Bot を CI/CD を構成する • Microsoft Teams アプリの CI/CD を構成する • (Option) Bot を改造する • (Option) Tab アプリを開発する アプリを作っても、継続的に開発できる 環境を整えないと後々が辛い。 ここにフォーカス
  • 18.