Toyokumo kintoneApp Blog

kintoneのドロップダウンとは?連動させる方法とおすすめプラグイン

トヨクモ編集部のサムネイルアイコン トヨクモ編集部

kintone』でフォームを作成する際、ユーザーの入力をスムーズにするには、ドロップダウンの連動が効果的です。

たとえば、タブ選択で「都道府県」から「東京都」を選ぶと、「新宿区」「渋谷区」「世田谷区」など、東京都内の市区町村だけが表示される仕組みです。これにより誤った項目の選択による入力ミスを防止でき、業務効率の向上が期待できます。

ただし、kintoneの基本機能だけでは実現できない点もあり、プラグインやJavaScriptなどによるカスタマイズが必要です。

本記事では、ドロップダウンを連動させる具体的な方法やおすすめのプラグイン、注意点などを徹底解説します。

kintoneのドロップダウンを連動させて、業務の効率化と正確性の両立を実現させたい方は、ぜひ参考にしてください。

kintoneのドロップダウンとは?

kintoneのドロップダウンは、あらかじめ用意した選択肢の中から1つだけを選んで入力できる便利な機能です。

たとえば、部署名・商品名・ステータスなど、決まった選択肢から選ぶ項目や入力ミスを防ぎたい項目、データを集計したい項目などに活用します。

レコード追加または編集画面では、ドロップダウンリストは閉じた状態で表示されます。クリックすると選択肢の項目が表示され、中から選択肢を1つ選ぶというものです。

レコード詳細画面では、選択した選択肢の項目のみ画面上に表示されるようになっています。

kintoneのドロップダウンを活用することで、より正確かつスムーズなデータ入力を実現できるのがメリットです。

どうやって使うの?設定する項目

参照:ドロップダウン|kintoneヘルプ

フィールド名では、入力項目の見出しを指定します。「フィールド名を表示しない」にチェックを入れると、以下の画面でフィールド名が非表示になります。

  • レコードの追加画面
  • レコードの編集画面
  • レコードの詳細画面
  • レコードの印刷用画面
  • フォームの設定画面

「項目と順番」では、選択肢の項目名を入力します。項目名は、全角または半角で最大128文字、1,000個まで設定できます。

参照:ドロップダウン|kintoneヘルプ

項目の数を増やすには、入力欄右側の「+」アイコンをクリック、または下部の項目が入力可能な状態でEnterキーを押します。

項目の数を減らすときは、入力欄右側の「-」アイコンをクリック、順番を変更する際は左側の矢印アイコンをドラッグ&ドロップしましょう。

初期値では、入力項目の初期値を設定します。フィールドコードは、計算式やAPIでこのフィールドを指定する場合に利用する文字列です。

どのような業務に使える?具体的な使用例

kintoneのドロップダウンフィールドは、選択肢の中から1つだけ選択する場合に使用するものです。たとえば、次のような場合に使用することをおすすめします。

・見積りアプリで「商品名」を1つだけ選択するフィールドとして使用する
・顧客管理アプリで顧客の「分類」を1つだけ選択するフィールドとして使用する
・問い合わせ管理アプリで「対応状況」を1つだけ選択するフィールドとして使用する

ドロップダウンは、レコード追加または編集画面で、ドロップダウンリストは閉じた状態で表示されます。

「選択肢が多すぎてラジオボタンだと場所を取りすぎてしまう」といった場合に、ドロップダウンを使用するのが便利です。

kintoneのドロップダウンを連動させる方法

kintoneのドロップダウンを連動させる方法は、以下の3つです。

  • JavaScriptやjQueryでプルダウン連動を実装する
  • Customineプラグインを活用する
  • 項目選択フィールド連動各種設定プラグインを活用する

それぞれ具体的な方法を見ていきましょう。

JavaScriptやjQueryでプルダウン連動を実装する

kintoneでは、JavaScriptやjQueryを使ってドロップダウンを自由に連動させることが可能です。たとえば、あるフィールドで「製品カテゴリ」を選んだとき、次のフィールドにそのカテゴリに属する製品名だけを表示するといった仕様にできます。

JavaScriptやjQueryを使ったカスタマイズでは、複数階層の連動や条件に応じた動的な変化など、柔軟な仕様に対応できるのが大きなメリットです。

無料で実装できる反面、JavaScriptの基本的な知識やkintoneのイベント処理に関する理解が必要です。そのため、自社でエンジニアが対応できる場合や、カスタマイズ性を重視する場合に最適な手法といえます。

Customineプラグインを活用する

Customine(カスタマイン)』は、クラウドサービスを利用したシステム開発及びコンサルティングを手掛ける「アールスリーインスティテュート」が提供するkintone業務自動化ツールです。プログラミング不要でドロップダウン連動やフィールド制御を実現できます。

