List Formatting Updates (Tweet Summary)

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

【Microsoft Lists】日付列に月度を表す絵文字を表示してみた📆

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

【Microsoft Lists】リストをピアノに変身させてみた🎹♬

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

【Microsoft Lists】リストフォームに波を表示してカッコよくしてみた🌊

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

【Microsoft Lists】書式設定で Microsoft Lists ice cream を作ってみた！

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

【Microsoft Lists】ドーナツグラフを表示する

上図のように、数値列（パーセント表示）の見た目を、ドーナツ円グラフに変える書式設定のサンプルを作成してみました。

以下に作成した書式設定の JSON を掲載しておきます。利用する場合は、数値列（パーセント表示） の書式設定に、掲載されている JSON をコピー & ペーストしてください。

【Microsoft Lists】グループヘッダーを色付けしてみた！

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

【List Formatting】hour と minute を算出する

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

そこで、どうにかして「時間（hour）」「分（minute）」を取得する方法は無いか、考えてみました。

【Microsoft Lists】4月始まり3月終わりのガントチャートを表示する

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

【Microsoft Lists】ハチの巣リンク集を作ってみた🐝

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

【Microsoft Lists】書式設定で温度計を作ってみた！

Twitter で「書式設定でバッテリー もできたんだから、温度計もできるんじゃない！？」というコメントをいただいたので、上図のような数値列を温度計に変身させる書式設定を作ってみました。

以下に JSON を掲載しておくので、興味があれば利用してみてください。
※いずれも最小値 0、最大値 50 を前提に作成されています。

【Microsoft Lists】マウスホバーでファイルの拡大サムネイル画像を表示させる

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

【SharePoint/Microsoft Lists】ユーザー列（複数ユーザー可）をスッキリ表示させる

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

書式設定の JSON は、以下の通りです。
ユーザー列（複数ユーザー可）に適用し、ご利用ください。

【SharePoint / MicrosoftLists】リストに月間ガントチャートを表示する

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