モダンUIになっているサイトのサイドリンクバーは[編集]をクリックすれば、素早くナビゲーションが編集できます。音声はありませんが、基本操作を動画にしてみました。ちなみに、このサイトは Office 365 グループに接続されている SharePoint サイトであるため URL 以外にも会話や Microsoft Planner, 予定表などのリンクも生成できるようになっています。

SharePoint Server 発行インフラストラクチャーがアクティブ化されている場合

上記のサイトはサイトコレクションのフィーチャー(拡張機能)の一つである「SharePoint Server 発行インフラストラクチャー」機能がアクティブ化されていない場合の例です。モダンUIでは、この機能がサポートされません。SharePoint Onlineでは新しいページ発行の仕組みに置き換えているところであり、この仕組みはもやは古びれてしまっている。そもそも、この古い仕組みの元となっている機能は Content Management Server 2002 当たりから引き継がれているものです。さすがにアーキテクチャーが約20年前となってきており、モダンUIでは互換性は重視していないということです。家で例えるならもう住み替え時なのです。

しかし、私が利用してきたサイトコレクションもこの機能をアクティブ化することを前提にしてきているため、非アクティブ化することでどういった問題が発生するか影響を確認する時間も十分にとれない。。。。となれば、この設定はアクティブなまま、たとえサポートされなくても、一部の画面はモダンUIにしていこう。サイトコンテンツを新しいサイトに移行するのも簡単ではないし。ということで、既存サイトの一部の設定をモダンUIになるように構成しなおしながら、利用するというジレンマが生まれます。

すると、ナビゲーション設定はどうなるでしょぅ? 本来モダンUIになっているサイトではサイドリンクバーは手軽に編集できますが、既存サイトに関してはナビゲーション部分は従来通り設定する必要があります。つまりあまり直感的には操作できません。サイドリンクバーを[編集]メニューから編集しようとすると、「ナビゲーションの設定」ページに遷移します。この画面で「構造ナビゲーション」を変更します。

しかし、上記の動画と同じように "サブリンク" を作成できるものの階層としては見出しとその直下のみで、2段階までしか設定できません。これより階層を深くしようとすると管理ナビゲーションが必要になりますが、途端に設定するためのハードルが上がります。ちなみにモダンUIでは「最近使った項目」は非表示になりました。

ですが、モダンUIにはまだない良い点としては「対象ユーザー」が指定できるところでしょう。特定のグループメンバーにしかリンクを表示しないという設定はモダンUIでのナビゲーション編集にはない機能です。

ということで、既存サイトをモダンUI化することはできるにはできますが、最初からモダンUIになっているサイトと比較すると操作性や機能性に差があり、どちらにも一長一短があります。

以前の記事でも紹介しましたが、SharePoint Online でモダンUIになっているリストは　"列の書式" が利用できるようになっています。Excel の条件付き書式のようなものですね。

[関連記事] 

• [SharePoint Online] Viva ! リストの「列の書式」 (Column Formatting) 機能、登場。
• [SharePoint Online] 「列の書式」(Column Formatting) 機能に関する追加情報

これを使って Microsoft Flow も起動できるという話が去年の Microsoft Ignite 2017 では説明されていたのですが、しばらく書き方がわからずにいました。しかし、最近になって資料を見直したところ、情報が公開されていたので本ブログでも紹介しておきます。

列の書式の公式ドキュメントとしては次の資料を参照してください。

列の書式設定で SharePoint をカスタマイズする

SharePoint リストとライブラリに含まれるフィールドの表示方法をカスタマイズします。それには、フィールドがリストビューに組み込まれるときに表示する要素を記述し、それらの要素に適用するスタイルを記述する JSON オブジェクトを作成します。

今のところ "JSON" 形式で式を書く必要があるため、エンドユーザーにとってはハードルが高くなっていますが、もう少し簡単に設定できるようになる予定だそうです。ということで、資料をさっと見て、難しそうだなぁと思う方も少なくないと思います。ソースが読めることに越したことはありませんが、ちょっとでもトライしてみようという気持ちがあれば、コード部分をコピー&貼り付けでもある程度利用できるので、ぜひチャレンジしてみましょう。

