FormBridgeの条件分岐の設定方法|できることや注意点を解説

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

回答内容によってフォームの入力項目を出し分けたいときは、FormBridgeの条件分岐機能を使います。

たとえば、問い合わせ種別で「見積依頼」を選んだ場合だけ希望納期や数量の欄を出し、「資料請求」の場合は送付先情報を出す、といった制御が可能です。 ただし、条件分岐に使えるフィールドには制限があり、必須項目の扱いなど事前に確認しておくべき点もあります。

この記事では、FormBridgeの条件分岐でできることや設定前に確認するポイントを解説します。

FormBridgeの条件分岐でできることと設定時の確認ポイント

FormBridgeの条件分岐では、回答内容に応じてフォーム上の項目を出し分けられます。これから設定前に、条件に使えるフィールドや設定時の注意点を確認します。

【例】 設問「あなたはペットを飼っていますか?」 はい → 「猫」「犬」「その他」など次の質問が表示される いいえ → 何も表示されない

条件分岐でできること

条件分岐を使うと、回答者の入力内容に応じて、次に表示する設問を出し分けられます。選択内容に応じて入力欄を切り替えることで、入力項目を減らして画面をすっきりさせられます。 たとえば、以下の画像は、あるイベントの参加日時を回答するフォーム画面です。 条件分岐未使用フォーム画面

上記は、条件分岐を利用していない画面です。全員にすべての項目が見えている状況です。 条件分岐を利用すると次のような画面に変わります。 条件分岐使用フォーム画面

上の画像のように、条件を満たした人にのみ表示されます。 上記の例でいうと11月4日を選択した人のみに参加時間が表示される設定です。

全員にすべての項目が見えるより、当てはまる人にのみ必要な項目が表示される方が、回答者が理解しやすくなり回答の効率が上がります。

また「すべての条件を満たす場合に表示」「いずれかを満たす場合に表示」といった「or条件」や「and条件」も設定できるため、より細かい出し分けにも対応できます。

条件分岐に使えるフィールド

FormBridgeのフィールドの種類によって、条件分岐に対応していないものがあります。以下の表に記載がないフィールドは、条件分岐に使えないため注意が必要です。

【条件分岐の対応フィールド】

項目 対応フィールド
条件分岐の条件元フィールド ラジオボタン、チェックボックス、複数選択、ドロップダウン、階層選択
条件分岐の表示先フィールド 全て

参考:kintone連携サービス操作ガイド「FormBridge|フィールドの対応状況>フィールドの利用先 条件の「きっかけ」にできる条件元のフィールドには、選択肢系のフィールドに限られます。一方、表示・非表示を切り替えられるフィールドは制限がなく、すべての種類のフィールドを活用できます。

設定前の確認ポイント

設定を始める前に「どの回答をきっかけに」「どの項目を表示するのか」を整理しておきます。条件元のフィールドや表示対象のフィールド、条件の組み合わせ方をあらかじめ決めておくと、設定作業がスムーズです。

【設定前の確認ポイント】

  • 事前に条件分岐の条件元と表示先のフィールドの組み合わせ
  • 必須項目が非表示になっていないか
  • 入力済みフィールドが非表示になっていないか
  • ユーザーごとに項目を出し分けるならユーザー管理の利用を検討

とくに注意したいのが必須項目です。条件によって必須項目が非表示になると、回答者がその項目を入力できないまま送信に進んでしまうことがあります。

設定後は、条件ごとの表示パターンを一通りプレビューし、問題なく送信できるかを確認しましょう。 入力済みのフィールドが途中で条件変更により非表示になるケースもあります。

この場合、非表示になった値がどう扱われるかは仕様によって異なるため、事前に確認しておくと安心です。

なお、メンバーや企業ごとにフォームを出し分けたい場合は、条件分岐ではなく「ユーザー管理」機能が適していることもあります。「回答内容による出し分け」なのか「ログインユーザーや所属先による出し分け」なのかを整理したうえで、適切な方法を選んでください。

FormBridgeの条件分岐は「or条件」と「and条件」の2種類

条件分岐には「or条件」と「and条件」の2種類があり、それぞれ表示のルールや活用シーンが異なります。ここでは、それぞれの条件の特徴と具体的な使い方を解説します。

「or条件」とは

「or条件」は、複数の条件のうちどれか1つでも該当すれば、指定した質問やフィールドが表示される仕組みです。条件のどれか1つが成立すれば分岐が発動するため、柔軟に表示を切り替えられます。

・「or条件」の活用シーン

ユーザーの選択肢のうち、どれか1つに該当する場合に共通の質問を表示したいときに便利です。

例:「19歳以下」または「40歳以上」の人にだけ「フォーラム参加」の設問を表示

このように、特定の回答パターンのいずれかに該当したときだけ表示したい項目がある場合に活躍します。

・「or条件」の設定方法

or条件という名称のとおり、AまたはB」の条件分岐を設定します。「イベントアンケート」というフォームを例に解説します。

【「or条件」の設定手順】

  1. アプリの作成やkintone連携サービスの設定
  2. 条件分岐の設定

