SharePoint Online モダン表示とクラシック表示の比較 コマンドバー編

SharePoint Online : 2017.09.26 Tuesday
今回は 「クラシック表示」と「モダン表示」の調査、第四弾「コマンドバー」です。

でも、その前に...検索ボックス、リボンなどの上部エリアの違いについて。

SharePoint検索ボックス

SharePoint 2013(相当のSharePoint Online)以降では、サイトページの右上に「検索ボックス」があり、すべて(Everything)、ひと(People)、会話(Conversations)、このサイト(This Site)の4種類で 検索対象を選んで検索ができました。
SharePoint Classic SearchBox

モダン表示の「検索ボックス」では、ページの左上に場所が移動し、検索対象は選べず、検索となっています。画面スペースをとらず、目立つ位置に移動したことで 検索しやすくなりました。
SharePoint Modern SearchBox

「検索ボックス」は、常に左上にある訳ではなく、表示している画面の幅が狭くなると、「検索ボックス」がコマンドバーの先頭に移動します。謎なフローティングデザインです。

SharePointリボン

SharePoint 2010(相当のSharePoint Online)以降では、画面上部に Officeアプリケーションのような伸縮する「リボン」と呼ばれるタブとコマンドボタンがありました。

慣れるまでは とても使いにくいのですが・・・ずっと使っていると コマンドボタンの位置なども覚えて、すいすいとオペレーションできるようになります。

モダン表示では、リボンが無くなりました。その代わりに登場したのが「コマンドバー」(正式名称は不明)。

SharePointコマンドバー

モダン表示のコマンドバーは、選択しているもの(アイテム、ファイル、フォルダなど)に応じて 操作できるコマンドが表示されます。例えば、ドキュメントライブラリで特定のフォルダをチェックするとそのフォルダに対するコマンドが表示されるという感じ。

お知らせリストを初期表示すると、コマンドバーには、新規(New)、クイック編集(Quick edit)、Excelにエクスポート(Export to Excel)、Flow、PowerAppsの5つが表示されて、[...]をクリックすると、通知(Alert me)、個人用通知の管理(Manage my alerts)の2つが表示されます。クイック編集は、クイック編集ができるビューの場合だけ表示されます。FlowとPowerAppsは 非表示にしたいのですが 表示変更できません。
SharePoint Modern Commandbar 01

コマンドバー右側には、ビュー(すべてのアイテム)、フィルタペイン、詳細ペインの3つがあります。ビューは、表示するアイテムのフィールドを選択したり、条件指定したりするもので 従来のビューがそのまま表示されます。フィルタペインは 現在ビューに表示されているアイテムを 最終更新日の範囲で フィルタできます。詳細ペインは、選択したアイテムのフィールド値が表示できます。

同じ、お知らせリストで 1つのアイテムを選択すると、コマンドバーの表示が変更されます。編集(Edit)、共有(Share)、リンクのコピー(Copy link)、削除(Delete)が表示されます。コマンドバー右側には、選択したアイテム数、フィルタペイン、詳細ペインの3つがあります。
SharePoint Modern Commandbar 02

同じ、お知らせリストで 2つ以上のアイテムを選択すると、コマンドバーの表示が変更されます。削除(Delete)だけが表示されます。コマンドバー右側には、選択したアイテム数、フィルタペインの2つがあります。

ドキュメントライブラリを初期表示すると、コマンドバーには、新規(New)、アップロード(Upload)、クイック編集(Quick edit)、同期(Sync)、Flowの5つが表示され、[...]をクリックすると、通知(Alert me)、個人用通知の管理(Manage my alerts)の2つが表示されます。クイック編集は、クイック編集ができるビューの場合だけ表示されます。
SharePoint Modern Commandbar 03

コマンドバー右側には、ビュー(すべてのアイテム)、フィルタペイン、詳細ペインの3つがあります。リストで表示されるコマンド・ペインと同じです。

ドキュメントライブラリで、JPEGファイルを1つ選択すると、コマンドバーの表示が変更されます。共有(Share)、リンクのコピー(Copy link)、ダウンロード(Download)、削除(Delete)、Flowが表示されます。
SharePoint Modern Commandbar 04

[...]をクリックすると、Pin to top、Move to、Copy to、Rename、Version history、Alert me、Manage my alerts、Check outが表示されます。トップにピン止め以外は、以前のSharePointクラシック表示と大差ない感じですね。
SharePoint Modern Commandbar 05

ドキュメントライブラリで、JPEGファイルを2つ選択すると、コマンドバーの表示が変更されます。ダウンロード(Download)、削除(Delete)、Move to、Copy toが表示されます。コマンドバー右側には、選択したアイテム数、フィルタペインの2つがあります。

ドキュメントライブラリで選択したファイルの種類が Word,Excel,PowerPointのような Officeアプリケーションの場合は、開く(Open)メニューと、Online版で開くか、Desktop版で開くかのサブメニューが表示されます。
SharePoint Modern Commandbar 06

コマンドバーは、リボンに慣れている人から見ると、どこに何があるか解らずに戸惑うのですが・・・しばらくすれば慣れて 便利に感じるインターフェイスという感じですね。


(2017.10.01 追記)
SharePoint Onlineモダン表示のコマンドバー、「どこかで見た感じがする」って思っていたら・・・一般消費者向けの Hotmail.com (Outlook.com) のユーザーインターフェイスと同じですね。それで、あまり抵抗なく使えているのかと。



【最近の投稿記事】