リストの準備

手元で作成したデモ環境では、カスタム リストとして作成した「コース一覧」からコース申し込みができるようにしていきます。今回はコース一覧リストの作成方法は、本題から少しずれるので詳しく触れませんが、実際に取り組む方は、任意のカスタム リストを作成してみましょう。

コース申し込みはワークフローで処理し、別のカスタム リストにコース申し込みのエントリーを登録するように作成したいと考えています。たとえば、下記のようなイメージですね。

ちなみに、この手のアプリは "Notes で同じようなことをしていた" という話がよく出てくるもので割とニーズがあります。今回はデモ用であるため簡易作成していますが、これをベースに社内研修の申し込み管理などのアプリへと本格的に発展させることも可能です。

ということで、この例では2つのカスタム リストを用意しています。実際にフローの起動のみ試す場合はリストは1つあれば十分です。

Microsoft Flow の準備

さて、コース一覧の方に　Microsoft Flow を実装します。ここからワークフローを使ってコース申し込みができるようにしたい。まずは目的のコースを選択してたら、手動でフローを開始できるようにします。フロー開始時には所属組織や氏名、連絡先のメールアドレスなどを入力できるようにしておきます。詳細は割愛しますが、大まかには次のような手順でフローを作成していきます。とはいえ手軽に試すのであれば、単純にメールを送信するフローを実装するのでもよいでしょう。

1. フローを作成するために、コマンドメニューから[Flow]>[フローの作成]をクリックします。

2. 選択したアイテムをベースにフローを開始することで、申し込み者が対象コースに関しての詳細を入力しなくてもフローで勝手に取得できるようにします。このために[選択したアイテムのカスタム アクションを完了する]というテンプレートからフローを作成するとよいでしょう。

3. ワークフロー開始時にユーザーに入力してもらいたい項目があれば、次のような手順で入力を求めるように設定していきます。

まずは最初のアクションの[編集]をクリックします。

出力の追加をクリックします。

出力の種類を選択します。コース申し込みなので、"テキスト" を選択して、ユーザーが所属組織や氏名を入力できるようにします。もちろん、フローではフロー開始者を申込者としてユーザー情報を自動取得することもできるので必要があればそういった設定も検討するとよいでしょう。とはいえ、大規模組織ではグループ企業からの代理申し込みなどいろいろと想定すると、必ずしもフローで自動取得できないケースも少なくないため、まずは手入力にした方が無難なので、ここでは手入力としています。

今回は「申込者の所属組織」というフィールドを用意しました。

同様の手順で次のように申込者の氏名や電子メールなどのフィールドを複数用意します。

後は[新しいステップ]をクリックし、追加したい処理を増やして構成していくだけです。

ちなみに、今回は別のリストに申込者情報を書き込むようにし、コース一覧に表示される登録者数を更新する処理と定員以上になった場合にコース一覧の Status 列を "申し込み可能"から"キャンセル待ち" に変更するような処理も加えてみました。運用環境であれば、これに申込者への 受付メール送信 やコース実施管理者への登録者情報のメール送信など、いろいろと処理を考える必要があります。あとは、定員オーバーになっているときに申し込みをクローズするなど。ただし、今回はデモ用に作成しているので、そこまで込み入った処理はまだしていません。

ちなみに、作成したフローは既定では作成者しか実行できないので、サイトにアクセスできるユーザーは誰でも実行できるようにMicrosoft Flowの画面から "実行のみのユーザーの管理" 設定を次の手順で変更しておきます。今回作成しているサイトは Training-PowerAppsFlow という Office 365 グループで利用しているサイトであるためこのグループに権限を付与しています。

さて、ここまで設定することで次のようにコース一覧のリストから目的のコースを選択すると [Flow]メニューに[コースの申し込み] というフロー(上記手順で予め作成したフローの名前) が表示され、フローが実行できるようになります。次のデモを確認してみてください。ちなみに、登録者数列がフローによりカウントアップしていることも確認できます。