たとえば「都道府県を選ぶと市区町村が絞り込まれる」といった動的な連動設定を、ノーコードで直感的に構築できます。

さらに、特定の選択肢に応じた入力フィールドの表示・非表示や必須化、初期値設定なども一括設定でき、業務フローを柔軟に設計できるのも魅力です。

Customineの主な料金プランは、以下のとおりです。

料金プラン 価格
検証プラン 2ヶ月間限定で無料
月額プラン 18,000円/月(税別)
年額プラン ・年額4:216,000円/年(税別)

・年額10:648,000円/年(税別)

・年額1000:1,200,000円/年(税別)

・年額3000:3,450,000円/年(税別)

※年額の後の数字はアプリスロット(カスタマインの利用単位)

参照:Customine公式サイト

項目選択フィールド連動各種設定プラグインを活用する

参照:項目選択フィールド連動各種設定プラグイン|TIS

項目選択フィールド連動各種設定プラグインは、kintoneのフィールド同士を連動させるための無料プラグインです。

あらかじめ用意された管理画面上で、選択肢と次に表示する項目をプログラミングスキル不要で簡単に設定できます。

たとえば、「商品カテゴリ」→「商品名」といった2段階の絞り込みを、Excel程度の簡単な操作感覚で設定可能です。

ただし、条件分岐が複雑な場合や、3段階以上の連動には対応しにくい面もあります。

kintoneのドロップダウンの選択項目を絞り込むプラグイン3選

ここでは、kintoneのドロップダウンの選択項目を絞り込む、以下3つのプラグインを紹介します。

  • 選択絞込みプラグイン
  • ドロップダウン絞り込みプラグイン
  • 項目絞り込みプラグイン

kintoneをより便利に使うために効果的なプラグインなので、ぜひ導入検討の参考材料にしてください。

選択絞込みプラグイン

参照:選択絞込みプラグイン|アディエム

選択絞込みプラグインは、サイボウズ公式の複数ドロップダウン連動プラグインです。

大中小分類のような複数階層選択に対応し、大量の項目から目的の値をすばやく抽出できます。

kintoneの標準UIをそのまま利用できるため、スムーズに導入できるメリットがあります。

価格は、1ドメイン当たり15万円(税別)です。サイボウズ公式のプラグインであり、大企業や行政機関にも導入した実績もあるため、安心して活用できるでしょう。

ドロップダウン絞り込みプラグイン

参照:kintoneドロップダウン絞り込みプラグイン|ジョイゾー

ジョイゾーが提供する「ドロップダウン絞り込みプラグイン」は、kintoneアプリで複数のドロップダウンの選択肢を絞り込みながら選択できるプラグインです。

ドロップダウンで選択した分類に関連する値だけを、さらに別のドロップダウンに指定できます。そのため、大分類、中分類とドロップダウンを作成すれば、それぞれのドロップダウン間に関連性を持たせられるのです。

在庫管理アプリで商品分類の大・中項目で絞り込みたい場合や、顧客管理で担当エリアを都道府県から市区町村に絞り込みたい場合などに利用します。

ドロップダウン絞り込みプラグインは、30日間の無料お試し付きです。料金は月額プラン3,900円(税別)、または年額プラン42,900円(税別)で利用可能です。

項目絞り込みプラグイン

参照:項目絞り込みプラグイン Ver.24|rex0220

項目絞り込みプラグインは、rex0220が開発したもので、同一アプリ内または他アプリのデータを起点に、ドロップダウンの選択肢を絞り込むことが可能です。

設定画面も分かりやすく、プログラミングスキルがない方やカスタマイズが苦手な方でも、導入しやすいのが魅力です。

PCとモバイル両方に対応しており、他rex0220製プラグインとの連携も可能になっています。

価格は、1サイトで10万円(税別)と決して安くはありませんが、アプリ数に関しては無制限で使用可能です。

kintoneのドロップダウンを連動させるメリット

kintoneのドロップダウンを連動させることで、以下のようなメリットがあります。

  • データ入力作業の効率化につながる
  • 入力漏れを防げる
  • データの一貫性が保たれる

それぞれの具体的な内容を確認しましょう。

データ入力作業の効率化につながる

kintoneのドロップダウンを連動させることで、ユーザーが目的の選択肢をすばやく見つけられるようになります。

たとえば、ドロップダウンの項目で「都道府県」を選ぶと、自動で「市区町村」が絞り込まれるように設定すれば、不要な候補が省かれ、ユーザーが選択しやすくなるでしょう。

とくに、選択肢が多いカテゴリの場合は、ドロップダウンの連動により入力スピードの向上が期待でき、全体の作業時間短縮にもつながるでしょう。

