Viva コネクションの機能について

完了

このユニットでは、Viva コネクションを拡張する方法の概要について説明します。 これらの拡張機能の詳細については、概要ユニットの Viva コネクション機能拡張に関する専用 Learn モジュールへのリンクを参照してください。

Web パーツ

Viva コネクション デスクトップ エクスペリエンスは、SharePoint Online の最新の SharePoint ページを通じて実装されます。 これらのページは、Web パーツという名前の HTML ウィジェットで拡張できます。 エディターは、ページのコンテンツ領域に Web パーツを配置し、必要に応じて構成できます。

さまざまなセクションと Web パーツを表示する編集モードのモダン SharePoint ページのスクリーンショット。

アプリケーション カスタマイザー

Viva コネクション デスクトップ エクスペリエンスを拡張するもう 1 つの方法は、アプリケーション カスタマイザーを使用することです。 アプリケーション カスタマイザーを使用すると、ヘッダーやフッターなど、SharePoint ページの既知の場所に HTML と JavaScript を挿入できます。

アプリケーション カスタマイザーは、分析追跡などのバックグラウンド コードを実行するのに役立ちます。 また、ページ上の事前定義されたコンテンツ プレースホルダーの 1 つに情報を表示するために使用することもできます。 管理者はアプリケーション カスタマイザーを有効にしますが、ユーザーは Web パーツを追加できます。

アプリケーション カスタマイザーを通じて作成されたサイト フッターのスクリーンショット。

アダプティブ カード拡張機能

アダプティブ カード拡張機能 (ACE) は Web パーツに似ていますが、アダプティブ カードを使用して UI を実装します。 アダプティブ カードは、デスクトップおよびモバイル クライアントでレンダリングできる JSON 構造です。

ACE の利点は、組織内のユーザーが構成する特別なダッシュボードを使用して、Viva コネクションのモバイルとデスクトップの両方のエクスペリエンスで作業することです。 デスクトップ エクスペリエンスでは、ダッシュボードは、エディターがページに配置できる特別な Web パーツを通じて埋め込まれます。 モバイル エクスペリエンスでは、Viva コネクション モバイル アプリは、Microsoft 365 テナントのホーム サイトで構成されているダッシュボードを自動的に検出して読み込みます。

アダプティブ カード拡張機能のサンプルを示すスクリーンショット。

アダプティブ カード拡張機能の特別な点は、エディターが特定のユーザー グループにのみ表示されるように構成できることです。 この機能により、組織はユーザーに最も関連性の高いカードを表示できます。

最新の Web テクノロジを使用して Viva コネクションを拡張する

SharePoint Framework を使用して、Web パーツ、アプリケーション カスタマイザー、およびアダプティブ カード拡張機能を構築します。 SharePoint Framework は、最新の Web テクノロジーに基づく開発モデルです。 プログラミング言語として TypeScript、タスクを実行するために Gulp、スキャフォールド プロジェクトに Yeoman、ランタイムとして Node.js を使用します。

SharePoint Framework で開発するには、TypeScript を知っておく必要があります。 Microsoft と開発者コミュニティは React を使用して多くのサンプルを作成しましたが、SharePoint Framework では任意の JavaScript フレームワークを使用できます。 基盤となるツールチェーンを理解することは、高度なシナリオで役立ちますが、開始する必要はありません。