クラシックとモダンの Web パーツ エクスペリエンス

適用先
SharePoint Server 2019

SharePoint の Web パーツを使用すると、あらゆる経験レベルのユーザーが強力でカスタマイズ可能な機能をページに追加できます。  最新の Web パーツ は、さらに使いやすく、モバイル対応で、見栄えも良いように設計されています。

モダン Web パーツの多くは従来の Web パーツと同じ目的を果たしますが、外観と機能に違いがあります。

モダン ページではモダン Web パーツのみを使用でき、クラシック ページではクラシック Web パーツのみを使用できます。 例外は、最新のページで使用するために特別に設計されたカスタム Web パーツです。 開発者の場合、SharePoint Framework を使用すると、Web パーツ ツールボックスに直接表示されるカスタムの最新の Web パーツを構築できます。 開発者は、[ 従来の SharePoint サイトの最新化] でガイダンスとツールを見つけることもできます。 

セキュリティ上の理由から、最新の Web パーツでは JScript のようなコードを挿入できないことに注意することが重要です。

モダン Web パーツとクラシック Web パーツの比較

クラシック Web パーツとモダン Web パーツの 1 対 1 のマッピングはありませんが、同様の目的を持つ Web パーツはあります。  目的に基づいて一般的に使用される Web パーツの一部と、最新の Web パーツの違いをいくつか示します。

  • これは、Web パーツの完全な一覧ではありません。 特定の Web パーツについて疑問に思う場合は、ページの下部にある [この情報は役に立ちましたか] の横にある [はい] または [いいえ] を選択し、フィードバックを残してお知らせください。 
  • Office アプリ内から送信すれば、最速でお客様のご意見が Microsoft の開発者に届きます。 「Microsoft Office に関するフィードバックを送信する方法」を参照してください。
用途 クラシック モダン
テキストやその他のコンテンツを追加する コンテンツ エディター Web パーツ
テキストやその他のコンテンツを Wiki ページに直接追加する
テキスト Web パーツ
テキスト Web パーツを使用すると、ページ上のテキストや表を簡単に追加して書式設定することができます。 テキストの書式設定やスタイルの変更などを行うことができる書式設定ツール バーがあります。 ただし、コンテンツ エディター Web パーツとは異なり、Web パーツ内で HTML を編集することはできません。 入れ子になったテーブルはまだサポートされていません。 ページ間のリンクを作成するために使用されるような Wiki 構文は、ページまたはテキスト Web パーツではサポートされていませんが、テキスト Web パーツ内にリンクを作成するのは簡単です。 テキスト Web パーツ内に画像をインラインで追加することはまだできませんが、画像 Web パーツを使用してテキスト Web パーツと共に画像を追加できます。
ドキュメント ライブラリを表示する ライブラリ ドキュメント ライブラリ
クラシック サイトでライブラリを作成すると、ライブラリ Web パーツが自動的に作成され、ページに表示することを選択できます。 モダン ドキュメント ライブラリ Web パーツを使用すると、表示するライブラリを選択し、ライブラリの特定のビューまたはライブラリ内のフォルダーも表示できます。 適切なアクセス許可を持つユーザーは、Web パーツから直接ファイルを追加、表示、または編集できます。 ユーザーは、ドキュメントをライブラリの一番上にピン留めしたり、ファイルをダウンロード、削除、名前変更したりすることもできます。 さらに、ファイルは詳細ビューまたはタイル ビューで表示でき、列の書式設定とソース リストで作成された入れ子になったフォルダーが表示されます。
リストを表示する 一覧 リスト
クラシック サイトでリストを作成すると、そのリスト用にリスト Web パーツが自動的に作成され、ページ上に表示するように選択できます。 最新のリスト Web パーツを使用すると、リストを選択し、独自のタイトル、ビュー、さらにはサイズでカスタマイズできます。 ユーザーは、リストを表示、フィルター処理、並べ替え、グループ化できます。 さらに、ソース リストで作成された書式設定された列と入れ子になったグループが Web パーツに表示されます。
ファイルを表示する ページ ビューアー ファイル ビューアー
最新のファイル ビューアー Web パーツを使用すると、使い慣れた Word、Excel、PowerPoint ファイルだけでなく、3D モデルや医療画像などの高度なファイルの種類を含む 270+ 以上のファイルの種類を埋め込むことができます。

