APIで受信したデーターを変数への代入方法について教えて下さい。

Question

APIで受け取った情報をTableviewのCellに貼り付けたいです。
以前はTestData1の形に変換して、Cellに渡そうと思っていたのですが、パースしたjsonをそのまま利用する方が好ましいとのアドバスを受け、
以下のように記述してみました。
実行するとエラーはでませんが、テーブルには何も表示されません。

import UIKit


class TableViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
    
    
    @IBOutlet weak var APPNAME: UILabel!
    @IBOutlet weak var Change: UIButton!
    @IBOutlet var ApprovalTableView: UITableView!
    
    //
    var TestData1 : [[String:String]] = [
        ["ID":"19540921","NAME":"安倍　晋三","DOCUCODE":"https://www.abcdefg.com/19540921"],
        ["ID":"19400920","NAME":"麻生　太郎","DOCUCODE":"https://www.abcdefg.com/19400920"],
        ["ID":"19630110","NAME":"河野　太郎","DOCUCODE":"https://www.abcdefg.com/19630110"]
    ]
    
    //送られてくるJSONに相当する構造体を準備する
    struct JsonForm : Codable {
        var ID : String
        var NAME : String
        var DOCUCODE : String
        
    }
    
    //ここが不安
    var CellValue = [JsonForm]()
    
    //ここからviewDidLoad
    override func viewDidLoad() {
        super.viewDidLoad()
        
        //
        ApprovalTableView.dataSource = self
        ApprovalTableView.delegate = self
        
        
        //APIへGET送信
        let listUrl = "https://省略"
        let APIurl = URL(string: listUrl)!
        
        //
        URLSession.shared.dataTask(with: APIurl) { (data, response, error) in
            
            //
            if (error == nil) {
                // API通信成功
                
                //
                guard let data = data else { return }
                
                    //
                    do {
                        //パース：jsonはArray<JsonForm>
                        let json:[JsonForm] = try JSONDecoder().decode([JsonForm].self, from: data)
                        
                        //変数に代入
                        self.CellValue = json
                        
                    } catch {
                        
                    print(error)
                    
                    }
                
            } else {
                // API通信失敗
                print("API NG")
                
            }
            
        }.resume()
        
    }
    
    //画面遷移させる時に値を渡す
    override func prepare(for segue: UIStoryboardSegue, sender: Any? ) {
        
        //
        if let detailVC = segue.destination as? DetailViewController, let indexPath = sender as? IndexPath {
            detailVC.message = CellValue[indexPath.row].DOCUCODE
            
        }
        
    }
    
    //セクションの数
    func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }
    
    //セルの数
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
       //return TestData1.count
　　　　return CellValue.count
    }
    
    //セルに描写
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath )
        
        //tag1
        let Label1 = cell.viewWithTag(1) as? UILabel
        //Label1?.text = TestData1[indexPath.row]["ID"]
        Label1?.text = CellValue[indexPath.row].ID
        
        //tag2
        let Label2 = cell.viewWithTag(2) as? UILabel
        //Label2?.text = TestData1[indexPath.row]["NAME"]
        Label2?.text = CellValue[indexPath.row].NAME
        
        //tag3
        let Label3 = cell.viewWithTag(3) as? UILabel
        //Label3?.text = TestData1[indexPath.row]["DOCUCODE"]
        Label3?.text = CellValue[indexPath.row].DOCUCODE
        
        //
        return cell
        
    }
    
    //セルの高さを決める
    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 100
    }
    
    //セルをタップした時
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        performSegue(withIdentifier: "MainToDetail", sender: indexPath)
        
    }
    
}

jsonを代入する変数の宣言の問題なのか、代入後の変数がスコープ範囲外なのか、代入後の変数の扱いが間違っているのかがわかりません。
基本的な何かが欠けていると思うのですが、ご教授お願い致します。

Comments

[hayabusabusash]

//変数に代入
self.CellValue = json

この下で
self.ApprovalTableView.reloadData()
では表示されませんか？

[bkyj5374]

返信ありがとうございます。
真下に追記してみたところ、
self.CellValue = json
self.ApprovalTableView.reloadData()
実行すると紫色で　UITableView.reloadData() must be used from main thread only　となります。
そこで「メインスレッドからのみ使用」との意味のようなので、外しているかもしれませんが、resume()の次の行で実行してみましたが、エラーも出ず表示もされない状況です。

[hayabusabusash]

確認ありがとうございます！
非同期処理だとがすっかり抜けていました。申し訳ありません。

少し確認したいのですが、
同じ変数に代入の下に以下のような記述はできますでしょうか？

DispatchQueue.main.async {
self.ApprovalTableView.reloadData()
}

[bkyj5374]

表示されました!!!
セルをタップした行の動作も問題なさそうです。
今、感動しています。
ありがとうございます。

追加のお願いで恐縮ですが、理解を深めておきたいのです。
この
DispatchQueue.main.async {
self.ApprovalTableView.reloadData()
}
を変数代入の直後に記述する事で内部的にどのような処理を行っているのかを解説頂けると助かります。

[hayabusabusash]

よかったです！
長くなりそうなので回答の方に記述させていただきます。

Answer 1

URLSessionでのAPIとの通信ですが、
こちら非同期の処理になりますので、メインスレッドではないスレッドで実行されます。(参考)
また、UIの描画はメインスレッドでしか実行できないため先程のエラーが出力されます。

UITableView.reloadData() must be used from main thread only

なのでTableViewの更新のようなUIの再描画はメインスレッドで行うように指定します。
それが以下の部分です。Swiftのスレッド関連に関してはこちらを参考にしてください。

DispatchQueue.main.async {
     self.ApprovalTableView.reloadData() 
}

あとTableViewに表示するデータ(今回の場合CellValueですね)を更新したい場合はリロードするようにしてください。
そうしないといくらメインスレッドでデータを更新してもTableViewに反映されません。

     tableView.reloadData()

Comments

[bkyj5374]

丁寧に対応頂きとても感謝しております。
いただいた解説は今の私では理解に至りませんが、繰り返し読んで理解できるよう努めます。
ありがとうございました。

[hayabusabusash]

私もまだまだ未熟なため、わかりやすい解説にならず申し訳ないです。

非同期の処理は色々考えることが多く大変ですが、
使いこなせるようになると開発の幅が大きく広がると思います。
URLSessionの他にも通信ができるライブラリ等を使ってみるとより理解が深まると思うので
ぜひ試してみてはいかがでしょうか？

この回答で今回の問題が解決できたなら質問を解決済みにしておいてはいただけないでしょうか？
もし他に不明点があるなら別の質問としてあげていただければお答えいたします！