📌 レシピ 1:タスク管理の「いつ対応すべきか」を色で分ける
タスクの 期限フィールド を、当日・3 日以内・1 週間以内・余裕ありで自動色分け。毎朝開くたびに自動で色が更新されます。
| 順 | 比較元 | 演算子 | 比較値 | 背景色 | 意味 |
|---|---|---|---|---|---|
| 1 | 期限 | < | TODAY | 🔴 赤 | 期限切れ(過去) |
| 2 | 期限 | = | TODAY | 🟠 オレンジ | 今日が期限 |
| 3 | 期限 | <= | TODAY+3 | 🟡 黄 | 3 日以内に期限 |
| 4 | 期限 | <= | TODAY+7 | 🟢 黄緑 | 1 週間以内に期限 |
| 5 | 期限 | > | TODAY+7 | ⚪ 白 | 余裕あり |
フィールドスタイラーは、kintone のフィールドの背景色・フォント・文字色・条件付きスタイルなどを JavaScript なしで設定できるノーコードプラグインです。全 10 機能を基本無料でご利用いただけます。
v2.1.0 では条件付きスタイルを強化しました。条件ごとに「太字にする/太字を解除する」を個別に指定できるようになり、背景色・文字色だけでなく文字の太さでも状態を表現できます。
さらに1 フィールドあたりの条件設定数を最大 5 件から最大 10 件へ拡張。多段階の色分けや、より細かい業務ルールにも対応します。
プログラミング不要。プラグイン設定画面から直感的に操作できます。
フィールドの背景色を自由に変更。カラーピッカーで直感的に設定できます。
15種類のフォントから選択。メイリオ、ヒラギノ、Arial等、日本語・英語フォントに対応。
文字の色をカラーピッカーで自由に変更。重要項目の視認性向上に。
入力できる文字数を制限。保存時にもバリデーションを実行し、確実に制御します。
フィールドの文字を太字に。見出しや重要項目を目立たせることができます。
値に応じて背景色・文字色・太字を動的に変更。最大10条件まで設定でき、条件ごとに太字のオン/オフも切替可能。
文字サイズをピクセル単位で自由に変更。小さく控えめに、大きく目立たせることも。
ワンクリックでフィールドの値をクリップボードにコピー。一覧画面でも使えます。
半角英数字のみ、ひらがなのみなど9種類の制限パターンから選択可能。
空欄時にヒントテキストを表示。入力ガイドとして活用できます。
値に応じて背景色・文字色・太字を自動で切り替え。設定はすべてノーコードです。
TODAY+7(1 週間後)/TODAY-3(3 日前)など、当日基準の前後を比較値に指定できます。{締切日}-1(締切前日)/{受注日}+30(受注 30 日後)など、別フィールド値の前後を指定できます。日付フィールドを ターゲットフィールド に指定して、以下の条件を上から順に設定してください。条件は「上から順に評価し最初に一致したものが適用」されるため、厳しい(マッチ条件が狭い)順に並べるのがコツです。
タスクの 期限フィールド を、当日・3 日以内・1 週間以内・余裕ありで自動色分け。毎朝開くたびに自動で色が更新されます。
| 順 | 比較元 | 演算子 | 比較値 | 背景色 | 意味 |
|---|---|---|---|---|---|
| 1 | 期限 | < | TODAY | 🔴 赤 | 期限切れ(過去) |
| 2 | 期限 | = | TODAY | 🟠 オレンジ | 今日が期限 |
| 3 | 期限 | <= | TODAY+3 | 🟡 黄 | 3 日以内に期限 |
| 4 | 期限 | <= | TODAY+7 | 🟢 黄緑 | 1 週間以内に期限 |
| 5 | 期限 | > | TODAY+7 | ⚪ 白 | 余裕あり |
放置されている案件を可視化。期限切れの度合いで色を強くして、対応漏れを未然に防止。
| 順 | 比較元 | 演算子 | 比較値 | 背景色 | 意味 |
|---|---|---|---|---|---|
| 1 | 期限 | <= | TODAY-30 | ⚫ 黒 | 30 日以上経過(重大) |
| 2 | 期限 | <= | TODAY-7 | 🔴 赤 | 7 日以上経過(要対応) |
| 3 | 期限 | < | TODAY | 🟠 オレンジ | 1〜6 日経過(注意) |
| 4 | 期限 | = | TODAY | 🟡 黄 | 本日が期限 |
顧客マスタからルックアップした 締切日 と、発注日 の関係を自動チェック。締切日が案件ごとに違っても、設定 1 つで全レコードに対応します。
| 順 | 比較元 | 演算子 | 比較値 | 背景色 | 意味 |
|---|---|---|---|---|---|
| 1 | 発注日 | >= | {締切日}+7 | 🔴 赤 | 締切から 7 日以上経過した発注(遅延) |
| 2 | 発注日 | > | {締切日} | 🟠 オレンジ | 締切後の発注(1〜6 日遅れ) |
| 3 | 発注日 | = | {締切日} | 🟡 黄 | 締切ジャスト発注 |
| 4 | 発注日 | >= | {締切日}-3 | 🟢 黄緑 | 締切 3 日前以内(直前駆け込み) |
| 5 | 発注日 | < | {締切日}-3 | ⚪ 白 | 余裕を持った発注 |
締切日の前日になったらフィールドを目立たせる、シンプルな「明日が締切」アラート。
| 順 | 比較元 | 演算子 | 比較値 | 背景色 | 意味 |
|---|---|---|---|---|---|
| 1 | 締切日 | = | TODAY+1 | 🟠 オレンジ | 明日が締切(前日アラート) |
| 2 | 締切日 | = | TODAY | 🔴 赤 | 本日が締切 |
| 3 | 締切日 | < | TODAY | ⚫ 灰 | 期限切れ |
受注後の経過日数で、フォローのタイミングを自動可視化。「30 日経ったら確認」「90 日経ったらクローズ判断」など、業務フローに合わせて設定可能。
| 順 | 比較元 | 演算子 | 比較値 | 背景色 | 意味 |
|---|---|---|---|---|---|
| 1 | 受注日 | <= | TODAY-90 | 🔴 赤 | 90 日以上経過(クローズ判断) |
| 2 | 受注日 | <= | TODAY-30 | 🟠 オレンジ | 30 日以上経過(フォロー要) |
| 3 | 受注日 | <= | TODAY-7 | 🟡 黄 | 7 日以上経過(進捗確認) |
| 4 | 受注日 | > | TODAY-7 | 🟢 緑 | 受注したて |
「比較元セレクタ」を使うと、色を変えるフィールドと判定基準のフィールドを分けて指定できます。担当者カラムを締切日基準で色付けすれば、一覧画面で誰のタスクが遅れているか一目瞭然。
⚙️ ターゲットフィールド:担当者 / 各条件で 比較元を「締切日」 に変更
| 順 | 比較元 | 演算子 | 比較値 | 背景色 | 意味 |
|---|---|---|---|---|---|
| 1 | 締切日 | < | TODAY | 🔴 赤 | 期限切れ案件の担当者を赤く |
| 2 | 締切日 | <= | TODAY+3 | 🟠 オレンジ | 3 日以内に締切の担当者を強調 |
| 3 | 締切日 | > | TODAY+3 | 🟢 緑 | 余裕がある担当者は緑 |
色だけでなく太字も併用すると、視認性がさらに上がります。基本は通常表示にしておき、期限が近い・超過した条件のときだけ太字にすると、一覧でも該当行がぐっと目立ちます。
| 順 | 比較元 | 演算子 | 比較値 | 太字 | 意味 |
|---|---|---|---|---|---|
| 1 | 期限 | < | TODAY | 太字にする | 期限切れは赤+太字で最優先 |
| 2 | 期限 | <= | TODAY+3 | 太字にする | 3 日以内は太字で注意喚起 |
| 3 | 期限 | > | TODAY+3 | 変更しない | 余裕がある案件は通常表示 |
💡 ヒント: 「条件設定 → 一覧にも適用 トグルを ON」にすると、一覧画面でも自動色付け・太字が効きます。レコードを開かなくても、案件の状況が一目で分かるダッシュボードのような使い方ができます。
プラグインの設定画面からすべての機能をノーコードで操作できます。
プラグインを適用するだけで、一覧画面の視認性が大きく向上します。
導入前 — すべてのフィールドが同じスタイルで表示
導入後 — 背景色・文字色・条件付きスタイルで視認性が向上
5ステップで導入完了。プログラミング知識は不要です。
plugin.zip をダウンロードplugin.zip をアップロード基本機能は完全無料でご利用いただけます。気に入っていただけたら、年間サポーターとして開発をご支援ください。
※5プラグイン以上ご利用ならプレミアム年間サポーター(年額¥16,500・税込)もお得です
KIZUNA Works のプラグインは、お客様のデータを社外に持ち出さない設計です。気になる方はブラウザの開発者ツール(F12)で通信内容をご確認いただけます。
プラグインが扱うレコードやフィールドの値が、当社や第三者のサーバーへ送られることはありません。
ライセンスの確認のため、プラグイン ID と利用ドメイン名だけを当社サーバー(Google Apps Script)へ送信します。通信は kintone のプロキシ経由で行われます。
第三者製ライブラリは使用していません。改ざんリスクのある外部 CDN への依存はありません。
API キー等の秘匿情報をコードに直書きせず、設定は kintone 標準の暗号化された設定領域に保存します。
基本機能は無料でご利用いただけます。
広告非表示・サポーター特典付きの「年間サポーターライセンス」もご用意しています。
同じく無料で配布中の kintone プラグイン
kintone とプラグインの活用情報をブログで発信中
プラグインのご質問や改善要望など、お気軽にお問い合わせください。
お問い合わせ