json形式への変化処理 swift

Question

##API

{
result: [
{
foodImageUrl: "https://image.space.rakuten.co.jp/d/strg/ctrl/3/fbd7dd260d736654532e6c0b1ec185a0cede8675.49.2.3.2.jpg",
recipeDescription: "そのままでも、ご飯にのせて丼にしても♪",
recipePublishday: "2017/10/10 22:37:34",
shop: 0,
pickup: 0,
recipeId: 1760028309,
nickname: "はぁぽじ",
smallImageUrl: "https://image.space.rakuten.co.jp/d/strg/ctrl/3/fbd7dd260d736654532e6c0b1ec185a0cede8675.49.2.3.2.jpg?thum=55",
recipeMaterial: [
"鶏むね肉",
"塩",
"酒",
"片栗粉",
"○水",
"○塩",
"○鶏がらスープの素",
"○黒胡椒",
"長ネギ",
"いりごま",
"ごま油"
],
recipeIndication: "約10分",
recipeCost: "300円前後",
rank: "1",
recipeUrl: "https://recipe.rakuten.co.jp/recipe/1760028309/",
mediumImageUrl: "https://image.space.rakuten.co.jp/d/strg/ctrl/3/fbd7dd260d736654532e6c0b1ec185a0cede8675.49.2.3.2.jpg?thum=54",
recipeTitle: "ご飯がすすむ！鶏むね肉のねぎ塩焼き"
},

##やりたいこと

foodImageUrlをとってtableviewに表示させたい。

##試したコード

import UIKit

struct ResultUserList: Codable {
    var result: User
struct  User: Codable{
    var foodImageUrl: String
}
}

class ResultViewModel {
    
    static func fetchArticle(completion: @escaping ([ResultUserList]) -> Swift.Void)
    {
        let url = "https://app.rakuten.co.jp/services/api/Recipe/CategoryRanking/20170426?format=json&applicationId=1095609837981916624"
        
        guard var urlComponents = URLComponents(string: url) else {
            return
        }
        
        //URLQueryItemを使うことでURLのクエリストリングを追加して、ページの要素数を50までと指定
        urlComponents.queryItems = [
        URLQueryItem(name: "per_page", value: "50"),
        ]

        let task = URLSession.shared.dataTask(with: urlComponents.url!) { data, response, error in
            
            guard let jsonData = data else {
                return
            }
            do{
                let articles = try JSONDecoder().decode([ResultUserList].self, from: jsonData)
                completion(articles)
            } catch {
                print(error.localizedDescription)
            }
        }
        task.resume()
    }
}

class ViewController: UIViewController {
private var tableView = UITableView()
fileprivate var articles: [ResultUserList] = []

override func viewDidLoad() {
    super.viewDidLoad()
    self.title = "レシピ"

    tableView.dataSource = self
    tableView.frame = view.frame
    view.addSubview(tableView)
    ResultViewModel.fetchArticle(completion: { (articles) in
        self.articles = articles
        DispatchQueue.main.async {
            self.tableView.reloadData()
        }
    })
}
        override func didReceiveMemoryWarning() {
            super.didReceiveMemoryWarning()
        }
    }
    
    

extension ViewController: UITableViewDataSource {

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = UITableViewCell(style: .subtitle, reuseIdentifier: "cell")
    let article = articles[indexPath.row]
    cell.textLabel?.text = article.result.foodImageUrl
    
    return cell
}
    
 func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
     return articles.count
 }
}

よろしくお願いします。

Comments

[kei344]

使用している言語のタグをつけましょう。

[aa23021]

ご指摘ありがとうございます。
編集いたしました。

[hayabusabusash]

どんなデータを json の形式に変換しようとしているのか知りたいので、
引数に指定している data はどんなデータなのかを追記していただけないでしょうか？

[aa23021]

すみません。昨日から色々試しすぎて、上記のエラーがどれで出たのが忘れてしまいました。汗
昨日から困っている詳細を編集いたしましたので、教えていただけると嬉しいです。
宜しくお願いします。

Answer 1

追記ありがとうございます????‍♂️

貼っていただいたモデルオブジェクトを確認したところ
一部問題があったので修正してみました。

struct ResultUserList: Codable {
    // result の中は配列になっているので、`User` の配列に変更
    let result: [User]
}

struct User: Codable {
    let foodImageUrl: String
}

貼っていただいた Json の中の result の中は配列として返ってきているので、
モデルオブジェクトの方も配列にしてみました。これで問題なくデコードができると思います。

一応以下のコードを Playground で実行してエラーが出ないことは確認しました。

