Viva Connectionsの話

Viva Connections 2022 / 07 / 30 Office 365 勉強会

自己紹介 • 寺田 敬佑(@teraco) • 都内SIer勤務。MS系エンジニア。 • twitterでM365についての忌憚なき意見をつぶやいてる人

Viva Connections(Vivaシリーズ)を調べようと思った動機 ◼ 特に仕事で使う事はないが、分からないまま放っておくのも嫌だった ◼ ちょうどOffice 365 勉強会があるので、参加して勉強しようと思った ◼ 発表者を募集しているようだし、発表した方が勉強になるかな? ◼ 今に至る

Microsoft Vivaって? Microsoft Viva は仕事の流れの中でコミュニケーション、知識、学習、リソース、インサイ トを集約する従業員エクスペリエンス プラットフォームです。Microsoft 365 を活用し、 Microsoft Teams を通して体験される Viva は、従業員とチームが場所を問わずそれぞ れの最高の状態となれるように力を与える文化を育てます。 🤔 技術勉強会なので、機能ベースで考えよう

Microsoft Vivaって? 🤔 従業員エクスペリエンス プラットフォームのプランと価格 | Microsoft Viva より

• https://www.microsoft.com/ja-jp/microsoft-viva/pricing

Microsoft Viva ゴール = Ally.io =OKR管理ソフトウェア 0から開発するのではなく、 Yammerのように外 部ソフトウェアを買収することによってM365の機 能を強化。 Viva ゴールを知る = Ally.ioを調べればよい。

Ally.ioについていろいろと。 ◼ OKRベースの目標管理に特化したSaaS ◼ 従来型の目標管理SaaSに比べて出発点がOKRなのでOKR重視の企業は使いやすい ◼ また価格も(調べた限りは)フル機能の目標管理SaaSより安価($7/user) ◼ OKRが流行った波に乗って成長 ◼ 2019年にシリーズA,Bの資金調達。2021年にシリーズC。 ◼ Ally.io の競合であるGtmhub、Perdoo、WorkBoardの全てが2022年は100%以上の 成長 (参考：Ally raises $8M Series A for its OKR solution | TechCrunch / Ally.io rasies $50M Series C as the OKR software market stays explosive | TechCrunch)

• https://techcrunch.com/2021/02/17/ally-io-rasies-50m-series-c-as-the-okr-software-market-stays-explosive/
• https://techcrunch.com/2019/08/19/ally-raises-8m-series-a-for-its-okr-solution/

日本で言うと… OKRに特化しているのは、Resilyくらい。 国内最大級のHR Techメディア「HRテックガイド」が、『HRテックカオスマップ【2022年最新版】』を発表しました より

• https://prtimes.jp/main/html/rd/p/000000002.000088832.html

調査の過程で見つけてしまったもの 🤔 🤔 Microsoft Inspire 2022 Recap - Teams and Viva Engage! - YouTube より

• https://www.youtube.com/watch?v=GC1-pzmjuVY

Viva Engageとは? Viva EngageはYammerである Yammerへのアクセス 呼び名 機能 YammerのWebアクセス Yammer ストーリーライン(インスタのストーリー機能)の追加 Yammerモバイルアプリ Yammer ストーリーライン(インスタのストーリー機能)の追加 Teams / OutlookのCommunitiesアプリ Viva Engage ストーリーライン(インスタのストーリー機能)の追加 Microsoft Viva Engage を発表 - Windows Blog for Japan / Announcing Microsoft Viva Engage - Microsoft Tech Communityより 10

• https://blogs.windows.com/japan/2022/07/22/announcing-microsoft-viva-engage/
• https://techcommunity.microsoft.com/t5/microsoft-viva-blog/announcing-microsoft-viva-engage/ba-p/3571382

Viva Salesとは? ◼ Dynamics 365とは別物 ◼ Outlook / Teamsをフロントエンドとして、効率的にCRMに情報を入力し、CRMの情 報を元にAIによる営業アクション提案を受け取る製品…? Supercharge your CRM with Microsoft Viva Sales - YouTubeより 11

• https://www.youtube.com/watch?v=PCUVc08kmbA

多分あってるVivaシリーズまとめ 製品名 対象者 機能を一言で 価格 Viva Learning 単品$4、Suiteライセンス$9 Viva Insights Viva Topics Viva Connections 全ての 従業員向け 本勉強会の中で明らかに！ 単品$4、Suiteライセンス$9 単品$4、Suiteライセンス$9 無償(M365ライセンスに内包) Viva Goals ally.io。 単品?、Suiteライセンス$9 Viva Engage Yammerにインスタ機能がついた 無償(Yammerライセンスに内包) Dynamics 365をOutlook / Teamsか ら使いやすくした 別価格(D365使ってれば無料の予定) Viva Sales 職種特化 12

