早く使えないかなと期待していた「View formatting」という機能がターゲット リリースのテナントで利用できるようになっていました。機能の日本語名は「ビューの書式設定」のようですね。
これまでも利用できていた「Column formatting（列の書式設定）」は、文字通り「列」の表示形式を JSON により指定できるものでしたが、この「View formatting（ビューの書式設定）」では、リストやライブラリに登録された「行」つまりは「アイテム」の表示形式を同じく JSON で指定できるものになっています。
ちなみに、Column formatting を試したときの記事は下記のリンク先です。
SharePoint Online モダン リストの Column formatting を試してみた
https://idea.tostring.jp/?p=3163
これにより、モダン リストにおけるビューの表現力がグッと高まると思います。さっそく試してみましょう。
先行リリースの機能として SharePoint Online のモダン リストに新たに追加された Column formatting という機能を試してみました。この機能は、Excel でいうとセルの条件付き書式のような機能となっており、列に入力された値に応じて文字の色を変えたり、アイコンを表示したりといったカスタマイズが行えます。下図のサンプルは、Microsoft さんのものを拝借しました。
こうしたカスタマイズは従来のリストでは JS リンクといった機能を利用して実現できましたが、Column formatting はそれのモダン リスト版となっており、JS リンクと同様に簡単にカスタマイズが行えるようになっています。後述の GitHub に華やかなサンプルがありますが、そのサンプルを迷いなく利用したり、ちょっと手を加えて自分好みにカスタマイズしていくためにも、基礎を抑えながら動作を見ていきたいと思います。
それでは、さっそく試してみましょう。
SharePoint 2013 からは、JavaScript でのカスタマイズ方法も強化・追加されたため、「JS リンク」を利用することで簡単にリスト ビューをカスタマイズできるようになりましたが、SharePoint 2010 までは「XSL（XML 向けの CSS のようなもの）」を記述する必要がありました。
また、SharePoint 2013 になって、多くのリスト ビューは JS リンクでカスタマイズができますが、一部のリスト ビューは依然として XSL でのカスタマイズにのみ対応しているものがあります。
「予定表」リストの「現在のイベント」ビューもその一つです。そうしたものについては、「XSL リンク」を利用してカスタマイズを行うことができます。今回は、過去に TechNet/MSDN フォーラムに寄せられたご質問を課題として、そのカスタマイズ方法をご紹介します。先にお断りをしておくと、この記事では XSL の書き方そのものについては解説しません。
SharePoint 2013（Online）のリストやライブラリでは、ビューのヘッダーメニューとして「ビュー セレクター メニュー」が表示されています。リボン メニューから選択する方式よりも手軽で分かりやすいのですが、欠点が1つだけあります。それは「ビューが3つまでしか表示されずに、のこりは「…」にまとめられてしまう」ということです。ここにもっとたくさんのビューへのセレクター メニューを並べたいと思いましたので調べてみました。
SharePoint 2010 向けの投稿は初めてかもしれないですね。今回は、リストやライブラリのアイテム コンテクスト メニューで表示されるメニューのうち、任意のメニューを非表示にするカスタマイズをご紹介します。このメニューは、スクリプトで描画されているので、厳密にいえばスクリプト ファイル（core.js など）の上書きが必要になるのですが、より簡単に出来る方法として、今回は CSS で非表示にします。
コンテクスト メニューとは、アイテム タイトルの右側にある「▼」をクリックした際に表示されるメニューのことです。
