商品選択をスマートに！3階層絞り込み型動的ドロップダウンプラグイン

別アプリを参照して、3階層絞り込み型のドロップダウンを設置するプラグインです。

大量のマスタを参照する入力操作の課題

kintoneで「商品マスタ」や「部品リスト」を運用していると、避けては通れない壁があります。

「大量のレコードがあるマスタをルックアップで参照したいけれど、『大分類』や『小分類』で段階的に絞り込みたい。でも、kintoneの標準機能では設定項目が見当たらない……」

膨大なデータの中から、目的の一行にたどり着くまでの「探し方」にお困りの担当者様は多いのではないでしょうか。今回は、情報の探しやすさを劇的に向上させ、新入社員からベテランまで誰もが「正しい情報」に素早く辿り着ける環境を作る「3階層絞り込み型動的ドロップダウンプラグイン」をご紹介します。

マスタ系のデータを参照する際、kintoneでは「ルックアップ機能」を使うのが一般的です。しかし、マスタのデータ量が大きくなり、組織が拡大するにつれて、以下のような課題が生まれることがあります。

① 検索キーワードが「思い出せない」

ルックアップは便利な機能ですが、検索には「商品名」や「型番」をある程度把握している必要があります。新入社員や異動してきたばかりの方にとって、正確な名称が分からない状態で数千件のマスタから検索するのは、とても時間がかかる作業です。

② 類似した項目による選択ミス

「A-100」と「A-101」など、似た型番や商品名が並んでいる場合、ルックアップの取得画面で誤って選択してしまうといったミスが起こり得ます。これは発注ミスや後の集計ミスにつながる重大なリスクです。

③ 「分類から探す」設定が標準にはない

「まずカテゴリを選んで、次にメーカーを絞って、最後に製品を選ぶ」という、人間が自然に行う思考プロセス。これをルックアップの標準設定だけで実現するのは難しく、どうしても「一度すべてのマスタを広げてから検索する」という手順になりがちです。

解決策：何ができるか？

本プラグインを導入すれば、kintoneアプリに「他アプリを参照する3階層ドロップダウン」を実装できます。
このプラグインは、「正しい情報に辿り着くための正しいルート（道筋）を作る」ツールです。

段階的な絞り込み（プログレッシブ・ディスクロージャー）

「大分類」→「中分類」→「商品名」といったように、前の選択に連動して次の選択肢が自動でフィルタリングされます。ユーザーが最後に選べるのは、関連性のある数件の選択肢だけ。まるで電子カタログの目次を辿るように、直感的に目的のデータへたどり着けます。

外部アプリとのリアルタイム連動

ドロップダウンのデータは、別アプリ（商品マスタアプリなど）からリアルタイムに取得します。管理者がマスタを更新すれば、入力画面のドロップダウンも即座に最新状態に。常に「今、選ぶべき正しいリスト」が現場に届きます。

関連情報の自動コピー

３階層ドロップダウンで選択した目的データの他の情報（コード、単価、仕入先名など）の値を取得して、操作側アプリのフィールドへコピーする、標準ルックアップのコピーと同様の機能もあります。

デモ画面

以下のデモ画面は、飲食店のメニューを例に３階層ドロップダウンで選択している操作のデモです。

プラグインの主な機能

本プラグインでは、kintoneライクなUIパーツを作れる「KUC（Kintone UI Component）」UMD版を利用しています。

主な機能

動的階層フィルタリング:
　1つ目を選べば、2つ目、3つ目の選択肢が変わる３階層連動型のドロップダウンを実装します。

選択データのコピー機能:
　３階層ドロップダウンで選択したマスタレコードの項目（商品コード、単価など）を自アプリのフィールドにコピーする標準ルックアップと類似の機能があります。

３階層ドロップダウンの値保存と編集機能:
　アプリの保存用フィールド（文字列１行型）に、３階層ドロップダウンの選択肢の値を自動保存します。
レコード編集画面では、３階層絞り込みドロップダウンに自動変換されて新規登録と同じ操作ができます。

大量データの「入力作業」中の無駄な動作は、積み重なれば膨大な時間ロスになります。
「連階層絞り込み型動的ドロップダウンプラグイン」は、マスタデータの検索やクリック動作の無駄な時間を削ぎ落とし、担当者が最も集中すべき「データの正確な入力」を強力にサポートします。

