kintoneの一覧を条件によって色分けする方法（無料）
案件管理アプリの一覧を眺めていても、「未対応」の案件がどれかを列の文字だけで探すのは 手間がかかります。この記事では、無料プラグインで条件に一致する行の背景色を自動的に変えて、 対応が必要な案件を一目で見つけられるようにする方法を、実際の設定画面と強調表示結果つきで 解説します。
→ 対応プラグインを見るこんな方におすすめ
- 一覧の中で「未対応」「期限超過」のような特定条件の行を色で目立たせたい
- 「kintone 一覧 色分け」「kintone 条件 色」を探している
- 複数の条件をAND/ORで組み合わせて色分けしたい
- 色分けルールを複数用意し、優先順位を決めて運用したい
- 担当者ごと・重要度ごとなど、様々な観点で色分けを使い分けたい
kintone標準機能ではどこまでできるか
kintoneの標準機能には、一覧の行を条件によって色分けする機能はありません。絞り込み条件で
「未対応」だけを表示することはできますが、他のステータスと同時に見比べながら未対応だけを
目立たせる、という使い方はできません。JavaScriptカスタマイズを自作すれば
kintone.app.setRecordListStyle()で行の色を変えられますが、複数条件のAND/OR判定・
複数ルールの優先順位づけまで実装するのは簡単な作業ではありません。
JavaScript自作・他社プラグインとの比較、なぜGovAppsプラグインか
「一覧の行を条件によって色分けする」機能を用意する方法は、大きく4つあります。それぞれの 向き不向きをまとめました。
| 方法 | 向いている場合 | 注意点 |
|---|---|---|
| kintone標準の絞り込みのみ | 色分けせず絞り込みの切り替えだけで十分な場合 | 複数条件を同時に見比べながら色で目立たせることはできない |
| JavaScriptを自作する | 社内に開発者がいて、独自の条件判定ロジックが必要な場合 | AND/OR判定・複数ルールの優先順位づけの実装・保守が必要 |
| 有料の他社プラグイン | 予算があり、手厚いサポートを求める場合 | 月額課金が発生する。ソースコードが非公開で、外部通信の有無を利用者側で確認しにくいことが多い |
| GovAppsプラグイン(このプラグイン) | 無料で試したい、社内・庁内でセキュリティを確認してから導入したい場合 | 対応列は表形式の一覧のみ(カレンダー・カスタマイズビューは対象外) |
GovAppsのプラグインはすべて無料・広告なしで、追加課金なしで使い続けられます。 ソースコードはGitHubで全公開しているオープンソースなので、 「本当に外部と通信していないか」を自治体・企業のセキュリティ担当者自身の目で確認できます (このプラグインも個別ページにセキュリティレビュー結果を掲載しています)。
一覧強調プラグインでの実現方法
一覧強調プラグインは、条件と背景色を設定するだけです。 今回は「案件名」「対応状況」(ドロップダウン: 未対応/対応中/対応済み)を持つアプリで設定しました。
-
ルールを追加し、背景色を選ぶ
背景色にピンク系の色を指定しました。 -
条件を追加する
条件に「対応状況」「等しい(=)」「未対応」を追加しました。条件は複数追加でき、AND/ORのどちらかで結合できます。 -
保存し、アプリを更新する
保存しただけではプレビュー状態のため、必ず「アプリを更新」まで行います。
実行結果: 条件に一致する行だけが色分け表示される
アプリを更新してレコード一覧画面を開くと、対応状況が「未対応」の行だけがピンク色で 強調表示されます。「対応中」「対応済み」の行は通常どおりの表示のままです。
ルールは複数追加でき、1行が複数のルールに一致する場合は設定した順番で最初に一致したルールの 色が採用されます。担当者ごと・期限超過ごとなど、複数の観点で色分けルールを使い分けられます。
あわせて確認したいポイント
- 条件の演算子は「等しい」「等しくない」「より大きい」「以上」「より小さい」「以下」「を含む」「を含まない」「空である」「空でない」の10種類です。大小比較は数値として、それ以外は文字列として比較します。
- 対象は表形式の一覧のみです。カレンダー形式・カスタマイズビューには適用されません(プラグイン個別ページのセキュリティレビューサマリ参照)。
- 関連レコード一覧・グループ・罫線・ラベル・スペース・テーブル内フィールドは、色分けの対象列にはなりません。
- 操作用のボタン列(詳細表示・編集・削除)には背景色を適用しません。