先行リリースの機能として 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 で非表示にします。
コンテクスト メニューとは、アイテム タイトルの右側にある「▼」をクリックした際に表示されるメニューのことです。
