Viva Connections （コネクション）をセットアップ😀

# はじめに

Viva シリーズ、楽しいです。組織の中で広げていったら、もっと楽しく働けそうな気がする😀

# Viva Connectionsとは

おおざっぱにいうと、Viva Connections ＝ SharePointホームサイトです。ただ、新たにダッシュボードという機能も加わっているので、**SharePointホームサイト＋α**です。
Viva Connectionsを使うとイントラサイトをTeamsにシームレスに統合することができます。

公式から引用

> Viva Connectionsは、Microsoft Teamsで**他のユーザーと会うことを目的**としています。ユーザーは、通常、そこで仕事を完了します。 Viva Connectionsは、**SharePoint イントラネットの機能と Microsoft Teams、および Yammer や Stream などの他の Microsoft 365 アプリを組み合わせる**ことで、特定のコンテンツをプッシュし、人気のあるリソースを表示する機会を創出します。 Viva コネクションでは、**ダッシュボード、フィード、リソースの3つの主要なコンポーネント**を介して追加機能が用意されています。 3つのコンポーネントはすべて、デスクトップ デバイスとモバイル デバイスでの表示方法が異なります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80467/5be656ae-4c67-f10a-1e56-26a10105c656.png)


# Viva Connectionsのライセンス

Viva Engageと同様、**大企業向けのライセンスにはすでに含まれ**ています。それぞれ、**もととなる製品**があるため、当然といえば当然ですね。詳しくは下記リンクを確認してください。

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

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80467/856f4f0b-9754-e96c-555c-d82bf9ea291f.png)

# Viva Connectionsのセットアップ

下記ドキュメントを参考にセットアップをしていきます。

https://learn.microsoft.com/ja-jp/viva/connections/guide-to-setting-up-viva-connections

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80467/ea300d67-ce27-7064-b5d1-f515d42f4179.png)

## 前提

:::note warn
Viva Connectionsに指定できるSharePointサイトはモダンサイトでなければなりません。
クラシックサイトの場合は指定できません。
:::

## 手順 1: イントラネット ナビゲーションの設計とコンテンツを準備する

Viva コネクションを設定するとき、SharePointアプリバーの**グローバル ナビゲーション**と**SharePointホームサイトのナビゲーション**は、Vivaコネクションの全体的な体験に影響を与えます。
イントラネットの準備に取り組んでいる間、関係者と連携して、Viva コネクションを介してサポートできる上位シナリオを定義します。**モバイルデバイスで簡単に完了できるタスクとシナリオに重点を置き**ます。

## 手順 2: SharePoint でホーム サイトを指定する

SharePoint管理センターからホームサイトを指定します。ホームサイトはテナントでひとつです。

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

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80467/efd0e086-9a71-bd44-cbe3-9600f9f351af.png)


## 手順 3: SharePoint アプリ バーを有効にしてグローバル ナビゲーションをカスタマイズする

SharePointアプリバーを使用すると、ユーザーは重要なコンテンツとリソースを見つけることができ、パーソナライズされたサイト、ニュース、ファイルを動的に表示できます。 Viva コネクションでは、デスクトップとモバイル エクスペリエンスに **SharePointアプリバーとグローバルナビゲーションの要素を使用**します。 SharePointアプリバーの要素は Microsoft Teams に表示され、グローバルナビゲーション、フォローしているサイト、おすすめのニュースが含まれます。**モバイルデバイスでは、[リソース] タブにグローバルナビゲーションが使用**されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80467/80517df5-4e89-da4d-518e-04f5331cb3d3.png)

## 手順 4: SharePointでダッシュボードを作成し、カードを追加し、対象ユーザーを適用する

ホームサイトの右上に歯車をクリックして、**「Viva 接続の管理」**を押すとダッシュボードの編集画面になります。このダッシュボードはViva ConnectionsのTOP画面になります。

カード（コンテンツ）については3種類あります。

1. 構成済みのカード
1. アダプティブカード
1. カスタムカード

カスタムカードはSharePoint Frameworkを使って開発できます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80467/64f9619f-9ca5-52b8-9064-8783132545d4.png)

### **モバイルダッシュボード編集画面**

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80467/d86c3ba8-b643-68c3-1fc8-620aebe57da5.png)

### **デスクトップダッシュボード編集画面**

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80467/b518df42-0e51-07e4-2505-e5887ee23cec.png)

## ダッシュボードの表示のされ方

モバイルTeamsからViva Connections にアクセスすると、ダッシュボードのみが表示されます。
デスクトップPCのTeamsからViva Connectionsにアクセスすると、SharePointのホームサイトが表示され、ホームサイトではダッシュボードパーツを表示することができます。

## 手順 5: SharePointニュースとYammerを使用してフィードのコンテンツを準備する

3つの主要なコンポーネントのひとつ、**フィード**では、**モダンSharePoint**と**SharePointニュース**、または**Yammerコミュニティ**が表示されます。まだ使用していない機能があれば、活用していきましょう💪

https://support.microsoft.com/ja-jp/office/%E7%B5%84%E7%B9%94%E3%81%AE%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9-%E3%82%B5%E3%82%A4%E3%83%88%E3%81%8B%E3%82%89-sharepoint-%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9%E3%82%92%E3%83%96%E3%83%BC%E3%82%B9%E3%83%88%E3%81%99%E3%82%8B-46ad8dc5-8f3b-4d81-853d-8bbbdd0f9c83

組織で重要なニュースには**ブースト**をすることができます。
ニュースをブーストすると4日間、ニュースカードに固定されます💪

https://qiita.com/akihiro_suto/items/985039e4d2f656dda275

https://learn.microsoft.com/ja-jp/sharepoint/organization-news-site

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80467/3b4e24e0-b5fd-2c00-402a-3e2b5b857a5e.png)

## 手順 6: Microsoft Teams 管理センターで Viva Connections アプリを有効にする

Viva Connectionsは私のテナントでは既定でONになっていなかったため、**Teams管理センターでアプリを許可してあげる必要**がありました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80467/94506a7e-cdf8-0122-48ca-9c14f8add265.png)

## 手順 7: Viva Connections モバイルアプリの設定を選択する

Viva Connectionsアプリは、既定ではTeamsアプリに事前にインストールされていません。
Teams管理センターから、管理者側でインストールしてあげたり、ピン留めをしてあげたりできます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80467/1799d3b2-71ba-f675-5766-b55e3674513e.png)

## 手順 8: Viva Connectionsにアクセスして使用する方法をユーザーに知らせる

全社メールなりなんなり使って、 Viva Connectionsの存在を伝えましょう。
会社のイントラサイト、ポータルサイトとなるので、Viva Connectionsという名前である必要もないです。
Teams管理センターからアプリの名前やアイコンも変更することができるので、思い切って **「〇〇社ポータル」とかに変えてしまう** のもいいかもしれませんね。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80467/ba615a4a-31e3-936a-f639-7c8792160b59.png)

# まとめ

Viva Connectionsを使用すると、TeamsとSharePoint、Yammerなどの組織の情報をひとつの画面に集約することができます。Viva Connectionsをハブに組織のコミュニケーションを増やしていきたいですね💪😀