ログインユーザーが担当しているレコードに背景色をつける

Index

• 概要
• 事前準備
• サンプルプログラム

概要

レコード一覧で、対応担当者にログインユーザーが含まれている場合に、そのレコードの背景色をわかりやすく色付けしています。その他、次の機能も追加しています。

• 対応状況が「完了」以外で、「期限」が過ぎているフィールド値を赤文字、太字にします。
• 対応状況が「完了」以外で、「期限」が本日より5日前の場合、フィールド値を青文字にします。
• 対応状況が「完了」以外で、ログインユーザーの「期限」が過ぎているレコード数をダイアログで表示します。

完成形

事前準備

• kintone アプリ（kintone アプリストア にある「問い合わせ管理」を使います）
• エディター

サンプルプログラム

サンプルプログラムでは、Cybozu CDN の利用、JavaScriptのサンプルを紹介します。

PC用のJavaScriptファイル

詳細設定から「JavaScript / CSSによるカスタマイズ」を開き、Cybozu CDN から次のライブラリを指定します。

• Luxon
  https://js.cybozu.com/luxon/3.0.4/luxon.min.js (version 3.0.4 を利用)

JavaScriptサンプル

• 次のサンプルプログラムをエディターにコピーして次の形式で保存します。
• ファイル名：「sample-limitdatecolor.js」 
• 文字コード：「UTF-8」、BOMなし
  ※ファイル名は任意ですが、ファイルの拡張子は「js」にしてください。

設定した画面

「JavaScript / CSSによるカスタマイズ」画面でそれぞれ設定した例を紹介します。

使用したAPI

1. イベントハンドラーを登録する
2. ユーザー情報の取得
3. フィールド要素を取得する
4. クエリで条件を指定する
5. REST APIリクエストを送信する

デモ環境

デモ環境で実際に動作を確認できます。
https://dev-demo.cybozu.com/k/58/

ログイン情報はcybozu developer network デモ環境で確認してください。

このTipsは、2022年12月版 kintoneで確認したものになります。