import Foundation

let json = """
{
    "result": [
        {
          "foodImageUrl": "https://image.space.rakuten.co.jp/d/strg/ctrl/3/fbd7dd260d736654532e6c0b1ec185a0cede8675.49.2.3.2.jpg",
          "recipeDescription": "そのままでも、ご飯にのせて丼にしても♪",
          "recipePublishday": "2017/10/10 22:37:34",
          "shop": 0,
          "pickup": 0,
          "recipeId": 1760028309,
          "nickname": "はぁぽじ",
          "smallImageUrl": "https://image.space.rakuten.co.jp/d/strg/ctrl/3/fbd7dd260d736654532e6c0b1ec185a0cede8675.49.2.3.2.jpg?thum=55",
          "recipeMaterial": [
            "鶏むね肉",
            "塩",
            "酒",
            "片栗粉",
            "○水",
            "○塩",
            "○鶏がらスープの素",
            "○黒胡椒",
            "長ネギ",
            "いりごま",
            "ごま油"
          ],
          "recipeIndication": "約10分",
          "recipeCost": "300円前後",
          "rank": "1",
          "recipeUrl": "https://recipe.rakuten.co.jp/recipe/1760028309/",
          "mediumImageUrl": "https://image.space.rakuten.co.jp/d/strg/ctrl/3/fbd7dd260d736654532e6c0b1ec185a0cede8675.49.2.3.2.jpg?thum=54",
          "recipeTitle": "ご飯がすすむ！鶏むね肉のねぎ塩焼き"
        }
    ]
}
""".data(using: .utf8)!

struct ResultUserList: Codable {
    let result: [User]
}

struct User: Codable {
    let foodImageUrl: String
}

do {
    let resultUserList = try JSONDecoder().decode(ResultUserList.self, from: json)
    print(resultUserList.result)
} catch {
    print(error)
}

あと貼っていただいたコードでは [ResultUserList] としてデコードしようとしていますが、
ResultUserLiset に修正したほうがいいと思います。
foodImageUrl とその他諸々を一覧として出したいなら、[User] を結果として完了ハンドラに返してあげればいいはずです。

        let task = URLSession.shared.dataTask(with: urlComponents.url!) { data, response, error in

            guard let jsonData = data else {
                return
            }
            do{
                // デコード先を `ResultUserList` に変更.
                let resultUserList = try JSONDecoder().decode(ResultUserList.self, from: jsonData)
                // `ResultUserList` の `result` プロパティから `[User]` を取り出して結果として返す.
                completion(resultUserList.result)
            } catch {
                print(error.localizedDescription)
            }
        }
        task.resume()

コメントいただいた件を追記(2020/06/12)

上記のコードをそのまま部分的に変えても動かないので、
static メソッドの完了ハンドラの型、TableView の dataSource として使っている変数の型も変える必要があると思います。
この辺りは自分が書いたコードではなく全体を把握できているわけではないので、エラーを頼りに適宜修正してもらえると嬉しいです????‍♂️

// ViewModel の static メソッド
// 完了ハンドラに返す型を `[User]` に変更します.
static func fetchArticle(completion: @escaping ([User]) -> Swift.Void) {
    // 省略します
}

// ViewController 内の TableView の dataSource として使っている変数
// [User] に変更します.
fileprivate var articles: [User] = []

Comments

[aa23021]

ご丁寧に本当に有り難うございます。
上記のように変えた場合、

```
do{
// デコード先を `ResultUserList` に変更.
let resultUserList = try JSONDecoder().decode(ResultUserList.self, from: jsonData)
// `ResultUserList` の `result` プロパティから `[User]` を取り出して結果として返す.
completion(resultUserList.result) ←エラーCannot convert value of type '[User]' to expected argument type '[ResultUserList]'
```

が出てしまうのと、

下の
```
extension ViewController: UITableViewDataSource {
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = UITableViewCell(style: .subtitle, reuseIdentifier: "cell")
let article = resultUserList[indexPath.row]
cell.textLabel?.text = article.result ← エラー:Cannot assign value of type '[User]' to type 'String'
```

と出てしまうのですが。
一応、二番目のエラーは、　.foodImageUrl つけてみたり　.User　つけてもどれもエラーが出てしまいました。

長々とすみませんが、よろしくお願いします。

[hayabusabusash]

コメントいただいた件について少し追記しました????‍♂️

[aa23021]

大変遅くなりました。ベストアンサーで選んだつもりが反映されてなかったです。汗
貴重な時間くださいありがとうございました。