SharePoint Online
Office 365/
SharePoint Online
事始め
Office 365やるってよ |  Office 365市販本(1) |  Office 365市販本(2) |  MSサイトでプランを勉強 |  TechNetでプランを勉強 |  sway, cortana, delve |  E5プラン |  Office Online制限 |  SharePoint 2016 RC |  アーキテクチャ |  Connections, Listings, Invoicing | 
SharePoint Online
Webパーツ
標準 Webパーツ |  スクリプトエディタ |  RSSビューア |  フィルタWebパーツ |  XsltListViewWebPart |  グラフ表示パーツ | 
SharePoint Online
リスト/ライブラリ
標準 リスト/ライブラリ |  アンケート(Survey) |  画像ライブラリ |  ニュースフィード |  日英サイト間でリストデータ移行 |  ライブラリ ドラッグ&ドロップ |  ライブラリ ファイル一覧出力 |  モダン ドキュメントライブラリ |  リスト外観変更 |  Explorer URL |  ディスカッション掲示板 |  注目リンク |  OneDrive 通知メール送信 |  OneDrive バージョン履歴 |  複数ファイルダウンロード |  モダン表示 リスト・ライブラリ |  モダン表示 ナビゲーション |  モダン表示 サイトのロゴ |  モダン表示 コマンドバー |  アイテムはレコードです |  モダン表示 ビュー | 
SharePoint Online
検索機能
検索の対象 |  検索されたくないファイル |  注目サイト |  検索結果カスタマイズ | 
SharePoint Online
Notes移行
Notes情報表示 |  Notesデータ移行 | 
SharePoint Online
カスタマイズ
IE11開発者ツール |  Osloとの戦い |  Style動的変更 |  リダイレクトページ |  IEとChrome |  ボタン名の変更 |  フロー Flow |  注目リンク カスタマイズ |  アンケート 列設定 変更 |  アンケート Excelエクスポート項目 変更 | 
SharePiont Online
動作仕様
制限値が気になる |  Webページ破損 |  サイトコレクション削除 |  記憶域とサーバーリソース |  プロファイル画像 |  IsDlg効かず |  プレゼンス表示 |  利用状況レポート |  データ容量管理 |  ごみ箱の日数 |  サイトメールボックス |  標準 サイト |  サイドリンクバー |  外部ユーザー共有 |  おすすめ エラー |  直打ちURL |  外観変更エラー |  サイトコレクション機能 |  ユーザープロファイル |  Access app 廃止 |  アクセス要求の設定 |  ページリンク、クラシック表示を終了 |  外部共有サイト、外部ユーザー | 
Office 365
動作仕様
OneDrive概要 |  OneDrive設定 |  OWAエラー画面 |  新しい Office 365管理センター |  Office 365メッセージ |  OneNote同期/ファイル |  Office 365サイト |  Office 365監査ログ |  Project Web App |  機能更新とエラー画面 | 

SharePoint概要
SharePointとは? |  アーキテクチャ |  サイトテンプレート | 
リストテンプレート |  Webパーツ |  アクセス権限 |  SharePoint用語集

SharePoint構築Tips
リスト名(URL) |  ライブラリ名(URL) |  フィールド名(内部名) | 
ビュー名(ファイル名) |  リストテンプレート(ワークフロー削除) | 
大きなリストの問題 |  アイテム一覧の列幅 |  機能とWebパーツ | 
フィールドデータ型 |  禁則文字 |  隠しリスト表示 |  管理パス |  サイト内の列 |  サポート期限 |  PDFをブラウザで開く |  URLエンコード・デコード | 
日時の絶対値表示

SharePoint開発Tips
開発の概要 |  開発者ダッシュボード |  MSDN URL |  REST インターフェイス |  ページ パラメータ IsDlg |  ビジュアルアップグレード |  機能(Feature) | 
2010開発者向けの資格 |  2013開発者向けの資格 |  ページ パラメータ contents |  リソースファイル |  リスト/ライブラリGUID |  テーマ | 
トレースログ |  PowerShell文字コード |  SharePoint Framework

search this site.
SharePoint概要
SharePointとは?
アーキテクチャ
サイトテンプレート
リストテンプレート
Webパーツ
アクセス権限
SharePoint用語集


SharePoint構築Tips
リスト名(URL)
ライブラリ名(URL)
フィールド名(内部名)
ビュー名(ファイル名)
リストテンプレート
(ワークフロー削除)

大きなリストの問題
アイテム一覧の列幅
機能とWebパーツ
フィールドデータ型
禁則文字
隠しリスト表示
管理パス
サイト内の列
サポート期限
PDFをブラウザで開く
URLエンコード・デコード
日時の絶対値表示
エクスプローラーで開く

SharePoint開発Tips
開発の概要
開発者ダッシュボード
MSDN URL
RESTインターフェイス
ページパラメータ IsDlg
ビジュアルアップグレード
機能(Feature)
2010開発者向けの資格
2013開発者向けの資格
ページパラメータ contents
リソースファイル
リスト/ライブラリGUID
テーマ
トレースログ
PowerShell文字コード
SharePoint Framework

SharePoint情報サイト
SharePoint Developer Center
Support Team Blog
松崎 剛 Blog
SharePoint Developer
SharePoint Maniacs
SharePoint Technical Note
ILLUMINATE JAPAN Blog
SharePoint Factory
新卒管理者の奮闘ブログ
SharePoint Maniacs
AvePoint Japan Community
idea.toString();
SharePoint Issue
Office365/SharePoint



   風水吉凶方位 |  奇門遁甲 |  金運神社 |  金運本 |  気場 |  水族館 |  イルカ |  ペンギン |  クラゲ |  仏像 |  論語 | 
   般若心経 |  日本庭園 |  二十四節気 |  菜根譚 |  城郭
   情報共有(SharePoint) |  OneNote活用 |  サーバー監視 |  イベントログ |  IT資産管理 |  技術TIPS