SwiftのViewMode側でテーブルビューをリロードしたい

Question

実現したいこと

MVVMのViewModel側でテーブルビューをリロードしたいです。

前提

MVVMで最小のAPIアプリを作っています。
Model：構造体などの情報
ViewModel：Modelを使ってデータを取得したり、Functionをまとめたり
View：画面に関する処理のみ記述

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

Value of type 'TableViewReloadVieModel' has no member 'reload'

該当のソースコード

// TableViewReloadVieModel.swift
import Alamofire
import Foundation


// プロトコル
protocol TableViewReloadViewModelOutput{
    // テーブルビューをリロードするメソッド
    func reload()
}

class TableViewReloadVieModel {
    
    // 変数
    // テーブルビュー表示用
    var display_qiita_article: [ArticleInfo] = []
    
    // APIエンドポイント
    let apiUrlString = "https://qiita.com/api/v2/items"
    
    
    // MARK: - Function
    func fetchQiitaArticles () {
        
        // URLオブジェクトを生成
        if let apiUrl = URL(string: apiUrlString) {
            // URLセッションを作成
            let session = URLSession.shared
            
            // データタスクを作成してGETリクエストを送信
            let task = session.dataTask(with: apiUrl) { data, response, error in
                if let error = error {
                    print("Error: \(error)")
                } else if let data = data {
                    do {
                        // 取得したデータをJSONオブジェクトにパース
                        if let jsonArray = try JSONSerialization.jsonObject(with: data, options: []) as? [[String: Any]] {
                            // JSONデータを利用する
                            for json in jsonArray {
                                if let title = json["title"] as? String {
                                    print("Title: \(title)")
                                }
                                if let user = json["user"] as? [String: Any], let id = user["id"] as? String {
                                    print("====================================")
                                    print("ユーザーIDは")
                                    print("User ID: \(id)")
                                    print("====================================")
                                }
                                // リロードする
                                self.reload()
                            }
                        }
                    } catch {
                        print("Error: \(error)")
                    }
                }
            }
            
            // データタスクを開始
            task.resume()
        }
    }
}

// TableViewReloadViewController.swift
import UIKit

class TableViewReloadViewController: UIViewController, UITableViewDataSource, UITableViewDelegate, TableViewReloadViewModelOutput {
    
    // 接続
    @IBOutlet var tableView: UITableView!
    
    // インスタンス
    let viewModel = TableViewReloadVieModel()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // データを取得する
        viewModel.fetchQiitaArticles()
        
        // デリゲート
        tableView.dataSource = self

        // カスタムセル登録
        self.initTableView()
    }
    
    // MARK: - TableView
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return viewModel.display_qiita_article.count
    }
    
    
    // 中身
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        
        let cell = tableView.dequeueReusableCell(withIdentifier: "QiitaArticleTableViewCell", for: indexPath) as! QiitaArticleTableViewCell
        
        // 記事タイトル
        cell.title.text = viewModel.display_qiita_article[indexPath.row].title
        // 記事URL
        cell.url.text = viewModel.display_qiita_article[indexPath.row].url
        
        return cell
    }
    
    
    // セルの高さ
    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 64
    }
    
    
    // 選択時
    func tableView(_ tableView: UITableView, didDeselectRowAt indexPath: IndexPath) {
        
        print("=====================")
        print("セルタップしたよ")
        print("=====================")
        print("セル番号は")
        print(String(indexPath.row))
        print("=====================")
    }
    
    
    // MARK: - Action
    
    @IBAction func addButton(_ sender: Any) {
        
    }
    
    
    // MARK: - Function
    private func initTableView() {
        tableView.register(UINib(nibName: "QiitaArticleTableViewCell", bundle: nil), forCellReuseIdentifier: "QiitaArticleTableViewCell")
    }
    
    func reload() {
        // メインスレッドで読み込む
        DispatchQueue.main.async {
            self.tableView.reloadData()
        }
    }
}

試したこと

色々試したのですがViewModel側でリロード出来ませんでした。
MVVM初めてなのでお手柔らかにお願いいたします。

Comments

[hoshi-takanori]

ViewModel 側でデータが更新されたことを View に通知する必要があるでしょうね。やり方はいろいろ考えられますが。ちなみに、MVVM についてはどんな記事を参考にされましたか？

[退会済みユーザー]

> ViewModel 側でデータが更新されたことを View に通知する必要があるでしょうね。

didsetとかでしょうか？？

> やり方はいろいろ考えられますが

検索すると色々出てくるので本当に困っています

> MVVM についてはどんな記事を参考にされましたか？

特にこれといった記事ではなく何個か読んでみて自分なりに解釈している状況です。
なるべく複雑にならずに簡単にリロードできる実装にしたいと考えています。

よろしくお願いします。

Answer 1

自己解決しました。

func fetchQiitaArticles(_ output: TableViewReloadViewModelOutput) {
...
}