Microsoft Viva コネクションって? 🤔 従業員エクスペリエンス プラットフォームのプランと価格 | Microsoft Viva より

• https://www.microsoft.com/ja-jp/microsoft-viva/pricing

Microsoft Viva コネクションって? M365を持っていれば無償 で使えてしまうのでは🤔 14

Microsoft Viva コネクションって? 無償だったら使わなきゃ損 でしょ🤣 VS 無償だから機能がしょぼい のでは🤔 15

◼ Viva Connectionsのセットアップ 16

使ってみよう！と思いきや… Viva Connectionsを使 おうと思ったら、 SharePointを構築してい た。何を言ってるかわから ねーと思うが(略 組織のホーム サイトを計画、構築、および立ち上げる | Microsoft Docs より 17

• https://docs.microsoft.com/ja-jp/viva/connections/home-site-plan

ホームサイトのメリットとは?調べてみました！ • M365を契約しているなら無料 • 全社ポータル利用を想定した機能が実装 されている • 掲載した情報は、組織の全社員が閲覧 できる前提 • 部内のポータルならチームサイトを利用 • さまざまなM365アプリで“ホームページ” に指定できる SharePointで全社ポータルを作るなら、コミュニ ケーションサイトを作ってホームサイトを指定するのが、 ベストプラクティスぽい。 18

ホームサイトを設定してみる 念のためサイトを新規作成 する 19

ホームサイトに適当なテンプレートを適用する(この作業は必須ではない) 20

グローバルナビゲーションを有効にする 21

グローバルナビゲーションを編集する 22

Teamsからグローバルナビゲーションを閲覧する モバイル(Teamsアプリ) デスクトップ(Teamsクライアント) 23

◼ Viva Connectionsのセットアップが完了しました 24

ここでViva Connectionsの機能をご紹介 コンポーネント 説明 イメージ図 ダッシュボード ダッシュボードは、従業員が必要とするツールをまとめ、オフィスでも現場でもすばやく 簡単にアクセスできるようにする従業員のデジタル ツールセットです。 ダッシュボードは、 従業員が操作できる動的カードを使用して、簡単なタスクを完了したり、重要なデー タを確認したりします。 SharePoint で作成され、Viva コネクション Teams モバイル アプリに公開されます。 Viva コネクション ダッシュボードのカードは、アダプティブ カードと SharePoint Framework (SPFx) に基づいています。 これらは、基幹業務アプリをダッシュボードに 取り込むためのローコード ソリューションを提供します。 さらに、デスクトップ版 Viva コ ネクションでは、エクスペリエンスは SharePoint ホーム サイトを使用します。 SharePoint ホーム サイトは、SPFx Web パーツおよび拡張機能を使用して拡張で きます。 フィード Viva コネクション フィードは、強力なターゲット設定とスケジュール設定機能を使用し て、適切なユーザーに適切なタイミングで更新プログラムを提供します。 Yammer、 SharePoint ニュース、および Stream と緊密に統合されており、従業員が属するグ ループのポストレベルのターゲット設定に基づいて、パーソナライズされたフィードを表 示します。 一元化された企業コミュニケーション シナリオと民主化されたニュース シナ リオの両方をサポートします。 モバイルの Viva コネクション Teams アプリで、およびデ スクトップの Web パーツとして利用できます。 リソース Viva コネクション Resources のエクスペリエンスにより、プラットフォーム間での経路検 索が可能になります。 これは、SharePoint アプリ バーのナビゲーション要素を使用し ており、対象ユーザーをターゲットにすることができます。 たった今設定したグローバル ナビゲーションでは?🤔 概要: Viva コネクション | Microsoft Docs より25

• https://docs.microsoft.com/ja-jp/sharepoint/dev/spfx/sharepoint-framework-overview
• https://docs.microsoft.com/ja-jp/sharepoint/dev/spfx/viva/overview-viva-connections
• https://docs.microsoft.com/ja-jp/viva/connections/use-feed-web-part-for-viva-connections
• https://docs.microsoft.com/ja-jp/viva/connections/viva-connections-overview

Viva Connections 機能紹介 ◼ ダッシュボード ◼ フィード ◼ リソース (←終わりました) 26

Viva Connections ダッシュボードの設定 モバイルビュー デスクトップビュー 27

Viva Connections ダッシュボードの設定(リンクの追加) 28

Viva Connections ダッシュボードの設定(発行)

Viva Connections ダッシュボードの設定(パーツ追加 → 閲覧) デスクトップ 30

Viva Connections ダッシュボード(モバイルからの見え方) モバイル(Teamsアプリ) モバイル(SPOアプリ) 31

いろいろなカードを追加してみる 承認 承認 タスク(Microsoft Todo) カードデザ イナー Microsoft Teams Shift Teamsアプリ Microsoft Teams Shift SharePoint ニュース Viva Learing タスク(Microsoft Todo) Teamsアプリ SharePoint ニュース Web Link Viva Learing 32

Card Designer…? 自作のAdaptive Cardsを 作成し、ダッシュボードに Webパーツとして表示できる テンプレートの概要 - Adaptive Cards | Microsoft Docs より 33

• https://docs.microsoft.com/ja-jp/adaptive-cards/templating/

標準のカード以外に使えるもの 3rdパーティーのSaaSメーカーが作成したカードを SharePointストアから取得し、カードとして利用する ことができます。 Web パーツ、アプリケーション カスタマイザー、アダプ ティブ カード拡張機能を利用して、自力でカードを 開発することもできます。 Viva コネクション ダッシュボードの作成 | Microsoft Docs Explore and deploy SharePoint Framework solutions from partners in SharePoint (Microsoft 365) Viva コネクションの拡張性機能拡張について - Learn | Microsoft Docs より 34

• https://docs.microsoft.com/ja-jp/viva/connections/create-dashboard
• https://techcommunity.microsoft.com/t5/microsoft-sharepoint-blog/explore-and-deploy-sharepoint-framework-solutions-from-partners/ba-p/2645289
• https://docs.microsoft.com/ja-jp/learn/modules/viva-connections-get-started/4-understand-viva-connections-extensibility-capabilities

標準のカード以外に使えるもの 利用機能 標準 or カスタム デスクトップビュー モバイルビュー 3 rdパーティーアプリケーション カスタムコンポーネント ○ ○ Web パーツ カスタムコンポーネント(要開発) ○ × アプリケーション カスタマイザー カスタムコンポーネント(要開発) ○ × アダプティブ カード拡張機能 カスタムコンポーネント(要開発) ○ ○ Card Designer 標準コンポーネント ○ ○ モバイルファーストを考えると、よほどの理由 がない限りモバイルビューで利用できない機 能は避けた方がいいのかなと思いました。 35

Viva Connections 機能紹介 ◼ ダッシュボード (←終わりました) ◼フィード ◼ リソース (←終わりました) 36

Viva Connections フィードの設定 既にフィードが設定されている前提の説明🤣 37

Viva Connections フィードの設定 1.フィードの元ネタの投稿 (Yammer,SPOニュース,SPO動画) 2.フィードWebパーツの設定 38

Viva Connections フィード(モバイルからの見え方) モバイル(Teamsアプリ) モバイル(SPOアプリ) 39

余談：My feedとFeed for Viva Connectionsの違い ・My feedは自身のミーティング予定や利 用した資料など、自身がかかわる Microsoft 365上の情報を表示する ・Feed for Viva Connectionsは組織の ニュース、動画、Yammerの投稿を表示す る My Feed：個人のフィード Feed for Viva Connections：会社のフィード 40

◼ ダッシュボード (←終わりました) ◼ フィード(←終わりました) ◼ リソース (←終わりました) ◼考察 41

ここまでで思ったこと SharePoint Onlineで出来てい たことと、大差ないのでは🤔 42

SharePoint Onlineの機能で、Viva Connectionsを実装できる…? ホームサイト ホームサイト ダッシュボード パーツ1 パーツ2 パーツ3 パーツ4 パーツ1 パーツ2 パーツ3 パーツ4 パーツ5 パーツ6 パーツ7 パーツ8 パーツ5 パーツ6 パーツ7 パーツ8 News Yammer Feed for Viva Connections 43

“ダッシュボード”で選べるWebパーツと、通常のWebパーツの比較 ダッシュボード 承認 タスク(Microsoft Todo) SharePoint ニュース カードデザ イナー Viva Learing Microsoft Teams Shift Teamsアプリ Web Link SharePoint ページで Web パーツを使用 (microsoft.com) より詳細を確認可能

• https://support.microsoft.com/ja-jp/office/sharepoint-ページで-web-パーツを使用-336e8e92-3e2d-4298-ae01-d404bbe751e0

“ダッシュボード”で選べるWebパーツと、通常のWebパーツの比較 ダッシュボード 承認 タスク(Microsoft Todo) SharePoint ニュース カードデザ イナー Viva Learing Microsoft Teams Shift Teamsアプリ Web Link 従来のSharePoint Webパーツに比べ て、個人毎に見える情報が変わるWeb パーツが多い気がする🤔

全てのViva Connectionsパーツは、ユーザーの閲覧権限を制御可能 これはマネージャー以上 のみ表示する 承認 タスク(Microsoft Todo) 閲覧対象のユーザーまた はグループを指定可能 Microsoft Teams Shift Viva Learing Teamsアプリ SharePoint ニュース これは現場作業員のみ 表示する Viva コネクションで対象ユーザーの設定を使用してエクスペリエンスをカスタマイズする | Microsoft Docs より 46

• https://docs.microsoft.com/ja-jp/viva/connections/use-audience-targeting-in-viva-connections

想定されるユースケース 利用機能 ユーザー個別設定シーン 承認カード 承認をよく使うユーザーにのみ、カードを見せる 割り当てられたタスク カード (想定なし) カード デザイナーを使用したカード カードを利用するユーザーにのみ、カードを見せる Teams アプリ カード アプリを利用しているグループにのみ、カードを見せる サード パーティ製のカードまたは Microsoft Apps アプリを利用しているグループにのみ、アプリを見せる トップ ニュース カード (想定なし) シフト カード シフトアプリを利用しているグループにのみ、アプリを見せる Web リンク カード グループに応じて必要なリンク集をまとめ、ユーザーに見せる 備考 SharePoint Webパーツのクイックリ ンクでも閲覧制御が可能 47

TeamsからViva Connectionsが表示できるメリットについて考える デスクトップ環境の場合 Teamsから見えても、大きなメリットはない気がする🤔 48

TeamsからViva Connectionsが表示できるメリットについて考える SharePointアプリ Teamsアプリ Teamsからアクセス可能になるが、 ユーザーにとって良いのかどうか🤔 49

◆作戦1-1. SharePointを主として使う ◼ SharePointアプリが浸透している場合は、引き続きSharePointアプリを利用するのが 良いのではないか? ◼ SharePointアプリが浸透していない場合、TeamsアプリからViva Connectionsにア クセスできるメリットはある ◼ ただし、下ペインからViva Connectionsを選択しなければいけないので、アクセスしやすい とは言いづらい 50

◆作戦1-1. SharePointを主として使う ◼ Viva Connctionsのフィード、ニュースは利用しつつ、 SharePoint を引き続き主として 利用する。 アクセス元 環境 アクセス元アプリ Viva Connections(フィード、ニュース)の利用可否 ユーザーアナウンス デスクトップ ブラウザ ○Webパーツとして追加し、ダッシュボード・フィードを利用 可能とする ○ダッシュボード・フィードが利用可能 になったとアナウンス Teamsクライアント ○Webパーツとして追加し、ダッシュボード・フィードを利用 可能とする ○ダッシュボード・フィードが利用可能 になったとアナウンス SharePoint アプリ ○Webパーツとして追加し、ダッシュボード・フィードを利用 可能とする ○ダッシュボード・フィードが利用可能 になったとアナウンス Teamsアプリ ○Viva Connectionsアプリから、ダッシュボード・フィー ド・リソース可能 △アナウンスなし(禁止はしない) モバイル 51

◆作戦1-2. SharePointも利用し、Teamsアプリも利用する ◼ Viva Connctionsのアクセス元として、モバイルTeamsアプリも利用可能になったとアナ ウンスする アクセス元 環境 アクセス元アプリ Viva Connections(フィード、ニュース)の利用可否 ユーザーアナウンス デスクトップ ブラウザ ○Webパーツとして追加し、ダッシュボード・フィードを利用 可能とする ○ダッシュボード・フィードが利用可能 になったとアナウンス Teamsクライアント ○Webパーツとして追加し、ダッシュボード・フィードを利用 可能とする ○ダッシュボード・フィードが利用可能 になったとアナウンス SharePoint アプリ ○Webパーツとして追加し、ダッシュボード・フィードを利用 可能とする ○ダッシュボード・フィードが利用可能 になったとアナウンス Teamsアプリ ○Viva Connectionsアプリから、ダッシュボード・フィー ド・リソース可能 ○ダッシュボード・フィードが利用可能 になったとアナウンス モバイル 52

◆作戦1-1.と作戦1-2の比較 作戦 アクセス元アプリ メリット 1-1 SharePointを主として 使う 1-2 Teamsアプリを主に利用している SharePointも利用し、 潜在ユーザーが、ポータルサイトの Teamsアプリも利用する 情報にアクセスしやすくなる デメリット エンドユーザーへの影響が少ないた Teamsアプリを主に利用している潜在 め、スムーズに利用が開始できる ユーザーを取り逃してしまうリスクがある Teamsアプリからのアクセスもサポート する必要がある。検証項目が増える。 53

◆作戦1-1.と作戦1-2の比較：判断材料 ◼ アクセス数 ◼ ニュースなどへのアクセス数が、Viva Connectionsリリース前後でどう変化したか? ◼ アクセス元クライアント ◼ TeamsアプリからのViva Connectionsのアクセス数が増えたかどうか? ◼ 現時点では正確に取る方法はなさそう Microsoft 365 利用状況上は、モバイルWeb と表示される? Viva Connections内のURLをクリックすると、 Teamsアプリの内部ブラウザでWebページが開く 54

◆作戦2. Teamsモバイル専用にViva Connectionsを設計する ◼ SharePointにWebパーツとしてダッシュボード、フィードを追加しなければ、既存のホー ムサイトに影響を与えずViva Connectionsを利用できる アクセス元 環境 アクセス元アプリ Viva Connections(フィード、ニュース)の利用可否 ユーザーアナウンス デスクトップ ブラウザ ×Webパーツとして追加しないので、ダッシュボード・フィー ドは見えない 特になし Teamsクライアント ×Webパーツとして追加しないので、ダッシュボード・フィー ドは見えない 特になし SharePoint アプリ ×Webパーツとして追加しないので、ダッシュボード・フィー ドは見えない 特になし Teamsアプリ ○Viva Connectionsアプリから、ダッシュボード・フィー ド・リソースにアクセス可能 ○モバイルTeamsからViva Connctionsを利用するようアナウン ス モバイル 55

◆作戦2のメリット・デメリット 案 2 アクセス元アプリ メリット デメリット Teamsモバイル専用に Viva Connectionsを 設計する 既存のSharePoint Onlineのデザ インに影響を与えず、Viva Connectionsを利用開始できる Teamsアプリのみを想定してダッシュ ボード・フィードを設計すればいいの で、デザインを決めやすい。 Viva Connectionsのダッシュボード・ フィードにアクセスできるのがTeamsアプ リだけなので、導入する労力に比べて 効果が不明瞭 56

私の感想 コンポーネント イメージ図 使える?使えない? ダッシュボード • 元々、SharePointで出来たようなことも多いので、無理に使う必要はない • ダッシュボード内のWebパーツでやりたいことがある場合に、利用を検討す る • グループ毎に伝えたい情報が明確に分かれている場合、効果を発揮しや すい • SharePoint Onlineの定着状況によって、使う使わないが変わる フィード • SharePointのみを想定するなら、利用しなくてよい。既存の YammerWebパーツ、ニュースWebパーツでよい。 • モバイルではTeamsしか利用していないユーザーがいないなら、利用を検 討する リソース • 社内ポータルのサイトマップがある場合、サイトマップをここに再現してもよい のでは?ダッシュボードと同じく、ユーザーによって見せる・見せないの設定が できるので、作りこめば便利。 • ただ、既存のサイトマップがユーザーに浸透している場合、現時点では無 理に使う必要はない 57

まとめ ◼ 幅広く社内の利用者の声を聴き、利用者目線のポータルを作るのが良い ◼ ITに不慣れな人は情報をTeamsに集約したほうがアクセスしやすいなど、IT部門以外の意 見を取り入れるのが大事。 ◼ Viva Connectionsに限らず、使ってくれるユーザー目線で考え続けるのが大事 58

参考にした公式文献 概要: Viva コネクション | Microsoft Docs Get started with Microsoft Viva Connections - Learn | Microsoft Docs Microsoft Viva コネクションの拡張 - Learn | Microsoft Docs 59

• https://docs.microsoft.com/ja-jp/viva/connections/viva-connections-overview
• https://docs.microsoft.com/ja-jp/learn/paths/viva-connections-get-started/
• https://docs.microsoft.com/ja-jp/learn/paths/m365-extend-viva-connections/

おしまい