入力漏れを防げる

kintoneのドロップダウンを連動させることで、選択肢が絞り込まれるため、手動で入力する際に起こり得る入力漏れを防げます。

また、項目を選択しないと次のステップに進めないよう必須入力に設定すれば、未入力のようなヒューマンエラーも予防可能です。

情報の抜け漏れを最小限に抑えることで、信頼性の高いデータ入力が実現できるでしょう。

データの一貫性が保たれる

kintoneのドロップダウンを連動させれば、関連する項目だけを選択できるよう制御できるため、データの整合性や一貫性が保たれます。

たとえば、部署ごとの担当者選択や商品カテゴリごとの型番選択など、ルールに従った入力が可能になります。そのため、表記ゆれや入力ミスも、最小限に抑えられるでしょう。

データの集計やレポート作成時にも安定した入力ができるため、情報の正確性や一貫性の維持につながります。

kintoneのドロップダウンを連動させる場合の注意点

kintoneのドロップダウンを連動させる場合の注意点は、以下の2つです。

  • 基本機能ではドロップダウンの連動はできない
  • 有料のプラグインを使う場合はお試しプランを活用する

それぞれ詳しい内容を解説します。

基本機能ではドロップダウンの連動はできない

kintoneの基本機能では、ドロップダウンを連動させられません。

たとえば、「都道府県」を選ぶと、該当する「市区町村」が自動で絞り込まれるといった仕組みは、kintoneの基本設定では対応していません。

ドロップダウンの連動を実現するには、JavaScriptによるカスタマイズ、または専用プラグインの導入が必要です。

有料のプラグインを使う場合はお試しプランを活用する

ドロップダウンの連動を実現するプラグインのなかには、有料のものもあり決して安くはありません。導入前はお試しプランで、自社の業務にフィットするか確認しましょう。

たとえば「選択絞込みプラグイン」や「ドロップダウン絞り込みプラグイン」などは、無料でお試し可能なため、本格的な導入前に使用感を体験するのがおすすめです。

自社の業務フローやkintoneアプリとの相性、必要な連動設定が問題なく動作するかを事前に確認しておけば、無駄なコストやトラブルを避けることにつながるでしょう。

kintoneのドロップダウン以外の使い分け

kintoneには、ドロップダウン以外にも選択肢を扱うフィールドが用意されています。それぞれの特徴と使い分けを理解することで、より便利にデータ入力できるようになります。

  • ラジオボタン
  • チェックボックス
  • 複数選択

それぞれの選択肢の特徴について見ていきましょう。

ラジオボタン

参照:ラジオボタン|kintoneヘルプ

ラジオボタンは、あらかじめ用意した複数の選択肢からどれか1つだけを選ぶときに使用するフィールドです。

たとえば、性別(男/女/不明)、利用状況(利用中/未使用)、有無(有り/無し)のようなボタンを設定するのに向いています。

選択肢が少数な場合や、入力ミスを防ぎたい場合におすすめです。ラジオボタンは、必須項目のため、何も選択せずに保存することはできません。

チェックボックス

参照:チェックボックス|kintoneヘルプ

チェックボックスは、複数の選択肢を同時に選べるフィールドです。

必要な機能をチェックしたり、適用する条件やオプションの選択、興味のある分野の選択など、複数の選択肢を選びたい場合に活用します。

また、選択肢の追加や変更が頻繁に行われる場合にも向いています。

複数選択

参照:複数選択|kintoneヘルプ

複数選択は、複数の選択肢から同時に選ぶことができるフィールドです。チェックボックスとは異なり、省スペースで項目を表示できます。

担当者やカテゴリの選択、タグの選択など、チェックボックスでも管理できるものの、選択肢が多く入力時はコンパクトにしたい場合におすすめです。

また、CSVでエクスポートしたとき、チェックボックスではデータが「1」になりますが、複数選択であれば文字として出力されます。

kintoneをより便利に使うならToyokumo kintoneApp


kintoneを導入する際にあわせておすすめしたいのが、トヨクモが提供するkintone連携サービス「Toyokumo kintoneApp」です。
kintoneの基本機能では実現が難しいことも、トヨクモのkintone連携サービスであればさらに便利な活用が可能です。

Toyokumo kintoneAppでは、以下6つのサービスが提供されています。

FormBridge kintoneへデータが自動で保存されていくWebフォームを作成できるサービス
kViewer kintoneライセンスがない人に、kintoneアプリのデータを共有できるサービス
kMailer kintoneアプリのデータを引用してメール送信できるサービス
PrintCreator kintoneアプリのデータをPDFで出力できるサービス
DataCollect 複数のkintoneアプリに登録されたデータを集計できるサービス
kBackup kintoneアプリに登録されたデータを安全にバックアップするサービス

