kintoneで条件によってフィールドを非表示にする方法（無料）

「出張申請」と「物品購入申請」を1つのアプリで扱っていると、申請の種類によっては使わないフィールドまで画面に並んでしまい、入力者が迷いやすくなります。この記事では、無料プラグインでドロップダウン・ラジオボタンの選択値に応じて不要なフィールドを非表示にする方法を、実際の設定画面と表示結果つきで解説します。

→ 対応プラグインを見る

執筆者: 羽鳥達郎(合同会社Pons) ／ kintoneアプリデザインスペシャリスト・基本情報技術者・cybozuオフィシャルパートナー ※本サイトで配布するプラグインは、サイボウズ株式会社のオフィシャルプロダクトではありません。

こんな方におすすめ

kintone標準機能ではどこまでできるか

kintoneの標準機能には、条件に応じてフィールドの表示・非表示を切り替える機能はありません。アプリを申請種別ごとに分けるか、すべてのフィールドを常に表示したまま運用するかのどちらかになりがちです。JavaScriptカスタマイズを自作すれば、フィールドの値変更イベントを監視して表示・非表示を切り替えられますが、レコード追加・編集・詳細のそれぞれの画面表示時の初期評価や、複数条件・複数対象フィールドの組み合わせまで実装するのは手間がかかります。

JavaScript自作・他社プラグインとの比較、なぜGovAppsプラグインか

「条件に応じてフィールドを非表示にする」機能を用意する方法は、大きく4つあります。それぞれの向き不向きをまとめました。

方法	向いている場合	注意点
kintone標準機能のみ(アプリを分ける)	申請種別ごとに項目の差が大きく、アプリごと分けた方が管理しやすい場合	アプリが増えるほど横断的な集計・運用が煩雑になる
JavaScriptを自作する	社内に開発者がいて、独自の条件分岐ロジックが必要な場合	画面ごとの初期評価・値変更時の再評価の実装・保守が必要
有料の他社プラグイン	予算があり、より複雑な条件分岐を求める場合	月額課金が発生する。ソースコードが非公開で、外部通信の有無を利用者側で確認しにくいことが多い
GovAppsプラグイン(このプラグイン)	無料で試したい、社内・庁内でセキュリティを確認してから導入したい場合	同じ非表示対象フィールドを複数の条件で重複指定すると正しく動作しない

GovAppsのプラグインはすべて無料・広告なしで、追加課金なしで使い続けられます。ソースコードはGitHubで全公開しているオープンソースなので、「本当に外部と通信していないか」を自治体・企業のセキュリティ担当者自身の目で確認できます (このプラグインも個別ページにセキュリティレビュー結果を掲載しています)。

条件つき非表示プラグインでの実現方法

条件つき非表示プラグインは、条件フィールド・条件値・非表示対象フィールドを設定するだけで、レコードの追加・編集・詳細画面すべてに反映されます。今回は「申請種別」(ドロップダウン: 出張申請/物品購入申請)・「出張先」・「出張日数」・「購入品目」を持つアプリで設定しました。

「条件フィールド追加」を押し、条件フィールドを選ぶ
条件フィールドに「申請種別」を選びます(ドロップダウン・ラジオボタンのみ選択可)。
「条件値を追加」を押し、条件値と非表示対象フィールドを選ぶ
条件値に「物品購入申請」、非表示対象フィールドに「出張先」「出張日数」を選びました (非表示対象は複数選択できます)。
「設定を保存」を押し、アプリを更新する
保存しただけではプレビュー状態のため、必ず「アプリを更新」まで行います。