演習 - Viva コネクションを拡張するための開発ツールをインストールする
この演習では、Viva コネクション拡張機能を構築するために必要なツールをインストールします。 さらに、このモジュールの他の演習で使用されるサンプル データを含む SharePoint リストを作成します。
ヒント
Viva コネクションの拡張性に関する別のモジュールに従いながらこれらの手順を完了した場合は、このユニットをスキップできます。
SharePoint Framework Yeoman ジェネレーターとその前提条件をインストールする
SharePoint Framework を使用してアプリケーションを構築するには、SharePoint Framework Yeoman ジェネレーターをインストールする必要があります。 ジェネレーターの足場 SharePoint Framework プロジェクトは、アプリケーションを構築するための開始点を提供します。
重要
以前に SharePoint Framework を使用したことがある場合は、コンピューターにバージョン 1.13 以降の SharePoint Framework Yeoman ジェネレーターがインストールされていることを確認してください。 SharePoint Framework では、バージョン 1.13 以降の Viva コネクションの拡張がサポートされています。
インストールされているバージョンを確認するには、ターミナルで npm list --global --depth=0 を実行し、@microsoft/generator-sharepoint パッケージのバージョンをチェックします。 1.13 未満の場合は、npm uninstall --global @microsoft/generator-sharepoint を実行してアンインストールします。
SharePoint Framework Yeoman ジェネレーターがインストールされていない場合、またはアンインストールした場合は、次の手順に従ってコンピューターにセットアップします。
- ターミナルを開きます。
-
node -vコマンドを実行して、Node.js v14 がインストールされていることを確認します。 別のバージョンがインストールされている場合は、それをアンインストールして、v14 をインストールします。 - ターミナルで を実行
npm install --global yo gulp @microsoft/generator-sharepointします。 このコマンドは、SharePoint Framework Yeoman ジェネレーターを Yeoman および Gulp と共にインストールします。これは、SharePoint Framework を操作するために必要です。 - インストールが完了するまで待ちます
サンプル データを使用して SharePoint リストを作成する
この学習モジュールの次の演習では、SharePoint リストに格納されているアナウンスを表示する Viva コネクション拡張機能を構築します。 次の手順は、リストを作成する方法およびサンプル データを追加する方法を示しています。
新しい SharePoint リストを作成する
Web ブラウザーで、Microsoft 365 テナントのホーム サイトにアクセスします。
ヒント
Microsoft 365 テナントでホーム サイトとして構成されているサイトを確認するには、SharePoint 管理センターに移動します。 [設定] メニューの [ホーム サイト] を選択します。
ホーム サイトで、上部のメニューから [新規>リスト] を選択します。
作成するリストの種類から、[空白リスト] を選択します。
[名前] フィールドに、「通知」 と入力します。
[作成] を選択します。
次に、新しく作成したリストを追加の列で拡張して、アナウンスの内容を保存します。
- リスト見出しから、[列の追加>複数行のテキスト] を選択します。
- 名前 フィールドに、「説明」と入力します。
- [保存] を選択します。
リストを別の列を追加して拡張して、重要なアナウンスを追跡します。
- リスト見出しから [列の追加>はいいいえ] を選択します。
- [名前] フィールドに、「重要」と入力します。
- [既定値] ドロップダウン リストで、値を [いいえ] に変更します。
- [保存] を選択します。
リストのツール バーの [新規] ボタンを使用して、いくつかのテスト アナウンスを作成します。 [重要] 列を選択して、そのうちの 1 つを重要としてマークします。