List Formatting
2023/11/27 更新: 現在の値がどのグループに属しているか分かりにくかったため、現在の値が属しているグループ以外は背景色を薄くしてみました。 2023/11/29 更新: グラフの最大値と最小値を表示するように修正しました。 2023/11/30 更新: 範囲の設定方法を…
2023/09/27追記 : レイアウト調整のため、書式設定のコード、および集計値の数式を修正しました。 過去に次のガントチャートを表示する書式設定を作ってきましたが、いずれも自分で自由にガントチャートの開始日と終了日を設定できるものではありませんでし…
管理されたメタデータの値の見た目を、上図のようなタグのような見た目に変える書式設定を作成してみました。
OneDrive for Business および SharePoint のドキュメントライブラリで、下図のようにフォルダーの色を設定できる新機能が追加されました。（※2023/09/02時点、ご利用のテナントによってはまだこの機能が展開されていない場合があります。この機能に関する M…
「今乗っている車、もうそろそろダメそう…」ということで、Microsoft Lists MSA を使い、新車候補をリストにまとめていました。 その新車候補リストに複数選択可能な「カラーバリエーション」列を作っていたのですが、「文字だけではわかりにくい！」と感じ…
次の動画のような、ユーザー列に現在のログインユーザーを設定する列の書式設定を作成してみました。
Microsoft Lists で、新たに Microsoft Teams の承認アプリ（Approvals）と連携したリストを、リストテンプレートから作成できるようになりました。（※2023/04/25 時点、展開中の機能であり、テナントによっては利用できない可能性があります。また、日本語…
列に入力されている住所を Google Maps でサっと開きたい場面があり、上図のような Google Maps を開くリンクを表示する列の書式設定を作成してみました。 （※リンクをクリックすると実際には Google Maps が開きます。しかし、実際の地図を掲載してよいか分…
上図のような、時間を含む日付列に対して、世界各国の時刻を表示する列の書式設定を作成してみました。
Microsoft 365 and Power Platform Community Blog に、ギャラリービューのカードの背景色を変更する方法を投稿しました。次のリンク先を参照ください。
Microsoft 365 and Power Platform Community Blog に、カレンダービューの書式設定で利用できる列を増やす方法を投稿しました。次のリンク先を参照ください。
Microsoft Lists のリストでは、複数選択可能な選択肢列を作成できます。
Microsoft Lists のリストの書式設定では、指定回数を繰り返す、いわゆる for 文は本記事作成時点では用意されていません。そこで、文字列の先頭に指定の文字を追加していく「padStart 演算子」と、指定の文字で文字列を分割する「split 演算子」を利用して…
Microsoft Lists のビューの書式設定で、上図のようなバーティカルメガメニューを作成してみました。 以下、バーティカルメガメニュー作成方法を記載します。
Microsoft Lists を利用するときに、アイテムの状況を表す「ステータス」列という選択肢列を個人的によく作成します。 そして、そのステータス列の選択肢の値として、「0-作業前」「1-進行中」「2-作業完了」という風な「数字-ステータス名」をよく設定しま…
TEC-IT さんのサービス Barcode Generator を利用して、上図のような QR コードを表示する列の書式設定を作成してみました。 以下に、作成した書式設定の JSON を掲載します。利用される場合は、1 行テキスト列の書式設定に掲載されている JSON を設定くださ…
I have modified the timeline format I previously created to display a link on the timeline. The JSON of the formatting is following.
ネットのアンケートでよく見る 0 ～ 10 の 11 段階評価を、新登場の split 演算子 を利用した列の書式設定で再現してみました。 以下に、作成した書式設定の JSON を掲載します。利用される場合は、数値列の書式設定に掲載されている JSON を設定ください。
@UIlcid トークン を利用して、名言・格言をサイト表示言語で表示するビューの書式設定のサンプルを作成してみました。 本サンプルは、サイトを日本語で表示していた場合は日本語で名言・格言が表示され、その他の言語でサイトを開いていた場合は英語で名言…
List Formatting 関連の Microsoft Docs を見ていたところ、customCardProps の表示位置を設定できる directionalHint プロパティに、設定できる値が増えていました。
List Formatting 関連の Microsoft Docs を見てみると、いくつか更新されている箇所がありました。以下に更新内容について記載します。 なお、List Formatting 関連の Microsoft Docs へのリンクは、Links about List Formatting (Microsoft Lists MSA) にま…
リストの書式設定で @UIlcid トークン が利用できるようになり、 サイトの表示言語にあわせた書式設定 ができるようになりました。
リストの書式設定で @isSelected トークン が利用できるようになり、アイテムが選択されているかどうかを判定できるようになりました。
リストの書式設定で @lcid トークン が利用できるようになり、 ロケールを利用した書式設定 ができるようになりました。
数値列の値を、星やハートに変身させる列の書式設定を作成してみました。 以下に、作成した書式設定の JSON を掲載します。利用される場合は、数値列の書式設定に掲載されている JSON を設定ください。
2022/06/04 更新 上図のようなファイルプレビューカードを表示する書式設定を作成していたのですが、サポートされていない方法でコーディングをしていました。 そのため、現在この書式設定は正しく動作せず、ファイルがプレビューされません。もしこの書式設…
書式設定で絵文字の縁取りと塗りつぶしを実装してみました。 以下に、書式設定のコードを掲載します。利用する際は、数値列に適用ください。
ビューの書式設定で、簡易アンケート機能を実装してみました。答えは 4 つまで設定可能となっています。
2022/05/04 ～ 2022/05/06（米国時間）に開催された Microsoft 365 Virtual Marathon 2022 にて、次の 2 セッションで登壇させていただきました。
2022/06/10 更新：分単位の時差があった場合にも対応 2022/06/15 更新：現在時刻が正しく表示されない現象を修正、それに伴い [TimeDifference] 列を [UTC] 列に変更 上図のような各国の時間をパっと比較するための書式設定を作成してみました。 以下に、作…