ここからは、Toyokumo kintoneAppの各サービスについて紹介します。

FormBridge

FormBridgeは、kintoneアカウントがない人でもkintoneに直接データを保存できるWebフォーム作成サービスです。

kintoneの基本機能における「情報を登録できるのは、ライセンスを持つユーザーのみ」という問題を解消できます。

FormBridgeで作成したフォームは、kintoneに直接データが保存されるため、転記の手間が不要になります。その結果、業務の効率化や入力ミス・漏れの削減といったメリットが得られます。

関連記事:kintone連携「フォームブリッジ」とは?できること・使い方

kViewer

kViewerは、kintone内の情報を手間なく外部に公開できるkintone連携サービスです。kintoneアカウントを持たないユーザーにも簡単にkintone内の情報を公開できます。

kintoneの情報を共有する際にわざわざデータを移し替える手間もなく、グラフなどの数値情報もそのまま外部に公開することが可能です。

公開範囲を設定することもできるので、社外秘の情報が漏洩するリスクを抑えつつ、社外の人に資料やデータを気軽に共有できるようになります。
関連記事:kViewer(ケイビューワー)とは?できること・使い方

kMailer

kMailerは、kintone上で管理しているメールアドレス宛に、kintone内のデータを自動引用してメールを自動・手動・予約で送れるサービスです。

kintoneで管理している顧客に向けて一斉送信や、kintoneからのテキスト引用などを行ったり、誰にいつどのようなメールを送信したかなどのログを確認することもできます。

普段社内で使っているメールアドレスからメールを送信するため、新たにメールサーバーやメールアドレスを用意する必要はありません。

誰に、いつ、どのようなメールを送信したか、受信者がいつ資料をダウンロードしたかなどの情報をログとして確認することもできます。
関連記事:kMailerとは?メールワイズとの違い・使い方

PrintCreator

PrintCreatorは、kintoneに登録されている社名や金額などの情報を活用して、マウスのみで簡単に帳票が作成できる書類出力サービスです。

現在使用している見積書や請求書などをPDFファイルでPrintCreatorにアップロードすれば、マウス操作のみで簡単に書類を作成できます。

kintoneアプリの複数レコードを一括で出力できるので、複数社の請求書や月報を簡単に印刷できるのもメリットです。
関連記事:プリントクリエイターとは?できること・使い方

DataCollect

DataCollectは、関数を利用した計算や複数アプリ間の収集・計算・加工を可能にし、kintoneが苦手とする予実管理や在庫引き当てを実現できるサービスです。

Excelと同じ感覚で複数のアプリから情報の集計や計算が可能で、スケジュール設定による自動実行やリアルタイム更新などにも対応しています。

事前に設定しておけば、手動で操作することなく情報を自動で収集・計算できるので、情報の集計漏れや更新忘れを防げます。
関連記事:データコレクトとは?できること・使い方

kBackup

kBackupは、kintoneアプリに登録したデータが消えてしまった際に備えて、kintone内のデータを別環境にバックアップできるサービスです。

kintoneの基本機能では、kintone上のすべてのデータを一括でバックアップすることはできません。kBackupを利用することで、誤って必要なアプリを削除してしまったり、スペースが復旧できなくなったりする事態を防げます。

また、大切な顧客情報や添付ファイルのバックアップにも対応しています。
関連記事:kBackupとは?できること・使い方

kintoneのドロップダウンを連動させて入力を効率化しよう

kintoneのドロップダウンを連動させることで、データ入力の効率化や入力ミスの防止、情報の一貫性を維持できます。

標準機能では対応できない部分も、JavaScriptや便利なプラグインを活用することで実装可能です。

また、業務に合わせてチェックボックスや複数選択と使い分けることで、より柔軟なフォーム設計が可能になります。

さらに、Toyokumoのkintone連携サービスを組み合わせれば、申請フォームや帳票出力、データ集計などの幅も広がります。

ドロップダウンの連動機能を活用し、kintoneをより快適に運用しましょう。

トヨクモ編集部のサムネイルアイコン

監修者トヨクモ編集部


kintoneを便利に活用する情報を発信|サポートチーム全員がkintone資格保有者|【クラウドで、もっと便利に。もっと簡単に。】をモットーに活動

その他のお役立ち情報 Other Useful Information

サービスカタログや過去のセミナー動画、FormBridgeを応用したもっと便利な活用方法などを紹介しています。


私たち、トヨクモのサービス Our Services

kintoneをより使いやすくするためのkintone連携サービスです。30日間の無料お試しへぜひお申し込みください。