このフローによって、先ほど紹介したように別リストである "Course Entries" リストにエントリーがフローによって自動的に登録できるようになっています。

 列の書式設定

さて肝心要の列の書式設定です。今回はコース一覧にあらかじめ "申し込み" という名前で 1行テキストの列を用意しています。この列の値は空のままでかまいません。その代り、列の書式でボタンを生成します。ということで、"申し込み" 列をクリックし、[列の設定]>[この列の書式設定]とクリックします。

列の書式に次のようなJSON形式のデータを記述します。

[ソース] 列の書式 (ワークフロー起動サンプル)

図内でも指し示しているように実行したいフローのIDに関しては、自分の環境のフローのIDに置き換える必要があるので注意してください。フローのIDは フローの管理画面に表示される URLにあります。ちょうど下の画面の上部にある赤枠部分です。

このURLを以下に書き出しておきましょう。ちょうど色を指定している部分がIDであり、フローごとに異なります。

https://japan.flow.microsoft.com/manage/environments/Default-35bb248d-3041-46e1-9f25-800b2e9f7256/flows/6f5ec875-9ce4-4382-a6ae-4ee57c3f706d/details

フロー編集時なら下記の部分です。

https://japan.flow.microsoft.com/manage/environments/Default-35bb248d-3041-46e1-9f25-800b2e9f7256/flows/6f5ec875-9ce4-4382-a6ae-4ee57c3f706d?backUrl=%2Fflows%2F6f5ec875-9ce4-4382-a6ae-4ee57c3f706d%2Fdetails

フローのIDを書き換えたら、先ほどの列の書式にJSON形式で構文を書きます。すると下記のようなボタンが表示されます。これをクリックすると直接、フローが開始できるようにラウンチパネル(右側部分)が表示されるようになります。ユーザーにとっては、アイテムを選択して[Flow]をクリックして、目的のフローを選んで、、、という手間がなくなるため直感的に操作できますね。

研修のご案内

さて、ちょっと宣伝を。

Microsoft Flow については下記のコースで取り扱っていますし、弊社オフィスアイラーニングポータルなどでも学習できます。

• SharePointユーザーのための PowerApps & Microsoft Flow入門
• http://www.office-i-corp.jp/learning%20portal.htm

ちなみに、列の書式については簡単に下記コースで説明はしていますが、 事前知識としてWeb技術の一つであるCascading Style Sheets の知識も必要です。

SharePoint経験者向け SharePoint モダンUI機能について学ぶワークショップ

SharePoint Online サイト管理基礎

このあたりの知識は、弊社オフィスアイラーニングポータルをご利用いただくことで対応できるほか、インターネット上にも書店にも資料は多くありますので、ご自身でしっかり身に着けておくようにしましょう。

弊社では定期的に Office 365 および SharePoint 関連の研修を行っていますが、受講する方が過去にどういったコースを受講していただいたかなどを確認するために、「受講履歴」を SharePoint リストで管理しています。

従来は入力画面を InfoPath でカスタマイズして管理していたのですが、ここにきて Modern UI + PowerApps でのカスタマイズに変更してみました。これがなかなかいい具合です。

まず、カスタマイズした画面が下記の通りです(実データなので、もちろん、一部情報は伏せています)。

コースを受講していただくごとに情報登録しているのですが、画面をPowerApps でアレンジし、メールアドレスをもとに、同じリストから過去の履歴を Filter 関数で取得してデータテーブルに表示するようにしています。これでいつ、どのコースを受講いただいたのかが一目瞭然です。

新規にアイテムを登録する(受講履歴の新規登録)ときは、電子メールアドレスを入力後、[参照]ボタンをクリックすると、別で管理している"顧客データベース" リストから会社名と名前を自動取得できるようにしています。また受講したコース情報も選択肢から選べるようにしており、この情報もやはり別で管理している "コース情報" リストから取得するようにしています。ちなみに、[参照]ボタンはアイテムの新規登録や編集時のみ表示するように設定。

