Swift：Firebase Realtime Database に保存したデータをTableViewに表示する方法

Question

前提・実現したいこと

Firebase/RealtimeDatabase に保存したデータを、TableViewに配列したいんですが、うまくデータベースから値を取得できません。出力イメージを下に添付しています。

データベースはこの下記のように保存しています。

データベースから、シリアルナンバー(number) でフィルターをかけて履歴をTableViewに表示したいと思っています。

発生している問題・エラーメッセージ

コードのエラーは出ないんですが、ビルドしてもシミュレータのTableViewに何も表示されません。
データベースからうまく取得できていないみたいです。

該当のソースコード

class History {
    
    var time:String? = ""
    var status:String? = ""
    var price:String? = ""
    
    init(time: String?, status: String?, price: String?) {
        self.time = time
        self.status = status
        self.price = price
    }

}

class HomeViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
    
** 中略 **
    
    var historys = [History]()
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return historys.count
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "historyCell", for: indexPath) as! HomeViewControllerTableViewCell
        let history = historys[indexPath.row]
        cell.timeLabel.text = history.time
        cell.statusLabel.text = history.status
        cell.priceLabel.text = history.price
        return cell
    }
    
** 中略 **

    override func viewDidLoad() {
        super.viewDidLoad()
        
        tableView.dataSource = self
        tableView.delegate = self
        
        // 遷移元のTextFieldに入力したシリアルナンバーを"argString"に値渡し
        serialLabel.text = argString


        //残高に表示するデータをデータベースから取り出し
        ref = Database.database().reference().child("Action")
        
        ref.queryOrdered(byChild: "number").queryEqual(toValue: argString).queryLimited(toLast: 1).observeSingleEvent(of: .value, with: {(snapshot) in
            for item in snapshot.children {
                let snap = item as! DataSnapshot
                let dict = snap.value as! [String: Any]
                let pricedata = dict["balance"] as! Int
                // データの中身
                print(pricedata as Any)
                self.balance = pricedata
                self.price.text = String(self.balance) + String(self.entext)
            }
        })
        
        //データベースから履歴に表示させるデータを取り出す
        func LoadHistory() {
            ref.queryOrdered(byChild: "number").queryEqual(toValue: argString).observeSingleEvent(of: .value, with: {(snapshot) in
                for item2 in snapshot.children {
                    let snap2 = item2 as! DataSnapshot
                    let dict2 = snap2.value as! [String: Any]
                    let time = dict2["time"] as! String
                    let status = dict2["status"] as! String
                    let price = dict2["price"] as! String
                    let hist = History(time: time, status: status, price: price)
                    self.historys.append(hist)
                }
                self.tableView.reloadData()
            })
        }
        
       
    }

    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
    
    
}

import UIKit

class HomeViewControllerTableViewCell: UITableViewCell {
    
    @IBOutlet weak var timeLabel: UILabel!
    @IBOutlet weak var statusLabel: UILabel!
    @IBOutlet weak var priceLabel: UILabel!
    
    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code
    }
    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)
    }
    
}

試したこと

データベースからうまくデータを取得できてるか確認するために、「//データベースから履歴に表示させるデータを取り出す」の部分でprint()コードを記述してみたんですが、とくになにも出力されませんでした（汗）

補足情報（FW/ツールのバージョンなど）

Swift5

Answer 1

データベースからうまくデータを取得できてるか確認するために、「//データベースから履歴に表示させるデータを取り出す」の部分でprint()コードを記述してみたんですが、とくになにも出力されませんでした（汗）

どこに print() を書いていますか？
また、どこで LoadHistory() を呼び出していますか？

コードを見る限りでは、どこにも上記 2 つは見当たらないので、書いてもいないし、呼び出してもいないのではないかと思います。

Comments

[Y.Kame]

回答ありがとうございます。

***
//データベースから履歴に表示させるデータを取り出す
func LoadHistory() {
ref.queryOrdered(byChild: "number").queryEqual(toValue: argString).observeSingleEvent(of: .value, with: {(snapshot) in
for item2 in snapshot.children {
let snap2 = item2 as! DataSnapshot
let dict2 = snap2.value as! [String: Any]
let time = dict2["time"] as! String
let status = dict2["status"] as! String
let price = dict2["price"] as! String
let hist = History(time: time, status: status, price: price)
self.historys.append(hist)
　　　　　　 print(dict2 as Any)　⇦ここに"print()"を書きました
}
self.tableView.reloadData()
})
}
***

また「LoadHistory()」を「override func viewDidLoad() {}」の中に記述してたんですがエラーがでたので削除してどこにも記述していません…