メモ:SharePoint 2019 では、挿入できるファイルの種類は Word、Excel、PowerPoint (具体的には .doc、.docx、. xls、.xlsx、.pot、.potx、.ppt、.pptx) に制限されています。埋め込み Web パーツ
埋め込み Web パーツを使用すると、埋め込みを許可しているサイト (YouTube など) のコンテンツをページ上に表示できます。 Web サイトによっては、サイトが提供するサイトの Web アドレスまたは埋め込みコードを使用できます。
連絡先の追加 連絡先の詳細 Web パーツ People Web パーツ
従来の連絡先の詳細 Web パーツでは、一度に 1 つの連絡先を手動で追加できます。 モダン People Web パーツを使用すると、視覚情報や組織情報と共に、ユーザー プロファイルから複数の連絡先を追加できます。 連絡先の詳細の外観をコンパクトからわかりやすいものに変更できます。つまり、連絡先に関する詳細をページ上に表示できます。
画像の追加 画像 Web パーツ
コンテンツ エディター Web パーツ
ピクチャ ライブラリ
画像 Web パーツ
画像 Web パーツは、画像の追加のソース (最近使用したファイル、Web 検索、OneDrive) を追加します。 画像のサイズ変更は、標準およびカスタムの比率に変更できます。
イメージ ギャラリー Web パーツ
画像ギャラリー Web パーツを使用すると、タイルまたはカルーセル レイアウトに画像を追加できます。 カルーセル レイアウトでは、画像を使い慣れた比率のサイズに設定できます。 小さい画像は塗りつぶし比率に合わせてサイズ変更されますが、大きい画像はサイズ変更されません。
ヒーロー Web パーツ
ヒーロー Web パーツは、タイルまたはレイヤーの配置で最大 5 つの要素を表示するように設定でき、必要に応じて個々の要素にフォーカスを移動できます。 個々の要素には、タイトル、特定の画像、代替テキストを含めることができます。 必要に応じて要素を配置することもできます。
ファイル ビューアー
3D モデルを表示するには、ファイル ビューアーを使用します。 これは、医療モデルに特に役立ちます。
ページにビデオを表示する メディア Web パーツ ファイル ビューアー
ファイル ビューアー Web パーツを使用すると、SharePoint サイト (など) のローカル ビデオを表示できます。MOV、.MP4、および.WMV) を含みます。
埋め込み Web パーツ
埋め込み Web パーツを使用すると、埋め込みが許可されているサイト (YouTube など) のビデオ (または他のコンテンツ) をページに表示できます。 埋め込み元の Web サイトによっては、サイトの Web アドレスまたはサイトが提供する埋め込みコードを使用できます。 Microsoft 365 の SharePoint のみ。
Stream ビデオ
Stream ビデオ Web パーツは、Microsoft Stream サービスからのビデオをチャネルと呼ばれる複数のビデオ形式として、または単一のビデオとして再生します。 「いいね!」、再生速度の変更、生成された字幕(英語とスペイン語のみ)での視聴、プレイリストの作成など、最新のソーシャルおよび高度な再生設定を追加します。 追加のブラウザー プラグインは必要ありません。 ビデオ固有のメタデータとアクセス許可は、Microsoft Stream サービス内で設定されます。
YouTube Web パーツ
YouTube の Web パーツを使用すると、開始時刻の設定やプレイヤー コントロールの表示など、YouTube 動画をページに直接埋め込むことができます。
今後の会議とイベントの日時を表示する Calendar イベント
イベント Web パーツには、カスタマイズ可能な日付範囲のカードまたはフィルムストリップ形式でイベントが表示されます。 展開されたイベント データには、イベント画像、Bing マップ、会議データを含めることもできます。 を使用して会議をダウンロードできます。ただし、イベント Web パーツが Exchange 予定表サービスに接続または読み取りを行うことができない。 イベント Web パーツは Calendar Web パーツと同じリストを使用しますが、カスタマイズされた列はイベント Web パーツに表示されません。
グループ予定表
グループ予定表 Web パーツは、イベント ストレージに Microsoft 365 グループ予定表アプリを使用します。 新しいグループ イベントは、グループ予定表 Web パーツでは追加できません。 各イベントの展開された詳細を最大化するために、イベントはリスト形式で表示されます。 各ページおよびスクロール ページに表示されるイベントの数を指定できます。 Microsoft 365 の SharePoint のみ。
他のコンテンツへのリンクを表示する 昇格されたリンク、
リンク
コンテンツ エディター Web パーツ
お知らせ
概要リンク
クイック リンク
クイック リンク Web パーツは、フィルムストリップと呼ばれるカルーセル形式またはより小さなコンパクト形式として表示するように設定できます。 コンパクトフォーマットの各リンクは、画像の有無にかかわらず、配置して表示することができます。 リストに基づいてクイック リンクを設定することは、まだできません。
リンク
リンク Web パーツには、1 つの完全な URL リンクが表示され、リンク ターゲットを含むプレビュー ウィンドウを表示または非表示にする機能が追加されています。 Microsoft 365 の SharePoint のみ。
テキスト Web パーツ
テキスト Web パーツでは、ツールバーを使用してコンテンツ内にリンクを追加できます。
コンテンツを検索して表示する コンテンツ クエリ
コンテンツ検索
強調表示されたコンテンツ
強調表示されたコンテンツ Web パーツでは、わかりにくい高度な検索/クエリ オプションの多くが、合理化されたクエリ オプションに置き換えられました。 ただし、従来の表示テンプレートとは異なり、カスタム ディスプレイ テンプレートは使用できません。
チームにニュースを通知する お知らせ ニュース
クラシックのお知らせ Web パーツは、リストを使用してページにお知らせを表示します。 ニュース Web パーツは、書式設定された豊富なページまたはニュースへのリンクを使用し、SharePoint ホーム ページ、サイト、ハブ サイトにニュース投稿をロールアップする、広範なコンテンツ配布システムです。 Web パーツは、さまざまな方法で結果を表示するようにカスタマイズできます。 これにより、静的なアナウンス リストに対して、よりリッチで動的なエクスペリエンスが提供されます。
プロジェクトの追跡 Tasklist Planner
最新の Planner Web パーツは、Microsoft 365 グループと Microsoft 365 Planner サービスで動作します。 プランは Microsoft 365 Planner サービスに格納されるため、より細かいカスタマイズが可能です。 既定のタイムラインが削除され、ボードと呼ばれる読み取り専用の概要ダッシュボードやバケットと呼ばれるかんばんレイアウトなど、より柔軟な表示オプションが使用できるようになりました。 バケット レイアウトを使用すると、バケット、割り当て先、進行状況、期限、ラベル カテゴリでグループ化できます。 さらに、バケット レイアウトを使用すると、Microsoft 365 Planner サービスに保存されているプラン内のタスクを直接追加および変更できます。 この Web パーツは、Microsoft 365 グループ接続サイトの SharePoint でのみ使用できます。
ページにサイトとリンクを表示する サイト アグリゲーター サイト
従来の Site Aggregator Web パーツは、サイトの視覚的に簡略化されたビューに焦点を当てていました。 サイト Web パーツでは、ファイルの長いリストが、最後に表示したファイル、最後に変更されたファイル、最も人気のあるファイルを表示する情報カードに置き換えられます。 サイトは、選択したサイトをスクロールするカルーセル メカニズムを使用して、カードとして表示することも、映画ストリップ レイアウトで表示することもできます。 Microsoft 365 の SharePoint のみ。
ページに会話を表示する サイト フィード Yammer Web パーツ

