【Microsoft Lists】Wordle っぽいものを作ってみた！

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

【Microsoft Lists】アイテム更新をする書式設定のサンプル（随時更新）

書式設定にアップデートがありました！！！

customRowAction に新たに setValue アクションが追加され、このアクションを利用することによって、アイテム更新ができるようになりました！！

【Microsoft Lists】数値列の値に応じて背景色の濃淡を変える

上図のように、数値列の値に応じて背景色の濃淡を変える書式設定を作成してみました。

以下に作成した書式設定の JSON を掲載いたしますので、利用する場合は数値列の書式設定に JSON をコピー & ペーストしてください。

【Microsoft Lists】評価（いいね&星評価）を利用した書式設定

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

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 のビューの書式設定で作ってみました。
以下、作成方法について記載します。