[s.m_1]

どこにも LoadHistory() を記述していなので、データが表示されるわけありません。
LoadHistory() を呼び出した時のエラーを載せてください。

[Y.Kame]

「override func viewDidLoad(){}」の中の、「//データベースから履歴に表示させるデータを取り出す」のすぐ下に「LoadHistory()」を記述してビルドしてみました。

コードでエラーは発生しませんでしたが、遷移元でTextFieldを入力してHomeViewControllerに遷移したところ…

let price = dict2["price"] as! String

の部分で

Thread 1: signal SIGABRT

のエラーが発生してアプリが落ちてしまいました（涙）

[s.m_1]

Thread 1: signal SIGABRT　ではなく、ログ画面に出ているエラーを載せてください。

おそらくですが、
let price = dict2["price"] as! String
で、price を取得しようとしていますが、値は無いためアプリが落ちるんだと思います。
price を取得する前に、dict の中身を確認してみてください。

[Y.Kame]

なるほど…すいません（汗）

Could not cast value of type '__NSCFNumber' (0x111fbaa38) to 'NSString' (0x1107b94c8).

とログに記載してありました。
priceはStringではなくInt型で保存しているからでしょうか…

[s.m_1]

でしたら、Int 型で取得して、表示する時に、"(price)" と表示すればいいんじゃないですか？

[Y.Kame]

ありがとうございます！

let price = dict2["price"] as? Int

に書き換えてみました。
すると

let hist = History(time: time, status: status, price: price)

の部分で

Cannot convert value of type 'Int' to expected argument type 'String?'

というエラーが発生してしましました…
また「表示する時に、"(price)"と表示する・・・っていうのはどの部分のことでしょうか。

たくさんすみません。

[s.m_1]

それでしたら、History クラスの price の型を Int 型にしてみたらどうですか？

[Y.Kame]

さっき試してみたんですけど、すると今度は・・・

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCell(withIdentifier: "historyCell", for: indexPath) as! HomeViewControllerTableViewCell
let history = historys[indexPath.row]
cell.timeLabel.text = history.time
cell.statusLabel.text = history.status
cell.priceLabel.text = history.price
return cell
}

この部分の

cell.priceLabel.text = history.price

ここで

Cannot assign value of type 'Int?' to type 'String?'

ってなっちゃうんですよ（涙）

[s.m_1]

そこで、先ほど説明した、"(price)" を使います。

この場合だと、
cell.priceLabel.text = "(history.price)"
ですが。

label.text には String 型しかセットすることができません。
しかし、history.price は Int 型なので、エラーになるわけです。

[Y.Kame]

なるほど！！
ありがとうございます。

言われたようにコードを記述したらエラーはなくなりました！

ですが、ビルドしてシミュレートした際にまた遷移する段階でアプリが落ちました・・・

ログにはこう記述されていました…

*** Terminating app due to uncaught exception 'NSUnknownKeyException', reason: '[<UITableViewCell 0x7fb09302f000> setValue:forUndefinedKey:]: this class is not key value coding-compliant for the key price.'

[s.m_1]

price を取得する時にどのようなコードを書いていますか？

おそらく、dict["price"] なのですが、dict には price というキーが存在しないためエラーが起きています。

dict の中身だけを print してみて、確認してください。

[Y.Kame]

let price = dict2["price"] as! String

で price を取得しています。

print(dict2 as Any)

でプリントしたところログに下記のようなログが残りました。

["number": N525ASU, "balance": 10000, "time": 2019/08/22 18:41:05, "status": チャージ, "price": 10000]
["number": N525ASU, "balance": 15000, "time": 2019/08/22 18:42:47, "status": チャージ, "price": 5000]
["status": 支払い, "number": N525ASU, "price": 2500, "balance": 12500, "time": 2019/08/22 18:42:55]
["status": 支払い, "number": N525ASU, "price": 2500, "balance": 10000, "time": 2019/08/22 18:43:34]
["time": 2019/08/23 01:50:18, "status": チャージ, "price": 10000, "balance": 20000, "number": N525ASU]
["time": 2019/08/23 01:50:22, "status": 支払い, "price": 5000, "balance": 15000, "number": N525ASU]
["time": 2019/08/23 16:10:31, "status": 支払い, "price": 5000, "balance": 10000, "number": N525ASU]

[Y.Kame]

あ、

let price = dict2["price"] as! Int

でした。

[Y.Kame]

上記のログの上くらいに

Unknown class _TtC8nasucard11HistoryCell in Interface Builder file.

