クイックサーチ kintone プラグイン
kintone 一覧画面のフィルター/ソートアイコン横にインライン検索バーを追加。AND / OR 切替・スペース区切りの複数キーワード・テキスト系/選択肢系フィールドの横断検索に対応した、レコード絞り込みを高速化するプラグインです。
こんな課題を解決します
kintone 標準絞り込みの「クリックの多さ」「複数フィールド検索の不便さ」「都度設定のやり直し」を解消
絞り込みパネルを毎回開くのが面倒
標準絞り込みは漏斗アイコン → 条件設定パネル → 適用、のステップが必要。毎回操作が冗長になる
複数フィールドの横断検索ができない
「会社名 OR 担当者名 OR メモ」のような複数フィールドを 1 つのキーワードで一気に検索したいが、標準では条件を 1 つずつ追加する必要がある
AND / OR の切替が直感的でない
複数キーワードでの絞り込み時、AND と OR を切り替えるたびに条件式を組み直すのは大変
主な機能
- インライン検索バー — 一覧画面のフィルター/ソートアイコンの右隣に検索バーを設置。クリック数を減らして検索を即実行できます。
- AND / OR トグル — 複数キーワード時の検索モードをワンクリックで切替。クリア後も最後の状態を保持します。
- 複数キーワード対応 — スペース区切り(半角・全角どちらでも可)で複数キーワードを指定。AND モードなら全キーワードを含むレコード、OR モードならいずれかを含むレコードがヒット。
- 3 種類の検索ボタン — 「検索」(ビューフィルタ維持)/「全検索」(フィルタ無視)/「クリア」(元に戻す)を使い分け可能。
- テキスト系・選択肢系の横断検索 — 文字列・リッチエディタ・リンク・ルックアップ・ドロップダウン・チェックボックスなど、種類の異なるフィールドを 1 つのキーワードで一気に検索。
- 選択肢のファジーマッチ — ドロップダウンに「東京都」がある状態で「東京」と入力 → 部分一致で該当選択肢を自動展開してヒット。
- ボタンカラーのカスタマイズ — 各ボタンの色を管理画面のカラーピッカーで自由に指定可能。コーポレートカラーに合わせられます。
- ビュー単位で表示制御 — 検索バーを表示する一覧ビューを管理画面で個別選択。一部ビューだけに出すといった運用が可能。
- JS カスタマイズ非依存 — 検索バーは sync で DOM 投入され、他の JavaScript カスタマイズの async 処理に影響されません。
標準絞り込みとの違い
「会社名・担当者名で素早く絞り込みたい」操作を比較
kintone 標準
- 漏斗(フィルター)アイコンをクリック
- 絞り込み条件パネルが開く
- 条件を 1 行追加(フィールド・演算子・値を選ぶ)
- 必要なら「OR」で別フィールドの条件を追加
- 「適用」をクリックして絞り込み
- 条件を変えるたびに同じ作業を繰り返し
クイックサーチ
- 検索バーにキーワードを入力(複数はスペース区切り)
- 必要なら AND/OR をワンクリック切替
- Enter または検索ボタンで即絞り込み
動作画面イメージ
レコード一覧画面で実際にどう見えるか
kintoneツールバーのフィルター/ソートアイコンの右隣に検索バーがインライン配置されます。AND/OR トグル・キーワード入力欄・3 種類の検索ボタンが一目で操作可能。
「アプリ 80」のように半角スペースで区切った 2 つのキーワードを AND で検索。両方のキーワードを含むレコードだけが瞬時に絞り込まれます。
OR モードに切替えれば「いずれかのキーワード」を含むレコードを一気に取得。トグルボタンをクリックするだけで AND ⇔ OR を切替えられ、クリア後もモードは維持されます。
設定画面イメージ
プログラミング知識不要・ノーコードで完結
アプリのフィールドがチップ式で並びます。文字列・リッチテキスト・リンク・ルックアップ・ドロップダウン・チェックボックスなどを横断的に選択可能。「全選択」「全解除」も用意。
検索バーを表示する一覧ビューを個別に選択できます(一部ビューだけに出すといった運用も可能)。プレースホルダーテキストもアプリの内容に合わせて自由にカスタマイズ。
AND/OR トグル・検索・全検索・クリアの 4 ボタンの色をカラーピッカーで自由に指定。下部のプレビューエリアで設定中の見た目をリアルタイムに確認できます。
インストール手順
5 ステップで導入完了。プログラミング知識は不要です。
- 「プランについて」セクションのダウンロードボタンから
plugin.zipをダウンロード - kintone のシステム管理 → プラグインを開く
- 「読み込む」ボタンから
plugin.zipをアップロード - 使用するアプリのアプリ設定 → プラグインでクイックサーチを追加し、設定画面で「検索対象フィールド」「検索バーを表示する一覧」を選択して保存
- アプリを更新(デプロイ)してから一覧画面をリロード
プランについて
基本機能は完全無料でご利用いただけます。気に入っていただけたら、年間サポーターとして開発をご支援ください。
基本プラン
- ✅ 全機能(AND/OR 切替・複数キーワード・横断検索・ボタンカラー)が利用可能
- ✅ 利用期限なし・いつまでも無料
- ✅ 一覧画面に控えめな広告バナーが表示
年間サポーター
- ✅ 全機能(AND/OR 切替・複数キーワード・横断検索・ボタンカラー)が利用可能
- ✅ 一覧画面の広告バナーが完全非表示
- ✅ プラグイン作成リクエスト・改善要望を送付可能
- ✅ サポーターの声を優先して開発に反映
よくある質問
like による部分一致、選択肢系は入力キーワードを選択肢ラベルへ部分一致させた上で in 検索を行います。数値・日付・添付ファイル・ユーザー/組織/グループ選択は kintone の like/in 演算子の制約上 v1 では未対応です。
in (...) 句に展開します。「東京」と入力すると「東京都」「東京駅」など部分一致するすべての選択肢が検索対象になります。
kintone.app.getHeaderMenuSpaceElement() を使い、一覧ヘッダー内のフィルター/ソートアイコンの右隣に表示します。kintone のデザイン変更により位置取りが変わる可能性に備えて、ヘッダー直下の getHeaderSpaceElement() へのフォールバックも実装済みです。
getHeaderMenuSpaceElement() を使うカスタマイズと併用しても、固有 ID #kwqs-bar で重複 mount を回避します。
注意事項
- 本プラグインは KIZUNA Works が独自に開発したものであり、サイボウズ株式会社が提供・保証するものではありません。
- kintone はサイボウズ株式会社の登録商標です。
- 動作は Google Chrome 最新版での確認を推奨します。
- 本プラグインの使用により生じたいかなる損害についても、KIZUNA Works は責任を負いません。
- ppk(秘密鍵)ファイルは配布物に含まれていません。
- カレンダー / カスタマイズビューでは検索バーは表示されません(LIST 形式のみ対応)。
関連プラグイン
同じく無料で配布中の kintone プラグイン
関連ブログ記事
kintone とプラグインの活用情報をブログで発信中
ご質問・ご要望
プラグインのご質問や改善要望など、お気軽にお問い合わせください。
お問い合わせinfo@kizuna-works.jp までお気軽にどうぞ
プラグインを気に入っていただけましたか?
基本機能は無料でご利用いただけます。
広告非表示・サポーター特典付きの「年間サポーターライセンス」もご用意しています。