Yammer の Web パーツには次の 2 つがあります。

  • Yammer 会話 Web パーツを使用すると、ユーザーは SharePoint ページを離れることなく、特定のグループまたはトピックの Yammer 会話に参加できます。
  • Yammer の強調表示 Web パーツには、特定の会話、上位の会話、または最新の会話が表示されます。
Yammer が SharePoint ニュースフィード機能に置き換わったため、従来のサイト フィード Web パーツは最新の Yammer Web パーツに置き換わります。
別のページからコンテンツを表示する ページ ビューアー 埋め込み
ページ ビューアー Web パーツと埋め込み Web パーツの両方で、埋め込みを許可している他のサイトのコンテンツを表示できます。 埋め込みコードは iframe ベースである必要があり、 <script> タグを使用するコードはサポートされていません。 また、埋め込むことができるのは、セキュリティで保護された Web サイトのみです。
フォームからデータを収集して表示する InfoPath Forms PowerApps
PowerApps を使用すると、コードを使用せずにデータを収集、保存、表示する強力なフォームを作成できます。 PowerApps を使用して、SharePoint リストのフォームをカスタマイズすることもできます。Microsoft 365 の SharePoint のみ。
Microsoft Forms
Microsoft Forms Web パーツを使用して、フォームまたはフォームの結果をページに追加できます。 ページ上でグラフで集計結果を表示することもできます。 Microsoft 365 の SharePoint のみ。