kintoneテーブル配色プラグイン

テーブルを、
色で見分ける。

サブテーブルと関連レコードの「ヘッダー背景・ヘッダー文字・奇数行・偶数行・枠線・ホバー色」の6項目を個別に設定。
テーブルごとに別々の配色にでき、設定できるテーブル数に上限はありません。
詳細画面は常時、編集/新規作成は設定でON/OFF
10種のプリセットからワンタッチ、HEXでの細かい指定にも対応します。
※PC専用(モバイルは対象外)。

10種配色プリセットから選ぶだけ
6色を個別ヘッダー/文字/奇数偶数行/枠線/ホバー
詳細・編集・新規色を出す画面を選べる

Features

よしなにテーブルカラーでできること。

テーブルを一目で判別

同じ灰色で埋もれていた複数のテーブルを、青・緑・橙で見分け。
スクロール中も「今どの表か」を見失いません。

自由

配色は細かく決められる

ヘッダー背景・ヘッダー文字・奇数行・偶数行・枠線・ホバーの6色をそれぞれ指定。
テーブルごとに別々の配色にでき、設定数に上限はありません。
10種プリセット+HEX入力で会社やブランドの色にも合わせられます。

範囲

使う場面を選べる

詳細は常時、編集・新規は設定でON/OFF
行を追加しても自動で色が付き直します。
入力中の画面でも色分けして、打ち間違いの表を防ぎます。

Demo

灰色で埋もれた表が、青・緑・橙でひと目で分かる。

標準の同色テーブルから、プリセット選択・個別配色・適用範囲の切替まで、ビフォーアフターで見せます。

デモ動画実機の操作を収録。ヘッダーは非表示・赤枠スポットライトで要点を解説。
ビフォーアフター

同じレコードで、灰色→色分けの劇的な対比を見せます。

10種プリセット

ブルー/グリーン/オレンジなど10色からワンタッチ配色。

個別配色

ヘッダー背景・ヘッダー文字・奇数行・偶数行・枠線・ホバーの6色をHEXで細かく指定できます。

適用範囲

詳細は常時、編集・新規はON/OFFを設定で切替できます。

Settings

設定画面は、これだけ。

設定画面でテーブルを選び、ヘッダー背景・ヘッダー文字・奇数行・偶数行・枠線・ホバーの6色を指定。
10種プリセットからワンタッチ、HEXでの微調整もここで完結します。

よしなにテーブルカラーの設定画面

Setup

設定方法。必要な手順は、これだけ。

導入から使えるようになるまでの手順です([必須]/[任意])。

プラグインを追加 [必須]

kintoneのアプリ設定でプラグインを追加し、有効化します。

対象テーブルを追加 [必須]

「+フィールドを追加」で色を付けるサブテーブルまたは関連レコードを選びます(一覧に出ないときは「手動で入力」でフィールドコードを直接指定)。

6色を決める [必須]

ヘッダー背景・ヘッダー文字・奇数行・偶数行・枠線・ホバーの色を、10種プリセットのワンクリックかHEXで指定します。

反映する画面を選ぶ [任意]

詳細画面は常時ON。
編集・新規作成画面にも出したいときだけONにします(初期OFF)。

保存 [必須]

「保存」を押すと反映されます(アプリ更新=デプロイは不要)。
一時的に止めたいテーブルは「有効」スイッチをOFFに。

Colors

色は、プリセット・HEX・RGBで自由に。

10種のプリセットからワンクリック。
各色の□をクリックするとカラーピッカーが開き、RGB(R/G/B)やHSLでも細かく指定できます。
決まった色はHEXの直接入力でもOK。
ヘッダー背景・ヘッダー文字・奇数行・偶数行・枠線・ホバーの6色を個別に設定できます。

6色のカラーピッカー・HEX入力・10種プリセット
設定画面

6色+10プリセット+HEX

テーブルごとにヘッダー背景・文字・奇数/偶数行・枠線・ホバーを設定。
10種プリセットやHEX入力にも対応します。

RGBで色を指定するカラーピッカー(R/G/B入力)
RGB指定

R・G・Bの数値でも

色の□をクリックするとピッカーが開き、R/G/Bの数値やスライダー、HSLでも思い通りの色に調整できます。

How It Works

導入は、設定画面だけで完結。

プラグインを追加

kintoneのアプリ設定からプラグインを追加し、有効化します。

テーブルと色を設定

対象テーブルを選び、色(プリセットまたはHEX)と適用範囲(編集・新規のON/OFF)を設定して保存します。

詳細・編集・新規で反映

詳細画面は常時、編集・新規はONにした画面で色が自動反映されます(一覧画面は対象外)。

Use Cases

こんなkintoneアプリに。

受注・注文明細

配送先テーブル

関連商品(関連レコード)

案件管理の複数テーブル

見積明細と備考

在庫・入出庫明細

PACK

パックで、まとめておトクに。

よしなにテーブルカラーは「UI/UXパック」(月額9,800円・税別)でご利用いただけます。
パックの内容と料金は一覧ページをご覧ください。お申し込み・ご相談はメールで承ります。

料金・パックを見る メールで相談する