最近 Twitter でよく見かける「Wordle」という単語当てゲームを、Microsoft Lists のビューの書式設定を利用してそれっぽいものを作成してみました。

書式設定にアップデートがありました！！！ customRowAction に新たに setValue アクションが追加され、このアクションを利用することによって、アイテム更新ができるようになりました！！

上図のように、数値列の値に応じて背景色の濃淡を変える書式設定を作成してみました。 以下に作成した書式設定の JSON を掲載いたしますので、利用する場合は数値列の書式設定に JSON をコピー & ペーストしてください。

SharePoint のリスト、およびドキュメントライブラリには、評価機能を追加することができます。 評価方法は、「いいね！」と「星評価」の 2 種類となっています。 アップデート により、この評価の値を書式設定で利用できるようになったので、いくつかサンプ…

I noticed a change in the documentation for the following List Formatting.

日付にその月度を象徴するような絵文字を付けると、月度が分かりやすくなるかな？と思い、上図のような絵文字を表示する列の書式設定を作ってみました。

SharePoint のリストを、ビューの書式設定を利用して上図のようなピアノに変身させてみました。 鍵盤をクリックすると、鍵盤の上に C（ド） や D（レ）などの音名は表示されるのですが、残念ながら音は出ません。

リストフォームの見た目をカッコよくするために、上図のようにリストフォームのヘッダーとフッターに波を表示してみました。

Twitter で次の Microsoft の社員さんのツイートを見かけました。

上図のように、数値列（パーセント表示）の見た目を、ドーナツ円グラフに変える書式設定のサンプルを作成してみました。 以下に作成した書式設定の JSON を掲載しておきます。利用する場合は、数値列（パーセント表示） の書式設定に、掲載されている JSON …

リストのグループヘッダーを上図のように色付けする書式設定のサンプルを、いくつか作成してみました。 以下に、作成した書式設定の JSON を掲載いたします。 利用する場合は、グループ化の設定後、ビューの書式設定に JSON を貼り付けてください。

Microsoft Lists の書式設定では、 「年」「月」「日」を取得する関数（getYear , getMonth 、getDate）は用意されていますが、「時間（hour）」「分（minute）」 を取得する関数は用意されていません。 そこで、どうにかして「時間（hour）」「分（minute）…

こちらの書式設定 に手を加え、4月始まり3月終わりのガントチャートを表示する書式設定も作ってみました。 以下、ガントチャートの表示方法について記載します。

上図のようなハチの巣っぽいリンク集を、Microsoft Lists のビューの書式設定で作ってみました。 以下、作成方法について記載します。

Twitter で「書式設定でバッテリー もできたんだから、温度計もできるんじゃない！？」というコメントをいただいたので、上図のような数値列を温度計に変身させる書式設定を作ってみました。 以下に JSON を掲載しておくので、興味があれば利用してみてくだ…

上図のような、マウスホバーするとファイルの拡大サムネイル画像が表示される書式設定のサンプルを作成してみました。 「一覧画面上で大きなサムネイル画像を見れることによって、ファイルを探しやすくなるのでは？」と思い、このサンプルを作成しました。

ユーザー列（複数ユーザー可）をビュー上に表示させると、ユーザー数に応じて列の高さが高くなっていきます。 そこが少し気になってしまい、上図のようなマウスホバーしたときにユーザーの一覧を表示する書式設定を作成してみました。 書式設定の JSON は、…

上図のような月間ガントチャートを表示する書式設定を作成してみました。 以下、作成方法を記載します。

上図のような列にタイムラインを表示する書式設定を作成してみました。 作成した書式設定の JSON は次の通りです。 複数行テキスト（書式なし）などに適用し、利用ください。

数値列（パーセント表示）を上図のようにバッテリー風にカスタマイズしてみました。 カスタマイズに利用した JSON を以下に掲載します。ご自由に利用ください。

私が PnP サンプルに公開した「列の書式設定」のサンプル一覧です。（2021/12/28 更新）

私が PnP サンプルに公開した「ビューの書式設定」のサンプル一覧です。（2021/12/28 更新）

私が PnP サンプルに公開した「フォームの書式設定」のサンプル一覧です。 （2021/12/28 更新）

アップデートにより、SharePoint リストのビューのフッターを書式設定できるようになりました。 そこで、上図のような色付けをする書式設定のサンプルを作成してみました。 以下、作成したサンプルの適用方法について記載します。

はい/いいえ列を上図のようにトグル風にカスタマイズしてみました。 カスタマイズに利用した JSON を以下に掲載します。ご自由に利用ください。

上図のような年間ガントチャートを表示する書式設定を作成してみました。

上図のような絵文字を活用したリンク集を、SharePoint リストで作ってみました。 以下、作成方法について記載します。

アップデートにより、SharePoint リストで グループ化したときに表示される「グループのヘッダー」および 「グループのフッター」の見た目をカスタマイズきるようになりました。 ※カスタマイズ方法の詳細、カスタマイズのサンプルについては、 こちら を参照…

SharePoint リストの 管理されたメタデータ列 を書式設定できるようになりました！ ので、管理されたメタデータ列を上図のようにカスタマイズをしてみました。 カスタマイズに利用した JSON を以下に掲載します。ご自由に利用ください。

新しいクロスプラットフォーム版の PnP PowerShell を利用すれば、上図のようなサイト設定情報が記載されたマークダウンファイルを作成することができます。