iOS初心者です。あるコードを、SwiftyJSONではなくCodableを用いてテーブルにデータを表示したい。

Question

やりたいこと。

【Swift3.0】APIからJSONデータを取得して表示【初心者向け】の実装をCodableで行いたい。
現在、リンク通りにSwiftyJSONとAlamofireを用いてリンク先の実装を行いましたが、
Swift4のCodableを使って、JSONをパースし、テーブルに表示したい。

現在のコード

import UIKit
import Alamofire
import SwiftyJSON

class ViewController: UIViewController {
    var items: [JSON] = []

    override func viewDidLoad() {
        super.viewDidLoad()
        let tableview        = UITableView()
        tableview.frame      = CGRect(x: 0, y: 0, width: self.view.frame.width, height: self.view.frame.height)
        tableview.delegate   = self
        tableview.dataSource = self
        self.view.addSubview(tableview)
        
        let listURL = "http://qiita-stock.info/api.json"
        Alamofire.request(listURL).responseJSON { response in
            let json = JSON(response.result.value ?? 0)
            json.forEach({ (_, data) in
                self.items.append(data)
            })
            tableview.reloadData()
        }
    }

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

extension ViewController: UITableViewDelegate, UITableViewDataSource {

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return items.count
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = UITableViewCell(style: UITableViewCellStyle.subtitle, reuseIdentifier: "TableCell")
        cell.textLabel?.text = items[indexPath.row]["title"].string
        cell.detailTextLabel?.text = "登校日:(items[indexPath.row]["send_date"].stringValue)"
        return cell
    }
}

基本的にリンク先と同様です。

Codable利用にあたっって試したこと

Codableに準拠した構造体を作る。

struct Item: Codable {
    var title: String
    var send_date: String
}

変えるべきところを模索

let listURL = "http://qiita-stock.info/api.json"
Alamofire.request(listURL).responseJSON { response in
		let json = JSON(response.result.value ?? 0)
		json.forEach({ (_, data) in
				self.items.append(data)
		})
		tableview.reloadData()
}

ここがCodableだと変わってくると思うのですが、以下のような、
以前学習したコードを試したり、トライアンドエラーしているうちに
時間が過ぎてしまったので質問をさせていただきました。

let decorder = JSONDecoder()
let data = json.data(using: String.Encoding.utf8)
let hoge = try decorder.decode(Hoge.self, from: data!)
print(hoge.size.xxx)
device.capacities.map {
  print($0.rawValue)
}

よろしくお願いします。

Answer 1

let stringJson = """
[
  {
    "title": "Yesterday",
    "send_date": "2018-04-30T00:00:00+09:00",
  }, {
    "title": "Today",
    "send_date": "2018-05-01T00:00:00+09:00",
  }, {
    "title": "Tomorrow",
    "send_date": "2018-05-02T00:00:00+09:00",
  }
]
"""

if let data = stringJson.data(using: .utf8) {
    if let array = try? JSONDecoder().decode([Item].self, from: data) {
        array.forEach {
            print($0.send_date, $0.title)
            //2018-04-30T00:00:00+09:00 Yesterday
            //2018-05-01T00:00:00+09:00 Today
            //2018-05-02T00:00:00+09:00 Tomorrow
        }
    } else {
        print("json nil")
    }
} else {
    print("data nil")
}

Comments

[progleader]

ありがとうございます！かなりイメージが近づきました！
.decode([Item].self,from:data)とするところが重要そうでしたね！！
最終ゴールとしては、これらのパースしたデータをprint出力ではなく、
tableに表示するコードを試行錯誤しているのですが、なかなかうまくいきません。。。
もしお分りではあればご教授頂けると幸いです。

[gingertail]

データを取り出すところまでできたらあとは同じですよ

[progleader]

1日やってみましたがちょっと厳しかったです。。。
もしお時間あればご教授いただけると幸いです。。。