一覧スタイラープラグイン アイコン
無料配布中 v1.0.1

一覧スタイラー for kintone

kintone のレコード一覧画面を見やすく整えるプラグインです。横長の一覧で左端の列(案件名・会社名などのキー列)を横スクロールに追従して固定し、ゼブラ(縞模様)・行番号・行ホバーで視認性を向上。さらに条件に応じて行の背景色・文字色・太字を変えられるので、「失注はグレー」「期限超過は赤字」など状態をひと目で把握できます。設定は一覧ビューごとに適用でき、フィールドスタイラーとも共存します。

こんな課題を解決します

項目数の多い横長の一覧、そのままでは見づらくありませんか?

↔️

横スクロールでキー列が消える

項目が多い一覧を右にスクロールすると、案件名や会社名などの左端の列が見えなくなり、「今どの行を見ているのか」が分からなくなる。Excel のウィンドウ枠固定のように残したい。

📑

行が詰まって見分けづらい

似たような行が並ぶと、目線が隣の行にズレてしまう。縞模様や行番号、ホバーのハイライトがあれば、行を取り違えずに読み進められる。

🎨

状態や期限を一目で把握したい

失注・受注・期限超過などを、一覧を眺めただけで判別したい。条件に応じて行の色や文字を変えられれば、重要な行をすぐに見つけられる。

導入前と導入後

左端の列が固定され、ゼブラや色分けで一覧がぐっと見やすくなります

一覧スタイラー導入前の kintone レコード一覧画面 — 列固定や装飾がなく、横長で行を見分けづらい標準状態
導入前:標準の一覧(横長で見づらい)
一覧スタイラー導入後の kintone レコード一覧画面 — 左端の会社名・案件名を固定し、ゼブラ(縞模様)で行を見分けやすくした状態
導入後:左端の列を固定+ゼブラで見やすく

横スクロールしてもキー列が残る

左端の列(0〜3列)を横スクロールに追従して固定。ヘッダーも一緒に固定されます

一覧スタイラーで列を固定し右へ横スクロールした kintone 一覧画面 — 左端の会社名が固定されたまま、右側の列だけがスクロールしている状態
横スクロール中も「会社名」が左端に固定されたまま

主な機能

見やすさの調整も自由自在

ゼブラの色・行番号・条件付きの色分けで、一覧を用途に合わせて整えられます

一覧スタイラーでゼブラ(縞模様)の色を指定した kintone 一覧画面 — 奇数行・偶数行に淡い色を交互に適用した状態
ゼブラ(縞模様)の色を指定
一覧スタイラーで行番号を表示した kintone 一覧画面 — 左端に 1, 2, 3… の連番が表示された状態
行番号を表示
一覧スタイラーで条件付きの行の色分けを適用した kintone 一覧画面 — フィールドの値に応じて行の背景色が変わっている状態
条件付きで行の背景色を変更(例:状態ごとに色分け)

設定画面の使い方

「設定セット」に対象の一覧と各スタイルを設定するだけ。プログラミング知識は不要です。

一覧スタイラー 設定画面① — 設定セットの対象一覧の選択と、左から固定する列数(0〜3)の指定
① 対象の一覧・固定する列数

設定セットに、スタイルを適用する一覧ビューを選び、左から固定する列数(0〜3)を指定します。一度選んだ一覧は他セットの候補から除外されます。

一覧スタイラー 設定画面② — 行の背景・文字色(ゼブラ2色/単色/なし)、行ホバー、行番号、行から詳細を開く(ダブル/シングル・同/別タブ)の設定
② 基本の行スタイル・行番号・行クリック

行背景(ゼブラ2色/単色/なし)と基本文字色、行ホバー、行番号、行から詳細を開く操作(ダブル/シングル・同じウィンドウ/別タブ)を設定します。

一覧スタイラー 設定画面③ — 条件付き行の色分けのルール編集。フィールド・条件・値・背景色・文字色・太字の指定と、ドラッグによる優先順位の並べ替え
③ 条件付き行の色分け

「フィールド・条件・値 → 背景色/文字色/太字」をルールで指定。日付は TODAY が使え、上にある条件が優先(ドラッグで並べ替え)されます。