具体的な業務への活用事例

このプラグインが特に威力を発揮する業務シーンを挙げます。

① 製造・販売：大量の商品マスタからの選定

• 構成: 種類 ＞ ブランド ＞ 個別製品
• 効果: 商品名がわからなくても「種類」と「ブランド」から辿れるため、新人でもベテランと同じ精度で正確な見積や受注が作成できます。

② サービス業：拠点・担当者の特定

• 構成: 本部 ＞ エリア ＞ 店舗・担当者
• 効果: 全国に数百ある拠点も、自分のエリアから順に絞り込むことで、同名の店舗などを間違えることなく選択できます。

③ IT・資産管理：機器・ソフトウェアの管理

• 構成: デバイス種別 ＞ メーカー ＞ モデル名
• 効果: 複雑なスペック情報をマスタから自動補完。入力のバラつきを抑え、資産台帳のクオリティを維持します。

④ 建設・不動産：物件・現場管理

• 構成: 物件種別 ＞ 住所（都道府県・市区町村） ＞ 現場名
• 効果: 住所から順に追いかける直感的な操作で、新任の担当者でも過去の案件や現在の現場を正確に参照できます。

⑤ 医療・福祉：薬品・備品の管理

• 構成: 効能分類 ＞ 成分名 ＞ 商品名
• 効果: 間違いが許されない現場において、段階的な確認ステップを踏むことで、取り違えのリスクを構造的に低減します。

プラグインの設定方法

本プラグインを設定するアプリには、以下の３種類のフィールドを用意する必要があります。

• スペース要素：３階層ドロップダウンを表示するスペースを配置して要素ID（名前）を付けます。
• 保存するフィールド：ドロップダウンの値を保存するフィールド（文字列１行型）です。
• コピー先フィールド：参照元レコードから値をコピーするフィールド（任意）

アプリのフォーム設定画面

プラグインの設定は、kintoneの標準的な操作感を踏襲しており、直感的に行えます。

設定画面の構成

参照元アプリの選択:
　マスタデータが入っているアプリを選びます。アプリ名で検索することができます。

階層フィールドの設定:
　参照元マスタ側のどの項目をドロップダウン（第1〜3階層）として使うか、操作側（自アプリ）の保存先はどこかをペアリングで設定します。

スペースIDの指定:
　フォームに配置した、３階層ドロップダウン設置場所の「スペース」の要素IDを選択します。

追加コピー設定（MAPPING）:
　ドロップダウンの選択肢のレコードからコピーしたいフィールド（コードや価格など）と操作側（自アプリ）のフィールドを紐付けます。この項目は任意設定です。

試用版プラグインのお申込み

本プラグインの試用版（60日間）をご希望の方は、以下のフォームからお申し込みください。
お申込み者のＥメール宛に「試用版ダウンロードのご案内」をＥメールでご送付します。
★★ kintoneの「ドメイン名」は正確にご記入ください。★★

お問い合わせ・料金体系

本プラグインは、下記の料金プランで販売しています。
各プランの「お問い合わせ／お申込み」欄のボタンからお申込み、又はお問い合わせください。

年間契約は、1年間の利用権の購入です（継続して利用される場合は、毎年購入が必要です）
簡易サポート契約では、アプリテンプレートとプラグインを合わせて6種類までご利用できます。
会員サポート契約では、アプリテンプレートとプラグインの無制限利用＋運用ヘルプデスク対応付きです。

リリースノート

【名称】３階層絞り込み型動的ドロップダウンプラグイン

【概要】別アプリを参照して、3階層絞り込み型のドロップダウンを設置するプラグインです。

このプラグインで利用しているOSSのライセンスは以下の通りです。

参考記事

以下の記事は、アプリで”レコード登録の連続投稿＆リスト表示“するカスタマイズ事例の紹介です。

別アプリ参照で３階層動的絞り込みドロップダウン

kintoneで別アプリのレコードを参照し、大分類と小分類を選択して、選択した分類項目に一致するアイテムだけを絞り込み選択できる階層別絞り込みドロップダウンリストを実装します。

dejitora.jp

2024.06.04

---

#kintone #plugin #3階層ドロップダウン