swift firestore データの取得と表示

Question

実現したいこと

三択問題の診断アプリを作っているところで、ボタンにfirestoreから取得した選択肢と問題文などを表示しようとしています。
firestoreからデータの取得はできておりますが、深い階層にあるquizsetのquestion0データ取得の仕方がわかりません。また、ボタンをおしたら次の問題文と選択肢が表示ができる方法も知りたいです。
不手際があるかもしれませんが解答お願いいたします。

補足
画像の１枚目が　データを取得して表示できている
画像の２枚目が　データの取得も表示もできない

ソースコード

import UIKit
import FirebaseCore
import FirebaseFirestore


class QuestionSecond: UIViewController{
    
    @IBOutlet weak var answerButton1: UIButton!
    @IBOutlet weak var answerButton2: UIButton!
    @IBOutlet weak var answerButton3: UIButton!
    //問題数の表示
    @IBOutlet weak var QuestionNoLabel: UILabel!
    //問題文の反映
    @IBOutlet weak var QuestionDisplay: UITextView!
    
    var db: Firestore!
    
    
    var answerArray1: [String] = []
    var answerArray2: [String] = []
    var answerArray3: [String] = []
    var questionArray: [String] = []
    var questionDispalyArray:[String] = []
    
    //問題数のカウント
    var count = 1
    
    override func viewDidLoad() {
        super.viewDidLoad()
        db = Firestore.firestore()
        //ドキュメントの取得
       // getDocument()
        loadData()
}
    
    
    private func loadData() {
        
        let db = Firestore.firestore()
//let answerArray1 = document.data().flatMap(String.init(describing:)) ?? "nil"
        db.collection("question").getDocuments() { (querySnapshot, err) in
            if let err = err {
                print("Error getting documents: (err)")
            }
            // 配列に格納
            for document in querySnapshot!.documents {
                // answerButton1の配列
                if let answer1 = document.data()["answer1"] as? String{
                    self.answerArray1.append(answer1)
                    print(answer1)
                     UIView.performWithoutAnimation {
                    self.answerButton1.setTitle(answer1 , for: .normal)
                    }
                }
                //問題文の配列
                if let question = document.data()["question"] as? String{
                    self.questionArray.append(question)
                    print(question)
                    
                  self.QuestionDisplay.text = question
                }
                // answerButton2の配列
                if let answer2 = document.data()["answer2"] as? String{
                    self.answerArray2.append(answer2)
                    print(answer2)
                     UIView.performWithoutAnimation {
                     self.answerButton2.setTitle(answer2 , for: .normal)
                    }
                }
                // answerButton3の配列
                if let answer3 = document.data()["answer3"] as? String{
                    self.answerArray3.append(answer3)
                    print(answer3)
                    UIView.performWithoutAnimation {
                     self.answerButton3.setTitle(answer3 , for: .normal)
                    }
                }
                if let questionDisplay = document.data()["id"] as? String{
                    self.questionDispalyArray.append(questionDisplay)
                    print(questionDisplay)
                    
                    self.QuestionNoLabel.text = questionDisplay
                    
                }
            }
        }
    }
    
  
    
    
   //解答ボタンをたタップ
    @IBAction func answerButton1(_ sender: Any) {
        self.performSegue(withIdentifier: "NextView", sender: nil)
       
    }
    @IBAction func answerButton2(_ sender: Any) {
        self.performSegue(withIdentifier: "NextView", sender: nil)
    }
    @IBAction func answerButton3(_ sender: Any) {
        self.performSegue(withIdentifier: "NextView", sender: nil)
    }
    //   QuestionData.userChoiceAnswerNumber = 1     
       // goNextQuestionWithAnimation()
       
   
    }

試したこと

firebaseの公式ドキュメントに従って実装しました。

Answer 1

yunso0722さんの考え方はわかりませんが、
firebaseはNoSQLデータベースであり、階層は深くしない方が良いと思います。

自分だったら、データベースをまずQuestions, Resultsに分けます。
QuestionsにはsetNameなどで質問のセットを識別できるfieldを持たせます。
(地理-001[問題集]や歴史-003[問題集]などのように)
Noで質問番号ももちろん持たせます。

もうちょっと考えて変えるかもしれませんが、以下のようにします。

特定の問題のセットの取得には

db.collection("Question").whereField("setName", isEqualTo: "地理").order(by: "no")

などで取得し、配列・独自クラスに保存。

ユーザーの答えの記録は実際の答えと、正誤は最低でも保存したいですよね。
正誤のないようなもので、相対スコアなどを保存する場合はcorrectではなく、
scoreで点数を保存するようにすれば良いのではないでしょうか？

また、ボタンを押したら表示(問題・選択肢)を変えるプログラムの作り方は

var currentNo: Int = 1

などで、現在の問題番号を持たせ、
ボタンを押したら、問題番号を配列の要素の番号として利用し、viewの更新をさせることですね。

メンバ変数
var currentNo: Int = 1
let questions = [
    ["1", "野菜はどれですか？", "リンゴ", "いちご", "みかん", "いちご"], // No, 質問, 選択肢1, 選択肢2, 選択肢3, 答え
    ["2", "お米の品種名でないものはどれ？", "ほしのひかり", "ななつぼし", "はるみ", "ほしのひかり"],
    ["3", "ギネスにも認定されているもっとも栄養価が高い果物は？", "バナナ", "栗", "アボガド"]
]

func viewDidLoad() {
    showQuestion(no: currentNo)
}

private func showQuestion(no: Int) {
    self.progressLabel.text = String(no) + "/" + String(questions.count)  // 進捗用表示、これで「1/3」などと表示される
    self.QuestionNoLabel.text = questions[no-1][1]  // questionsの配列のno番目(例えばno=1なら要素0(=1個目の配列)で、その[1]なので要素2(0,1と数えるから), つまり"野菜はどれですか？"
    self.answerButton1.setTitle(questions[no-1][2] , for: .normal)
    self.answerButton2.setTitle(questions[no-1][3] , for: .normal)
    self.answerButton3.setTitle(questions[no-1][4] , for: .normal)
    self.correctAnswerLabel.alpha = 0.0  // 毎回表示時に答えをalpha 0(透明に戻す)
    self.correctAnswerLabel.text = questions[no-1][5]
}

private func answerButtonPressed(_ sender: Any) {
    if self.correctAnswerLabel.alpha == 0.0 {  // 答えが表示されていない時
        self.correctAnswerLabel.alpha = 1.0  // 答えの表示をさせる
    } else {  // 答えが表示されている時
        if currentNo != 3 {  // 答えが表示されている時で、最後の問題に来て、ボタンを押されたら、segueする
            self.performSegue( ... // 省略
        } else {  // 最後の問題じゃない時の動作
            currentNo = currentNo + 1  // 現在の問題番号を1個進める
            showQuestion(no: currentNo)  // 1個進めた番号の問題, 選択肢を表示する
        }
    }
}

とりあえず、大まかなコードを示しました。
他にも
・答えを保存する、
・データの保存構造体orクラスを作る
・質問/選択肢/正解をfirestoreからDLし、データ構造体・クラスに保存する
・答えずに進む/戻るボタンの実装
・答えを選んだ時の動作正解時○や誤りの時×の表示
などなど、さらに考えて実装しないといけないことがあると思いますが、
そこは考えたり、調べたりするのも力になるので、試行錯誤してみてくださいね。

Comments

[yunso0722]

hamejiさんありがとうございます。
本当に助かりました！！