っていうログも残っているんですが何か関係あるんでしょうか・・・

[s.m_1]

補足ですが、! はあまり使わないことをおすすめします。

今のように price があることが事前に確認できている場合は良いですが、仮に price が存在しない (nil) 時は、そのコードだとアプリはクラッシュします。

なので、それを防ぐためにも、
let price = dict2["price"] as? Int
cell.priceLabel.text = "(history.price ?? 0)"

の方が良いでしょう。

[Y.Kame]

参考になることばかりご教授いただき助かります(涙)

[Y.Kame]

追記ですが、

Unknown class _TtC8nasucard11HistoryCell in Interface Builder file.

ログに記述されていた上記のエラーですが、TableView のTableViewCell に存在しないクラス名（HistoryCell）をセットしていたためのエラーみたいでした。

クラスのセットをしなおしたら上記のエラーはなくなりました。

Answer 2

途中経過

同じような問題に直面している人がいたときの為に、途中経過と残った問題をまとめます。
(Firebase)Databaseに保存したデータをTableViewの各Labelに表示する方法をご教授して頂きました。

問題解決前のコードは質問の際に記載しているものを参照してください。

// TableViewを配置しているページのコードです

import UIKit

import Firebase
import SwiftyJSON
import FirebaseAuth
import FirebaseDatabase

class History {
    
    var time:String?
    var status:String?
    var price:Int?   // "price"はInt型で保存している為、Intを宣言
    
    init(time: String?, status: String?, price: Int?) { //ここも"price"はInt型
        self.time = time
        self.status = status
        self.price = price
    }

}

class HomeViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
    
*** 中略 ***

@IBOutlet weak var tableView: UITableView!
    
var ref:DatabaseReference!
var argString = ""  // 遷移元のTextFieldに入力された"number"を値渡し


// データベースから取得した履歴をテーブルビューに表示する
var historys = [History]()
    
//リストに表示する件数はある分すべてに設定されています
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return historys.count // ここの部分です（return 1）とかだと1件表示になります
    }
    
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "historyCell", for: indexPath) as! HomeViewControllerTableViewCell
    let history = historys[indexPath.row]
    cell.timeLabel.text = history.time
    cell.statusLabel.text = history.status
    cell.priceLabel.text = "(history.price ?? 0)" //Int型をString型で表示する
    return cell
    }


// ▼▼▼ クラス読み込み時に一度だけ実行される処理 ▼▼▼

    override func viewDidLoad() {
        super.viewDidLoad()
        
        tableView.dataSource = self
        tableView.delegate = self

    //データベースから履歴に表示させるデータを取り出す
        func LoadHistory() {
            ref.queryOrdered(byChild: "number").queryEqual(toValue: argString).observeSingleEvent(of: .value, with: {(snapshot) in
                for item2 in snapshot.children {
                    let snap2 = item2 as! DataSnapshot
                    let dict2 = snap2.value as! [String: Any]
                    let time = dict2["time"] as? String
                    let status = dict2["status"] as? String
                    let price = dict2["price"] as? Int
                    //取得したdict2のデータをプリント
                    print(dict2 as Any) // dict2に入っているデータベースのデータをログに出力（成功）
                    let hist = History(time: time, status: status, price: price)
                    self.historys.append(hist)
                }
                self.tableView.reloadData()
            })
        }
        
        LoadHistory() //これが抜けていました… すぐ上に記述しているコードの実行を命令

    }
    // ▲▲▲ ここまで ▲▲▲


    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }

    
    
    
}

着地

コード記述でエラーは返ってきませんでしたが、遷移元からHomeViewControllerに遷移したタイミングでアプリが落ちる（強制終了）状態から修正することができませんでした。

ログに記載されていたエラー文を下記に記載しておきます。

*** Terminating app due to uncaught exception 'NSUnknownKeyException',
reason:'[<nasucard.HomeViewControllerTableViewCell 0x7ff629028e00>setValue:forUndefinedKey:]: this class is not key value coding-compliant for the key price.'

//日本語訳
キャッチされない例外'NSUnknownKeyException'によるアプリの終了
*理由*
[<nasucard.HomeViewControllerTableViewCell 0x7ff629028e00> setValue：forUndefinedKey：]
このクラスは、キー"price"の"key value coding"に準拠していません

ログのエラー文を見て理解しようとすると、質問の際に記述しました"HomeViewControllerTableViewCell"クラスの"price"の記述の仕方になんらかのミスがあるように理解したんですが・・・

修正を加えてもいまいちうまく抜け出せませんでした・・・

また改めて別質問でまとめさせて頂きたいと思います。