List Formatting

【Microsoft Lists】絵文字の縁取りと塗りつぶし

書式設定で絵文字の縁取りと塗りつぶしを実装してみました。 以下に、書式設定のコードを掲載します。利用する際は、数値列に適用ください。

【Microsoft Lists】リストで簡易アンケート🗳️

ビューの書式設定で、簡易アンケート機能を実装してみました。答えは 4 つまで設定可能となっています。

Microsoft 365 Virtual Marathon 2022 で登壇しました🏃

2022/05/04 ~ 2022/05/06(米国時間)に開催された Microsoft 365 Virtual Marathon 2022 にて、次の 2 セッションで登壇させていただきました。

【Microsoft Lists】あの国は今何時?⏰

2022/06/10 更新:分単位の時差があった場合にも対応 2022/06/15 更新:現在時刻が正しく表示されない現象を修正、それに伴い [TimeDifference] 列を [UTC] 列に変更 上図のような各国の時間をパっと比較するための書式設定を作成してみました。 以下に、作…

Links about List Formatting

List Formatting 関連のリンク集を、 Microsoft Lists MSA 版で作成し、公開してみました。 次のリンクから、リンク集にアクセスすることができます。 bit.ly

【Microsoft Lists】数値列の値でグラデーション🎨

上図のような数値列の値に応じて背景色を変える書式設定のサンプルを作成してみました。 以下に、作成した書式設定の JSON を記載します。

【Microsoft Lists】フィールド更新ボタンのサンプル

setValue アクションを活用したフィールド更新ボタンのサンプルをいくつか作成してみました。 作成したサンプルを以下に掲載します。 I tried to create some sample field update buttons using the setValue action✅#SharePoint #MicrosoftLists #ListForm…

【Microsoft Lists】リストに桜を🌸

桜の季節だなーと思い、上図のような桜(?)を表示する書式設定を作成してみました。 以下に書式設定の JSON を記載します。利用する場合は、複数選択を許可したユーザー列に次の JSON を適用ください。

List Formatting Update memo Feb. 2022 - Mar. 2022

This is a summary of memos regarding the update of List Formatting. getThumbnailImage operator "elmType" : "filepreview" Customize Command bar

【Microsoft Lists】Valentine Formatting🍫♥

もうじきバレンタイン!ということで、上図のようなハートを使った書式設定の作成にチャレンジしてみました。 以下に作成した書式設定の JSON を掲載いたします。ご自由に利用ください。

【Microsoft Lists】フォーム上に表示されていないフィールドの値をヘッダーフッターに表示する

リストフォームのヘッダー / フッターの書式設定 では、"フォーム上に配置されている" フィールドの値を利用することができます。

【Microsoft Lists】称賛カードを作ってみた!

ビューの書式設定で、上図のような他者を称賛する「称賛カード」を作ってみました。

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

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

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

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

【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 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)…

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

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

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

2023/09/25 追記: 自分でガントチャートの開始日、終了日を設定できるバージョンの書式設定 も作成してみました。こちらも参考にしてみてください。 上図のような月間ガントチャートを表示する書式設定を作成してみました。 以下、作成方法を記載します。

【SharePoint/Microsoft Lists】列にタイムラインを表示する⏰

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

【SharePoint/Microsoft Lists】数値列(パーセント表示)をバッテリー風にカスタマイズ!

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

PnP サンプルに公開したサンプル一覧 ~列の書式設定~

私が PnP サンプルに公開した「列の書式設定」のサンプル一覧です。(2022/02/19 更新)

PnP サンプルに公開したサンプル一覧 ~ビューの書式設定~

私が PnP サンプルに公開した「ビューの書式設定」のサンプル一覧です。(2022/02/19 更新)

PnP サンプルに公開したサンプル一覧 ~フォームの書式設定~

私が PnP サンプルに公開した「フォームの書式設定」のサンプル一覧です。 (2022/02/19 更新)

【SharePoint / MicrosoftLists】ビューのフッターを書式設定したみた!

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