Microsoft Lists
最近 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）…
上図のようなハチの巣っぽいリンク集を、Microsoft Lists のビューの書式設定で作ってみました。 以下、作成方法について記載します。
ユーザー列（複数ユーザー可）をビュー上に表示させると、ユーザー数に応じて列の高さが高くなっていきます。 そこが少し気になってしまい、上図のようなマウスホバーしたときにユーザーの一覧を表示する書式設定を作成してみました。 書式設定の JSON は、…
上図のような月間ガントチャートを表示する書式設定を作成してみました。 以下、作成方法を記載します。
上図のような列にタイムラインを表示する書式設定を作成してみました。 作成した書式設定の JSON は次の通りです。 複数行テキスト（書式なし）などに適用し、利用ください。
数値列（パーセント表示）を上図のようにバッテリー風にカスタマイズしてみました。 カスタマイズに利用した JSON を以下に掲載します。ご自由に利用ください。
私が PnP サンプルに公開した「列の書式設定」のサンプル一覧です。（2021/12/28 更新）
私が PnP サンプルに公開した「ビューの書式設定」のサンプル一覧です。（2021/12/28 更新）
私が PnP サンプルに公開した「フォームの書式設定」のサンプル一覧です。 （2021/12/28 更新）
アップデートにより、SharePoint リストのビューのフッターを書式設定できるようになりました。 そこで、上図のような色付けをする書式設定のサンプルを作成してみました。 以下、作成したサンプルの適用方法について記載します。
はい/いいえ列を上図のようにトグル風にカスタマイズしてみました。 カスタマイズに利用した JSON を以下に掲載します。ご自由に利用ください。
上図のような年間ガントチャートを表示する書式設定を作成してみました。
上図のような絵文字を活用したリンク集を、SharePoint リストで作ってみました。 以下、作成方法について記載します。
アップデートにより、SharePoint リストで グループ化したときに表示される「グループのヘッダー」および 「グループのフッター」の見た目をカスタマイズきるようになりました。 ※カスタマイズ方法の詳細、カスタマイズのサンプルについては、 こちら を参照…
SharePoint リストの 管理されたメタデータ列 を書式設定できるようになりました！ ので、管理されたメタデータ列を上図のようにカスタマイズをしてみました。 カスタマイズに利用した JSON を以下に掲載します。ご自由に利用ください。
SharePoint や Microsoft Lists で新規にリストを作る際、いくつかのテンプレートリストが用意されています。 そのテンプレートリストの中の１つ「イベントの日程」リストのフォームレイアウトをカスタマイズしたり、Outlook にイベントを追加できる機能を追…
書式設定で、columnFormatterReference プロパティ が利用できるようになっていました。 この columnFormatterReference プロパティを利用すると、列の書式設定を、ビューの書式設定などの他の書式設定に再利用できる ようです。
SharePoint リストの書式設定で、列の "表示名" を利用する場合は、次のように記載します。
※英語圏の方からご質問いただきましたので、がんばって英語で書いてみました。間違った英語等記載されていても、大目に見てください（泣） I have previously added a timeline format sample to the PnP samples. However, in that added sample, an image …
アップデートにより、上図のようにリストフォームを JSON コードを利用してカスタマイズできるようになりました。（※ご利用のテナントによっては、まだこの機能が展開されておらず、カスタマイズできない可能性があります）
