# 択一クイズの作成 勉強用問題出題アプリの作成について

**URL:** <https://www.nocode-faq.com/t/topic/2633>\
**Category:** Adalo\
**Tags:** ツールの操作方法\
**Created:** [2022 年 2 月 23 日午前 2:47 UTC](https://www.nocode-faq.com/t/topic/2633 "2022-02-23T02:47:14Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![K2\_Nocode](https://avatars.discourse-cdn.com/v4/letter/k/c6cbf5/32.png) [@K2\_Nocode](https://www.nocode-faq.com/u/K2_Nocode)\
**Post date:** [2022 年 2 月 23 日午前 2:47 UTC](https://www.nocode-faq.com/t/topic/2633/1 "2022-02-23T02:47:15Z")

</div>

Adalo初心者のため使い方についてざっくりとした初歩的な内容になり大変恐縮ですが、お教えいただきたく質問しました。

**作りたいアプリ：**  
子供の勉強用問題出題アプリ

**実装したい機能（困っている部分）：**  
①解答ボタンを押したときにDBの正解の値と押されたボタンの値を整合して、合っているときは“正解”、間違っているときは“不正解”と表示したい  
②1問解答が終わったら、第2問の表示に切り替えたい。この際どうやって回答数、正解数をカウントし、表示を切り替えるかわからずアドバイスいただけないでしょうか。

もし、参考になるURLがあれば合わせてお教えいただけると助かります。

**作りたいサービスのイメージ画を添付します。**

 ![スクリーンショット 2022-02-23 11.42.42](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/0/0df8773372377a2123bb2169970558ffec6bb613.png)

### 試したこと

基礎から学ぶノーコード開発の掲載事例を参考にしてここまでは作りました。

初歩的な質問で、わかりづらい部分があると思いますが、不明な点は追記していきますので宜しくお願い致します。

---

<div class="post-metadata">

**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\
**Post date:** [2022 年 2 月 23 日午後 12:07 UTC](https://www.nocode-faq.com/t/topic/2633/2 "2022-02-23T12:07:15Z")

</div>

イメージは、こんな感じでしょうか？

> **[Gyazo Screen Video](https://gyazo.com/fcf8851d408421693c135c1512b44168)**
>
> Gyazo is the easiest way to record screenshots & videos you can share instantly. Save time with async visual communication that's effortless and engaging.

> ①解答ボタンを押したときにDBの正解の値と押されたボタンの値を整合して、合っているときは“正解”、間違っているときは“不正解”と表示したい

まず、そのデータの作り方だと、問題が入っているデータベースに”正解の回答番号”のPropertyを作る必要があります。

全体のデータベース構成（例）

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/9/9c7c245a10b60138435f0379411463902861af34.png)

次にクイズを選択した際に、その問題の答えとユーザーが選択した問題の判定が必要です。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/8/8d08643fd30cc539d2d5a8d0ea6f68bf2f224466.png)

Buttonを押したときに、Linkへするまえに、正誤判定のために、Changeinput Valueで自分が入れたinput情報を入力します。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/b/b0526c46dec29e6b1109fde6c8d871431af23997.png)

問題にあらかじめ問題の答えの番号をつけているので、ユーザーが選んだ質問と問題の答えが一致しているか？判定をします。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/8/88337f19ff9e85d8935421dfc82e91772aefee80.png)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/1/1d84b543584b3d61f1292a244cb2e24ba442d012.png)

> ②1問解答が終わったら、第2問の表示に切り替えたい。この際どうやって回答数、正解数をカウントし、表示を切り替えるかわからずアドバイスいただけないでしょうか。

例えばクイズにそれぞれ、  
問題1,問題2,問題3 と順番に問題が続いていくクイズだと想定します。

回答数、正解数のカウントは、User データに  
正解数 というPropatyが必要になります。問題数を表示するというのも同じく、User側に現在の問題数というPropatyが必要になります。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/8/8801d20a7ec5b30980bcc90fa3e7511b8bbe34b4.png)

全体構成として、問題は、Userの現在の問題で、Costomfilterを掛けます。  
初期値を1にしているので、最初は、No1から始まります。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/dcbefacd975f52a397d7825a26b7c33ae2b7c2d9.png)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/9/96224c334f34fd01aedfb9b0c6d31ab9ed167f16.png)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/b/b843956df85d9323340dc483d84f7060dfe0b656.png)

以上、と言う感じです。  
不明点あれば、また、別途Adaloのイベントなどにお越しくださいませ～

---

<div class="post-metadata">

**Author:** ![K2\_Nocode](https://avatars.discourse-cdn.com/v4/letter/k/c6cbf5/32.png) [@K2\_Nocode](https://www.nocode-faq.com/u/K2_Nocode)\
**Post date:** [2022 年 2 月 23 日午後 1:13 UTC](https://www.nocode-faq.com/t/topic/2633/3 "2022-02-23T13:13:40Z")

</div>

Tsubasaさん  
丁寧に解説いただきありがとうございます！  
教えていただいた内容を確認しながら作ってみます。  
また、不明点あれば別途イベントか、QAでご相談させてください。

---

<div class="post-metadata">

**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\
**Post date:** [2022 年 2 月 23 日午後 2:06 UTC](https://www.nocode-faq.com/t/topic/2633/4 "2022-02-23T14:06:51Z")

</div>

はい、よろしくお願いします～。

---

<div class="post-metadata">

**Author:** ![kinari](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kinari/32/6625_2.png) [@kinari](https://www.nocode-faq.com/u/kinari)\
**Post date:** [2022 年 2 月 24 日午前 2:45 UTC](https://www.nocode-faq.com/t/topic/2633/5 "2022-02-24T02:45:25Z")

</div>

解決済みのようですが、以前作ったクイズアプリあったので共有します！クローンできますー  
 ![CleanShot 2022-02-23 at 14.47.52](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/e4bca49010b57b3abd8ec73bbd1b7feea2584449.gif)

> **[Quiz app](https://previewer.adalo.com/232134be-33ce-4c3a-976b-35461ff4ce81)**
>
> Built with Adalo

---

<div class="post-metadata">

**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\
**Post date:** [2022 年 2 月 24 日午前 8:05 UTC](https://www.nocode-faq.com/t/topic/2633/6 "2022-02-24T08:05:52Z")

</div>

@kinari

QuestionとAnswersを別DBで組んでいるやつですね。  
そういえば、習ったの忘れてましたｗ

今回私は、思いつきで上記で組んだので、分かりやすい方でいいですね。

---

<div class="post-metadata">

**Author:** ![K2\_Nocode](https://avatars.discourse-cdn.com/v4/letter/k/c6cbf5/32.png) [@K2\_Nocode](https://www.nocode-faq.com/u/K2_Nocode)\
**Post date:** [2022 年 2 月 24 日午前 11:24 UTC](https://www.nocode-faq.com/t/topic/2633/7 "2022-02-24T11:24:14Z")

</div>

kinariさん  
ありがとうございます。  
cloneさせていただき中身を見させてください！  
参考になります！

---

<div class="post-metadata">

**Author:** ![K2\_Nocode](https://avatars.discourse-cdn.com/v4/letter/k/c6cbf5/32.png) [@K2\_Nocode](https://www.nocode-faq.com/u/K2_Nocode)\
**Post date:** [2022 年 2 月 24 日午前 11:29 UTC](https://www.nocode-faq.com/t/topic/2633/8 "2022-02-24T11:29:38Z")

</div>

QuestionとAnswerを別DBで組んであるのですね。  
クイズをこんな形で組むこともできるんですね。