1. アプリの作成やkintone連携サービスの設定 まずはkintoneでアプリを作成し、フォームの作成を行ないます。 kintoneアプリ画面 イベントアンケート

集計する日時を追加したら、アプリを更新します。

なお、FormBridgeの連携方法は「FormBridgeのはじめ方」を参考にしてください。

2. 条件分岐の設定

続いて、フォームブリッジで「条件分岐」の設定をしていきます。 or条件_条件分岐1 フォームの基本設定から「条件分岐」をクリックします。 or条件_条件分岐2 分岐の条件になる項目を選択する画面が表示されるため、分岐のきっかけになる項目をクリックして選択します。今回は「19歳以下」または「40歳以上」を選択した人に対して「フォーラムの参加」を表示させるため、年齢の項目をクリックします。 or条件_条件分岐3 分岐のきっかけになる項目を設定したら「条件分岐を作成」をクリックします。 or条件_条件分岐4 条件分岐の作成画面が表示されるため「条件を追加」をクリックし、「19歳以下」または「40歳以上」を選択した人に「フォーラムの参加」を表示させる条件を設定していきます。 or条件_条件分岐5 上記の画像のように「条件名」を入力し、「19歳以下」と「40歳以上」のフィールドの条件を設定します。 or条件_条件分岐6 次に「いずれかの条件を満たす」のラジオボタンにチェックを入れ、表示の制御を行う項目をクリックします。今回は「フォーラムの参加」の項目をクリックし、表示するフィールドに項目が反映されたら、最後に「保存して戻る」をクリックします。 or条件_条件分岐7 条件を保存すると、上記の画像のように「条件一覧」に設定した条件が表示されます。 これで「or条件」の設定は完了です。 以下は、どのように反映されているか「プレビュー」画面で確認した画像です。 or条件_条件分岐8 「20〜39歳」を選択した場合、「フォーラムの参加」項目は表示されません。

【「19歳以下」または「40歳以上」を選択した場合のプレビュー画面】

19歳以下 40歳以上
or条件_条件分岐9 or条件_条件分岐10

一方「19歳以下」または「40歳以上」を選択した人には「フォーラムの参加」が表示されているため、設定が無事完了していることが分かります。

「and条件」とは

「and条件」は、複数の条件すべてがそろった場合にのみ質問やフィールドを表示する仕組みです。条件のいずれかが満たされない場合は分岐が発動せず、より厳密に表示を管理できます。

・「and条件」の活用シーン

ユーザーがすべての特定条件を満たした場合にのみ質問を表示したいときに向いています。

例:「女性」かつ「20〜39歳」の人にだけ特定の質問を表示

複数の条件を組み合わせて、表示対象をより限定したいときに活用できます。

・「and条件」の設定方法

次に、and条件」の設定方法です。「and条件」では、AかつB」の条件分岐を設定します。 【「and条件」の設定手順】

  1. アプリの作成や連携の設定
  2. 条件分岐の設定

先ほどと同じように「イベントアンケート」というフォームを例に解説します。 1. アプリの作成やkintone連携サービスの設定 アプリの作成やFormBridgeの設定方法は、「or条件」と同様です。「or条件」の「アプリの作成やkintone連携サービスの設定」を参考にしてください。 2. 条件分岐の設定 or条件_条件分岐1 フォームの基本設定から「条件分岐」をクリックします。 and条件_条件分岐1 条件分岐の設定画面で、分岐のきっかけになる項目をクリックして選択します。今回は、性別が「女性」かつ、年齢が「20〜39歳」の人のみに「フォーラムの参加」という項目を表示させるため、性別と年齢の項目をクリックします。 条件分岐一覧に「性別と年齢」の項目が反映されたら、「条件分岐を作成」をクリックします。 and条件_条件分岐2 画面が遷移したら「条件を追加」をクリックします。 and条件_条件分岐3 上記の画像のように「条件名」を入力し、分岐の条件に「性別=女性」「年齢=20〜39歳」を設定します。 and条件_条件分岐4 今回は「and条件」として、性別が「女性」かつ、年齢が「20〜39歳」の人のみに「フォーラムの参加」という項目を表示させたいので、「すべての条件を満たす」にチェックを入れ、「フォーラムの参加」の項目をクリックします。 表示するフィールドに項目が反映されたら、「保存して戻る」をクリックして完了です。 実際のプレビュー画面にどのように表示されるか見てみます。 【「女性かつ20〜39歳」以外を選択した場合のプレビュー画面】

男性を選択した場合 女性かつ19歳以下の場合 女性かつ40歳以上の場合
and条件_条件分岐5 and条件_条件分岐6 and条件_条件分岐7

このように、プレビュー画面で該当する項目以外には表示がされていないことを確認できます。最後に、該当の条件分岐が反映されているかどうか確認しましょう。 and条件_条件分岐8 条件分岐が反映されていることを確認できたら、以上で「and条件」の設定は完了です。

FormBridgeの条件分岐を活用した事例

FormBridgeの条件分岐を活用したデジタル推進の成功事例を紹介します。

有限会社光成工業の事例

