bstプラグイン料金ブログ無料アイコン30日無料で試す
BLOG

kintoneの一覧を条件で色分けする方法3選

2026-07-22公開 / カテゴリ: 一覧・見える化 / 執筆: bst 開発チーム

「期限切れの案件が、一覧の中に埋もれていて気づけなかった」「Excelなら条件付き書式で赤くできたのに」——kintoneに台帳を移した現場から、よく聞く声です。

データは正しく入っている。一覧も作った。それでも見落としは起きます。私たちはkintoneプラグインの開発元として、この「埋もれる」相談を数多く受けてきました。本記事は2026年7月時点の仕様に基づいて、原因と3つの解決方法を整理します。

kintoneの一覧に、Excelのような「条件付き書式」はありません。
何百行あっても、すべての行が同じ見た目で並びます。この記事では、埋もれる原因 → 標準機能でできる工夫 → 色分けを実現する3つの方法、の順で解説します。
この記事で分かること
  • kintoneの一覧で期限切れや重要データが埋もれる理由
  • 標準機能でできる「見落とし対策」と、できないことの境界線
  • 色分けを実現する3つの方法(絞り込み活用・JavaScript自作・プラグイン)の費用と工数の比較
  • それぞれのメリット・デメリットと、導入前に確認すべき注意点
  • 色に頼りすぎない色分け設計のコツと、よくある質問への回答
先に結論:kintoneの一覧を条件で自動的に色分けする機能は、標準にはありません。解決方法は、次の3つです。
①絞り込み一覧と通知で代替する「期限切れだけの一覧」を作り、リマインダー通知で知らせる方法。無料ですが、一覧を切り替えないと気づけません。
②JavaScriptで色付けを自作するライセンス費用は不要。公式APIでセル要素を取得して色を変えられますが、条件の管理がコードに埋まり、保守が負担になります。
③条件書式プラグインを使う有料(年額)ですが、GUIで条件と色を選ぶだけ。Excelの条件付き書式の感覚で、一覧が「見える化」されます。

一覧は、毎日全員が見る画面です。期限や閾値のあるデータを扱っているなら、総コストではプラグインが最も安くつくケースが多い——これが本記事の結論です。理由を順に説明します。

kintoneの一覧で大事なデータが埋もれる理由|標準機能でできること・できないこと

原因:一覧は「すべての行が同じ見た目」で表示される

kintoneの一覧は、条件による見た目の変化を持ちません。期限が昨日でも来月でも、金額が10倍違っても、行の色も文字の太さも同じです。

一方で人間は、文字を読む前にまず色や形で画面を把握します。全行が同じ見た目の一覧では、「読んで・比べて・判断する」作業を1行ずつ強いられることになり、行数が増えるほど見落としは必然になります。下のデモで体感してみてください。

触って比較同じ一覧が、色のルールでこう変わる(右のルールは切り替えられます)
✕ kintone標準(色なし)BEFORE
案件名期限状況
この中に期限切れが2件。1行ずつ読まないと見つかりません
▼ bstプラグインを入れると
○ bst ビジュアル条件書式プラグインAFTER
案件名期限状況
開いた瞬間、期限切れの赤が目に飛び込みます。探す作業が消えます

色のない一覧では、期限の列を1行ずつ目で追って今日の日付と見比べる必要があります。色のある一覧では、その作業自体が消えます。

標準機能でできること(まずは無料でここまで)

標準機能ではできないこと

人は、文字を読む前に色を見ています。
色分けとは装飾ではなく、「読まなくても伝わる」ようにする仕組みです。

一覧の色分けを実現する3つの方法【比較】

方法1:絞り込み一覧と通知で代替する(代替方法・無料)

色そのものは諦め、「異常だけを取り出す」方向の工夫です。「期限切れ一覧」「金額500万円以上一覧」のような保存済み一覧と、リマインダー通知を組み合わせます。

メリットは費用ゼロで、通知は色分けにない「押し掛けてくれる」強みがあります。デメリットは、普段見ている一覧では相変わらず埋もれること、確認する一覧の数が増えて切り替えが手間になること、そして「一覧を見る習慣」自体に依存することです。

方法2:JavaScriptで色付けを自作する(無料〜外注)

kintoneはJavaScriptカスタマイズを公式にサポートしており、一覧画面のイベント(app.record.index.show)で各レコードの値を判定し、公式API(kintone.app.getFieldElements)でセルの要素を取得して背景色を変える実装が可能です。技術的には正攻法で、公式APIの範囲で実現できます。

メリットは、ライセンス費用が不要で、独自の複雑な条件も書けることです。

デメリットと注意点は3つあります。

  1. 条件がコードに埋まる:「期限を3日前から黄色にしたい」という現場の要望のたびに、コード修正とファイルの再アップロードが必要です。担当者が変わると誰も触れなくなります。
  2. 画面ごとの作り込み:一覧のページ送りやソートでの再描画、モバイル画面など、安定させるには考慮点が多くあります。
  3. kintoneアップデートへの追随:更新のたびに動作確認が必要で、保守は恒久的な仕事になります。

方法3:条件書式プラグインを使う(ノーコード・GUI設定)

プラグインは、kintoneに機能を追加する公式の仕組みです。導入手順は次の5ステップだけです。

  1. プラグインのZIPファイルを入手する(試用版で構いません)
  2. kintoneシステム管理 →「プラグイン」→「読み込む」でZIPを登録する
  3. 対象アプリの設定 →「プラグイン」→「追加」で有効化する
  4. 設定画面で「条件」と「色」を選んでルールを作る(例: 期限が今日より前 → 行を赤)
  5. 「アプリを更新」して、一覧の色分けを確認する

