関連のツールの紹介、使い方などをやさしく説明します。質問やご指摘大歓迎です。state」について、ご紹介したいと思います。自分の目的に応じた状態を保存できる変数のようなものです。4択クイズアプリでは、問題をクリア後に成績表(以下画面イメージの一番右側)を表示しますが、クイズ中解答者がどの問題に正解したか、スコアは何点かといった情報を保存しておく必要があります。新規作成したい場合は、「Workflow」タブから作成します。設定したいイベントを作成します。loaded」イベントを選択します。state」を選択します。state...」を選択します。type」を入力し、「CREATE」ボタンをクリックします。no」で選択しました。設定をしていきましょう。設定していく前に、まずは準備として、残りのエレメントである「次の問題へボタン」、「残りn問テキスト」、「成績表」グループを配置します。Buttonエレメント「次の問題へボタン」を配置します。Buttonエレメントを「次の問題へボタン」と重ねて準備しておきます。名前を「成績表ボタン」とし、テキストを「結果発表!」としておきましょう。次に、「成績表」グループを配置していきます。Score」を作成し、背景色を薄い水色にしておきましょう。ラベルとして表示するTextエレメントを配置していきます。テキスト」もそれぞれ配置しておきましょう。これで、準備が整いました。選択肢ボタンの有効、無効状態を管理します。クイズアプリがロードされた時は、1問目が表示され、選択肢ボタンもクリックできる有効状態にあります。4つの選択肢ボタンのいずれかをクリックし、解答を選ぶと正解もしくは、不正解の〇×が表示されます。この〇×が表示され、次の問題へボタンをクリックするまでの間は、選択肢ボタンをクリック出来ないように無効状態とします。この状態を選択肢ボタンに以下の手順でバインドしていきましょう。ページロード時のワークフローを設定します。index」を利用します。state」を選択します。「Value」を「yes」で設定しましょう。次に、選択肢ボタンがクリックされた時に無効化したいので、クリック時のワークフローを追加しましょう。「Workflow」タブからも作成できますが、今回は「Design」タブから追加してみましょう。workflow」をクリックし、イベントを追加します。state」を選択し、無効化したいので、「Value」は「no」を選択します。選択肢BからDボタンにも同様の設定をしてくださいね。あとは、次の問題へボタンがクリックされた時に、また有効化に戻しておきましょう。workflow」をクリックし、イベントを追加します。state」を選択し、有効化に戻したいので、「Value」は「yes」を選択します。state」が設定できました。次に、この状態をボタンへバインドしましょう。conditon」をクリックし、新しいコンディションを追加します。clickable」を選びチェックを入れます。state」の状態を選択肢ボタンにバインドできました。現在何問目かを管理します。問題が進むにつれ、あと残り何問であるかという情報を取得するために使用します。1ずつ加算されるように設定します。使用して、「残りn問テキスト」の表示をしていきましょう。問」と指定すればOKです。loaded」で初期化し、選択肢ボタンがクリックされたタイミングで値を加算していくように設定しましょう。"A"」の条件を指定します。使用して、成績表にスコアを表示していきましょう。Answer」と設定します。重要な機能ですので、しっかりと押さえておくと良いですね。4択クイズアプリ最終回となる次回は残りのワークフローの設定について解説します。nocodelabスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。