有限会社光成工業様 導入事例 有限会社光成工業では、Excelや紙での管理による情報共有の属人化や作業の手戻りが課題でした。kintoneの導入で日報や案件管理をデジタル化し、残業時間の大幅削減や売上増、紙の使用量削減など業務効率化を実現しました。

さらにFormBridge導入により、アンケートや見積作成、資格試験対策を効率化。とくに見積フォームでは、条件分岐を活用して必要情報を漏れなく入力できるよう工夫したことで、営業担当者の負荷軽減や顧客側での情報入力も可能になり、正確かつ標準化された見積作成が可能となっています。

事例記事:有限会社光成工業 様|FormBridge活用で見積依頼から資格試験対策までをカバー!製造業のアナログな業務を改善し、会社全体のDXを推進

FormBridgeで条件分岐を設定する際の注意点

条件分岐を活用するとフォームの使いやすさやデータ精度が向上しますが、設定方法や設計によっては逆に使いにくくなることもあります。ここでは、フォーム作成時に気を付けたい3つのポイントを解説します。

条件式の作りすぎで複雑化しないようにする

条件式を過度に複雑に組み合わせると、管理や修正する場合の負担が増してしまいます。複数の条件が入り組むことで、どの条件がどの表示ルールに対応しているのか把握しにくくなる点にも注意が必要です。

また、同じ表示ルールを複数の条件で重複させると、意図しない表示や非表示が発生することもあります。設定前にどの条件をどの項目に適用するか整理し、なるべくシンプルにまとめて設計することが重要です。

必須項目が非表示になるケースの確認

条件分岐によって必須項目が非表示になると、フォーム送信時にエラーが発生することがあります。フォーム送信条件や必須設定を確認し、非表示になっても送信可能かを検証しておく必要があります。

「必須項目が隠れている場合にユーザーが入力できない」といった状況は、ユーザー体験を損なう原因の一つです。事前に必須項目が非表示になるパターンをテストし、問題があれば表示ルールや必須設定を調整しておきましょう。

関連記事:条件分岐によって必須項目が隠れても、回答を完了できます!

入力時の見やすさ・操作性を意識する

条件分岐を多用すると、スマートフォンなどの小さな画面では操作が複雑になりやすくなります。タップやスクロールの操作が煩雑にならないよう、質問の順序やステップを工夫して設計することが大切です。

条件分岐が多い場合は、画面を段階的に分けて表示することでユーザーの負担を軽減できます。表示される項目を整理しておくことで、どの質問に答える必要があるのかが一目でわかり、入力ミスや離脱も防ぎやすくなります。

FormBridgeの条件分岐×各種機能でさらに柔軟性アップ

FormBridgeにある他の機能を併用することで、さらに多彩なケースに対応できるようになります。 以下は機能の一例です。

機能 可能になること
テーブル 条件分岐を使って「特定の回答をした人にだけ追加の行を入力してもらう」といった使い方ができる。 複数の商品や参加者情報を整理してもらう場面に有効。
階層選択フィールド 条件分岐で上位の選択肢に応じて下位の項目を表示/非表示にできる。 商品カテゴリ→商品名のような多段階選択で便利。
ステップフォーム 複数ページに分割できる機能。 条件分岐と組み合わせることで「必要な人だけ次の質問ページへ進む」といった体験を作れる。
スライダー/評価フィールド 回答内容によって別の入力欄を出すことが可能。 たとえば「評価が低い人にだけ自由記述欄を表示」など。
ファイル添付フィールド 条件を満たした場合のみファイル提出を求めることができる。 たとえば「はい」と答えた人にだけ、証明書アップロード欄を表示するケース。

条件分岐とかけ合わせることで回答フォームを柔軟に設計し、回答者が見やすく満足度の高いフォーム設計を目指しましょう。

関連記事:FormBridgeで簡単!階層選択・スライダーの設定方法とテーブルとの組み合わせ方を解説
関連記事:フォームブリッジの添付ファイル機能を解説!フォームで効率的に情報を集める方法
関連記事:ステップフォームとは?メリット・作り方・おすすめツールを紹介

まとめ

FormBridgeの条件分岐を活用すると、フォームを短く整理し、入力者に合わせた項目表示が可能になります。その結果、データの正確性が高まり、管理や運用の手間も減らせます。

ユーザーにとって見やすく、管理者にとって効率的なフォームを作るには、条件分岐を上手に活用することがポイントです。FormBridgeのほかの機能との併用も視野に入れながら、柔軟でわかりやすいフォーム設計を目指しましょう。

FormBridgeにご興味をお持ちいただいた方は、ぜひ30日間無料お試しでその便利さを体験してみてください。

問い合わせも、アンケートも、

社内申請システムも。
Webフォームを5分で作れる

30日間無料で試す

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

監修者トヨクモ編集部


メンバー全員がkintone認定資格保有者。 累計15,000件以上のkintone連携サービス導入を支援した実績をもとに 、kintoneを活用した業務効率化や現場で役立つ最新情報を発信中。

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

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


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

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

すべての機能を30日間無料体験