bstのビジュアル条件書式プラグインの場合、できるようになることは3つです。

①条件に合う行・セルを自動で色分け期限切れを赤く、達成を緑に。一覧を開いた瞬間に、対応すべき行が目に飛び込んできます。
②複数ルールの組み合わせ「期限切れは赤」「今日が期限は黄色」「完了は緑」のように、ルールを重ねて一覧全体を信号化できます。
③設定はGUIだけ条件と色を画面で選ぶだけで、コードは1行も書きません。「3日前から黄色に変えたい」という調整も、その場で完了します。

メリットは導入の速さと、条件変更を現場で完結できること。デメリットは年額費用(例: ¥19,800/年)がかかることです。色分けの判定と描画はブラウザ内で完結し、業務データが外部に送信されることはありません。

比較項目①絞り込み+通知②JavaScript自作③プラグイン
普段の一覧で目立つ×(切り替えが必要)◎(実装次第)
初期費用0円0円〜(外注10万円台〜)0円(試用30日)
継続費用一覧管理の手間保守工数(条件変更のたび)年額ライセンス
条件変更の速さ即日(一覧の編集)コード修正が必要GUIでその場
通知(押し掛け)××(通知は標準機能を併用)
必要スキル不要JavaScript開発・保守不要(GUIのみ)
属人化リスク

導入前の注意点として、条件書式系プラグインを選ぶ際は次の4点を確認してください。

  1. 色以外の伝達手段の併用:色覚の多様性に配慮し、色だけに情報を持たせない運用ができるか(濃淡の差を付ける、絞り込み一覧や通知を併用する)
  2. ルールの管理のしやすさ:ルールが増えたとき、GUIで一覧・編集できるか
  3. データの扱い:見た目だけを変え、フィールドやデータに手を加えない設計か
  4. 外部通信の有無:業務データが外部サーバーへ送られない設計か(情報システム部門の審査ポイントです)

「全部目立つ」を防ぐ色分け設計の3つのコツ(業務改善の視点)

色分けは強力なぶん、やりすぎると一瞬で効果を失います。設計のコツは3つです。

信号の3色から始める赤=今すぐ対応、黄=注意、緑=完了。誰もが説明なしで読める色から始めれば、教育コストはゼロです。
赤は「本当に危険なもの」だけに使う赤い行が10行も並ぶと、赤は色ではなく背景になります。赤の希少性こそが、見落とし防止の生命線です。
ルールは5個まで色の意味を覚えられる数には限界があります。6個目を足したくなったら、既存ルールの統合か、絞り込み一覧への分離を検討します。

社内稟議・情報システム部門への説明ポイント

有料プラグインの導入に承認が必要な場合は、次の3点で説明すると通りやすくなります。

費用対効果見落とし1件の損失で考えます。期限切れによる失注・信用低下・お詫び対応は、1件でも年額費用を超えることが珍しくありません。「保険」として説明するのが実態に合います。
セキュリティ業務データの外部送信がないことを、提供元の仕様説明で確認して稟議に添付します。
やめられるか解約・削除しても一覧の見た目が元に戻るだけで、フィールドやデータには影響しないことを確認しておきます。

活用イメージとよくある質問

現場での活用イメージ

条件書式がよく使われる典型的な場面を3つ紹介します(特定の導入企業の事例ではなく、想定される代表的な活用パターンです)。自社の一覧に近いものがあれば、試用版で同じルールを再現してみてください。

よくある質問

色を付ける条件は、いくつまで設定できますか?

bstのビジュアル条件書式プラグインでは、複数のルールを組み合わせて設定できます。ただし運用上は、本文で解説しているとおり5個程度までに絞ることをおすすめしています。多すぎる色は「全部目立つ=何も目立たない」状態を招くためです。

Excelの条件付き書式と同じことができますか?

「条件に合う行やセルを自動で色分けする」という中核は同じ感覚で使えます。設定はコードではなくGUIで行うため、Excelの条件付き書式に慣れている方ならすぐに馴染めます。

レコードのデータに影響はありませんか?

ありません。プラグインが変えるのは一覧の見た目(表示)だけで、フィールドや保存されているデータには手を加えません。プラグインを外せば元の表示に戻ります。

業務データが外部に送信されませんか?

送信されません。色分けの判定と描画はすべてブラウザ内で完結します。年額プランのライセンス確認で送信されるのは「kintoneドメイン名」のみです。

無料で試せますか?

30日間の無料試用版があります。メールアドレスの登録も不要で、ZIPをダウンロードしてkintoneに読み込むだけで全機能を試せます。

まとめ:色は「読む一覧」を「見る一覧」に変える

この課題を最も簡単に解決する方法
bstのビジュアル条件書式プラグインは、この記事で挙げた選定ポイントを満たすように作られています——条件と色をGUIで選ぶだけ、複数ルールの重ね掛け、データ構造には手を加えず、業務データの外部送信もありません。30日間・登録不要で試せます。製品ページには色分けの効果を実際に操作できるデモがありますので、まずは触ってみてください。
ビジュアル条件書式プラグインを見る →

関連記事: kintoneのドロップダウンを連動させる方法3選kintoneで部分一致検索ができない理由と3つの解決方法