インストール手順

一覧形式(テーブル形式)の一覧ビューがあるアプリでご利用いただけます。

  1. 「プランについて」セクションのダウンロードボタンから kw-list-styler-v1.0.1.zip をダウンロード
  2. kintone のシステム管理 → プラグインを開き、「読み込む」ボタンから ZIP をアップロード
  3. 使用するアプリのアプリ設定 → プラグインで「一覧スタイラー」を追加
  4. プラグイン設定画面で設定セットを追加し、対象の一覧・固定する列数・行スタイル・条件付き色分けなどを設定して「保存」
  5. kintone 右上の「アプリを更新」(デプロイ)をクリックして反映完了

プランについて

基本機能は完全無料でご利用いただけます。気に入っていただけたら、年間サポーターとして開発をご支援ください。

基本プラン

¥0 / 完全無料
  • ✅ 全機能が利用可能
  • ✅ 利用期限なし・いつまでも無料
  • ✅ 一覧画面に控えめな広告エリア表示あり
無料でダウンロード

注意事項

  • 本プラグインは KIZUNA Works が独自に開発したものであり、サイボウズ株式会社が提供・保証するものではありません。
  • kintone はサイボウズ株式会社の登録商標です。
  • 動作は Google Chrome 最新版での確認を推奨します。
  • 本プラグインはレコード一覧画面(一覧形式・PC 版)でのみ動作します。詳細・編集画面では動作しません。
  • カレンダービュー・カスタマイズビューでは動作しません。テーブル形式(一覧形式)の一覧ビューでのみ動作します。
  • 「行から詳細を開く」を ON にすると、一覧上でのセルのダブルクリックによるインライン編集は使えなくなります(編集は各行の鉛筆アイコンから)。編集を一覧で多用する場合は「しない」を選んでください。
  • 固定列の細い罫線など一部の表示は、ブラウザの拡大率や高解像度(高DPI)設定により見え方がわずかに異なる場合があります。
  • kintone 標準の一覧 DOM 構造に依存するため、kintone 側の仕様変更により表示が変わる可能性があります(その場合はアップデートで対応します)。
  • モバイル版 kintone では動作しません。PC 版でのみ動作します。
  • 本プラグインの使用により生じたいかなる損害についても、KIZUNA Works は責任を負いません。
  • ppk(秘密鍵)ファイルは配布物に含まれていません。

セキュリティ・データの取り扱い

KIZUNA Works のプラグインは、お客様のデータを社外に持ち出さない設計です。気になる方はブラウザの開発者ツール(F12)で通信内容をご確認いただけます。

  • レコード等の業務データを外部に送信しません

    プラグインが扱うレコードやフィールドの値が、当社や第三者のサーバーへ送られることはありません。

  • 外部通信はライセンス認証のみ

    ライセンスの確認のため、プラグイン ID と利用ドメイン名だけを当社サーバー(Google Apps Script)へ送信します。通信は kintone のプロキシ経由で行われます。

  • 実行時に外部ライブラリ(CDN)を読み込みません

    第三者製ライブラリは使用していません。改ざんリスクのある外部 CDN への依存はありません。

  • 設定情報は kintone の暗号化領域に保存

    API キー等の秘匿情報をコードに直書きせず、設定は kintone 標準の暗号化された設定領域に保存します。

セキュリティ・データの取り扱いについて詳しく見る

よくある質問