顧客データベースに格納しているアイテム数(エントリー数)が多いので、PowerAppsの Filter 関数を使うときに "委任" に気を付けなくてはいけませんが、そこをクリアし見た目をあまり凝りすぎなければ30分もあればある程度の見栄えで出来上がるレベルです。

とはいえ、最初に手を付けるときにはあれこれ調べながら「実装をどうしようか」などあれこれ吟味しながら業務の合間に作業したたため、ここまで来るのにそれなりに数日掛かってはいます。が、実装したい機能が決まれば、あとはスムーズです。

しっかし、InfoPath のころに比べると、データソースからのデータ取得や入力など速い!  InfoPath Form Services だと何かにつけて、サーバーサイド実行となり、ポストバックが多発発生していましたからね。クライアントサイドで動くメリットをとても感じますね。

 現在、PowerApps & Flow の入門者向け研修をオリジナル開発して実施していますが、色々と実際の業務で使ってみた事例をためて応用編となるワークショップをやりたいなぁなどと考えている今日この頃。。。まずはいろいろとアプリを作り貯めないと。。またお見せできるものを作ったら公開します。※最近追加されたリッチテキストエディターコントロールが、もうちょっとスムーズに動いてくれると、ネタがまだあるんだけどなぁ。

2018年5月21日から数日間に米国ラスベガスにて久しぶりに SharePoint Conference 2018 NA が開催されました。

以前と異なるのはコミュニティ主催型に変更されたことです。残念ながら今回は現地参加とはなりませんでしたが、Keynote に関しては "SharePoint Virtual Summit 2018" としてライブ配信されました。今後、Office 365 含め SharePoint Online にどんな新機能がロールアウトされるかに関して様々な情報が公開されています。

録画が公開されており、内容としては約2時間ほどですが、デモがいろいろとあるのであまり長く感じずに見れると思いますので、ぜひ視聴しておきましょう!

イベントサイトは下記にあります。

SharePoint Virtual Summit 2018 - Resource Center

Business leaders from around the world shared best practices, lessons learned, and outcomes driven by improving employee engagement and open communications. Watch the recording of the Employee Engagement Summit, and learn more about how you can create sustained engagement in your organization.

 たくさんの情報が公開されていますが、順次ロールアウトされてきます。具体的な機能については、順次、折を見てご紹介しますが、最近はアップデートも頻繁なのでブログだけではなく、 Twitter (@ai_yamasaki) で多くつぶやいていますので、ブログと併せてウォッチしてみてください。

SharePoint Online ではモダンUIになっていると[サイト コンテンツ]ページから[サイトの利用状況]にアクセスできるようになっており、最近2週間でアクセスの多いページやファイルがグラフで確認できるようになっていました。

最近2週間分の情報を表示しているということですから、おそらく SharePoint の検索機能が検索結果のランキング調整のために内部的に持っているクリック情報をもとにグラフを出力しているのでしょう。ちなみに、ページかファイル(ページもファイルの一種ですが)のみが対象であり、リストアイテムは対象ではないので注意しましょう。

新しいサイトの利用状況レポート

さて、現在このサイトの利用状況レポートがアップデート中であり、サイトへのユニーク閲覧者とサイト訪問者数が取得できるようになります。

段階的にリリースされており、まずは対象リリースを選択しているテナントから順次展開されており 2018年4月中旬から5月中旬までに完了するとのこと。このアップデートにより、ほぼリアルタイムに情報が取得できるようになります。利用しているテナントの一つにこの機能が展開されてきているので確認してみました。利用者が少ないのでアクセス数はすくないですが、おおよそのイメージはつかめるのではないでしょうか?

まず、最近7日間、最近30日間、最近90日間の3つの期間で1日当たりのユニーク閲覧者とサイトの訪問者数を確認できるようになります。画面の下部はこれまで通り、最近二週間分の閲覧数の多いファイルがグラフ表示されます。また外部共有している場合は、組織外のユーザーがアクセスしたファイルやフォルダーが確認できます。