条件分岐の使い方を解説!-62021-06-22mizumotobubble公式チュートリアルで条件分岐を行ってみましょう。今回はやることは以下です。フォーム入力漏れの際に、アラートを表示するまとめカーソルが重なっている時に、色を変更する左側のメニューから、「Text」をクリックして、配置したい箇所をもう一度クリックします。要素は左から右側にドラッグすることでも配置することができます。Textの設定画面が表示されるので、表示する文字を入力します。このままだと少し見づらいので、文字サイズを変更します。設定画面のConditionalタグをクリックして、新しい条件分岐を設定します。hovered」の順に選択します。Color」を選択します。好きな色を指定します。これで、このテキストにカーソルが重なった時に色を変更する、という条件を設定できました!ここまでで左上のpreviewボタンを押してプレビューを表示してみましょう。色が選んだ色に変わることが確認できると思います。フォーム入力漏れの際に、アラートを表示する次に、ユーザーがフォームに何も入力しない状態で提出しようとした際にアラートを表示するようにします。アラート・フォーム・ボタンの3つを配置します。forms」の「Input」をドラッグします。同じように「Button」もドラッグして、フォームの下に配置します。名前に「投稿」と入力します。続いて「Alert」をフォームの上にドラッグして、「フォームに値を入力してください」と入力します。これで配置が終わったので、フォームの記入漏れ時にのみアラートを表示するように条件を設定していきます。workflow」から条件分岐を追加していきます。デフォルトでは「ボタンがクリックされた時」という条件が設定されています。messageと選択します。これでボタンを押した時にアラートを表示するようにしてくれます。右上のpreviewを押して動作確認をしてみましょう。現状だとフォームに入力されていてもアラートが表示されてしまうので、フォームに入力されていない時のみに修正していきます。emptyとなるように指定します。bubbleを利用して、「テキストに重なったら色を変える」「フォームが空ならアラートを出す」などシンプルな条件分岐を設定しました。StartupTechnology。