列の固定はどのように設定しますか?
プラグイン設定で「設定セット」を作り、対象の一覧(ビュー)を選んで「左から固定する列数」を 0〜3 で指定します。指定した左端の列が横スクロールに追従して残り、その上のヘッダーも一緒に固定されます。チェックボックスや詳細アイコンなどの操作列は列数にカウントしません。0 を選ぶと列固定はせず、装飾だけ適用できます。
ゼブラ(縞模様)の色は自由に変えられますか?
はい。「行の背景・文字色(基本)」で、ゼブラの奇数行・偶数行の色をそれぞれカラーピッカーで指定できます。ゼブラのほか「単色」「なし(kintone標準)」も選べ、行の基本文字色も指定できます。これらは条件に関係なく一覧全体へ適用される土台のスタイルです。
条件によって行の色や文字を変えられますか?
はい。「条件付き行の色分け」で、フィールドの値が条件に一致した行の背景色・文字色・太字を変更できます。対象は文字列・数値・日付・選択肢(ドロップダウン等)・プロセス管理ステータスに対応。日付では値に TODAY(今日)・TODAY+7(7日後)・TODAY-3(3日前)が使え、「締切日 が次以下 TODAY → 赤」のように期限超過を強調できます。複数条件は上にあるものが優先され、ドラッグで順番(優先順位)を入れ替えられます。
行をクリックするとレコード詳細を開けますか?
「行から詳細を開く」で「ダブルクリック」または「シングルクリック」を選ぶと、行をクリックしてレコード詳細を開けます(同じウィンドウ/別タブを選択可)。ただしこの機能を ON にすると、一覧上でのセルのダブルクリックによるインライン編集は使えなくなります(編集は各行の鉛筆アイコンから)。編集を一覧で多用する場合は「しない」を選んでください。
弊社のフィールドスタイラーと一緒に使えますか?
はい、共存できます。フィールドスタイラーは特定フィールドのセルを色付けし、一覧スタイラーは行全体や条件で色付けします。同じセルが両方の対象になった場合は、フィールドスタイラー(セル単位の指定)が優先され、それ以外のセルに一覧スタイラーの行スタイルが適用されます。
複数の一覧ビューで別々の設定にできますか?
はい。「設定セット」を複数作成でき、1つのセットに複数の一覧ビューをまとめて同じスタイルを適用できます。一度どこかのセットで選んだ一覧は他のセットの候補から除外され、重複割当を防ぎます。どのセットにも入れなかった一覧は kintone 標準のままです。
モバイルや詳細画面でも使えますか?
レコード一覧画面(一覧形式・PC 版)専用です。カレンダービュー・カスタマイズビュー、詳細/編集画面、およびモバイル版 kintone では動作しません。
このプラグインは無料で使えますか?
はい、すべての機能を完全無料でご利用いただけます。利用期限もなく、ずっとお使いいただけます。設定画面に控えめな広告エリアが表示される「基本無料・広告表示モデル」を採用しており、対象プラグインの広告は年間サポーターライセンス(年額 ¥3,300 税込)にお申込みいただくことで非表示にできます。
同一 kintone 環境内の複数アプリで利用できますか?
はい、ZIP ファイル 1 つを kintone にアップロードしていただければ、同一 kintone 環境内のすべてのアプリでご利用いただけます。アプリごとに個別の設定値を保存できる設計です。
kintone のどのコースで使えますか?プラグイン読み込み機能は必要ですか?
kintone のプラグイン読み込み機能を利用するため、スタンダードコース以上が必要です。ライトコースではプラグイン機能自体が利用できないため、本プラグインも動作しません。
JavaScript やプログラミングの知識は必要ですか?
いいえ、不要です。プラグイン管理画面のフォームから設定するだけで利用できるノーコード設計になっています。カラーピッカーやドロップダウンで直感的に操作でき、コードを書く必要はありません。
対応している kintone バージョン・ブラウザは?
kintone のデスクトップ版(最新のクラウド版)と、kintone が公式サポートしている最新ブラウザ(Google Chrome / Microsoft Edge / Mozilla Firefox / Apple Safari)でご利用いただけます。Internet Explorer はサポート対象外です。
不具合や改善要望はどこに連絡すればいいですか?
KIZUNA Works のお問い合わせフォーム(/contact/)または info@kizuna-works.jp までご連絡ください。年間サポーターの方は、プラグイン作成リクエストや既存プラグインへの改善要望もお送りいただけます。

プラグインを気に入っていただけましたか?

基本機能は無料でご利用いただけます。
広告非表示・サポーター特典付きの「年間サポーターライセンス」もご用意しています。

サポーターライセンスの詳細・お申し込みへ

関連プラグイン

同じく無料で配布中の kintone プラグイン

ご質問・ご要望

プラグインのご質問や改善要望など、お気軽にお問い合わせください。

お問い合わせ