[Swift]楽天APIで取得したJSONデータを、Codableで任意の型に変換したい

Question

前提・実現したいこと

Swiftで、好き嫌いから食材やレシピを提示するシステムを作っています。
楽天レシピのAPIからデータを取得し、Codableで任意のデータ型に変換しようとしたときに、
うまくデータを取得できない状況に陥りました。
structの書き方が原因なのかな？と思い、そこを重点的に書き換えていましたが、どうしてもうまくいかなかったため、質問を投稿しました。

###取得しているJSONデータ

{
  "result": {
    "small": [
      {
        "categoryName": "ソーセージ・ウインナー",
        "parentCategoryId": "66",
        "categoryId": 50,
        "categoryUrl": "https://recipe.rakuten.co.jp/category/10-66-50/"
      },
      ...(以下、この型のデータが数千)...
    ],
    "medium": [...],
    "large": [...]
  }
}

コード全体

import UIKit

//APIで取得したデータを使える形に直すために、Structでモデルを作ってあげる。
struct Rakuten: Codable {
    var result: Result
    
    struct Result: Codable {
        var small: [Food]
        var medium: [Food]
        var large: [Food]

        struct Food: Codable {
            var categoryName: String
            var parentCategoryId: String
            var categoryId: String
            var categoryUrl: String
        }
    }

}

class ViewController: UIViewController { 

    override func viewDidLoad() {
        super.viewDidLoad()
        //APIデータを取得
        getRakutenAPI()
    }
    
    private func getRakutenAPI() {
        //取得できなかった時、処理を終了
        guard let url = URL(string: "https://app.rakuten.co.jp/services/api/Recipe/CategoryList/20170426?format=json&applicationId=1022307395515225117") else { return }
        
        var request = URLRequest(url: url)
        request.httpMethod = "GET"
        
        let task = URLSession.shared.dataTask(with: url) { (data, response, err) in
            if let err = err {
                print("情報の取得に失敗しました1：",err)
                return
            }
            
            //上で書いたdataにデータがしっかり入っていたら走る処理
            if let data = data {
                do {
/*
                以下のコードでは、しっかりデータを取得できていることを確認
                let json = try JSONSerialization.jsonObject(with: data, options: .fragmentsAllowed
*/
                    let rakuten = try JSONDecoder().decode([Rakuten].self, from: data)
                    print("rakuten: ", rakuten)
                } catch(let err) {
                    print("情報の取得に失敗しました2：",err)
                }
            }
        }
        
        task.resume()
    }
}

該当のソースコード

do {
/*
    以下のコードでは、しっかりデータを取得できていることを確認
    let json = try JSONSerialization.jsonObject(with: data, options: .fragmentsAllowed
*/
        let rakuten = try JSONDecoder().decode([Rakuten].self, from: data)
        print("rakuten: ", rakuten)
    } catch(let err) {
        print("情報の取得に失敗しました2：",err)
    }
}

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

デバッグエリアに表示されるエラーです。
該当のソースコードの下から３行目
「print("情報の取得に失敗しました2：",err)」
が出力されてしまいます。

2021-07-15 17:15:37.413023+0900 practiceAPI[34761:5744376] []
nw_protocol_get_quic_image_block_invoke dlopen libquic failed
情報の取得に失敗しました2： typeMismatch(Swift.Array<Any>, 
Swift.DecodingError.Context(codingPath: [],
debugDescription: "Expected to decode Array<Any> but found a dictionary instead.", underlyingError: nil))

試したこと

コード全体の冒頭にあるstructの書き方が間違っていると考え、様々な形に書き換えていましたが、全てデータを取得できない状況。

######書き換えたコード

struct Rakuten: Codable {
    var result: Result
}

struct Result: Codable {
    var small: [Food]
    var medium: [Food]
    var large: [Food]
}

struct Food: Codable {
    var categoryName: String
    var parentCategoryId: String
    var categoryId: String
    var categoryUrl: String
}

[]でデータを囲んでみたり、さまざまな形で置き換えていました。
最終的に、全体のコードの形に落ち着きましたが、これ以上他の方法が思い浮かんでいない状況です。

参考にしたサイト

【Swift】Codableについて備忘録
【プログラミング】Swift：APIを使ってQiitaの記事を取得しよう！
APIをデバックエリアに表示させる〜Swiftで楽天レシピAPIを表示させてみた①〜

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

API:楽天レシピ API
Xcode 12.5.1
swift5

Answer 1

JSON のトップレベルは Rakuten の配列ではなく Rakuten そのものなので、decode する型は [Rakuten].self ではなく Rakuten.self にすれば良いと思います。

-        let rakuten = try JSONDecoder().decode([Rakuten].self, from: data)
+        let rakuten = try JSONDecoder().decode(Rakuten.self, from: data)

また、"categoryId": 50, ってことは categoryId の型は String ではなく Int ですね。

Comments

[kageusu]

解答いただきありがとうございます！
hoshiさんの通りに修正しましたが、情報の取得に失敗してしまいました。
ですが、エラー文は変わりました

以下エラー文↓
情報の取得に失敗しました： typeMismatch(Swift.String,
Swift.DecodingError.Context(codingPath: [CodingKeys(stringValue: "result", intValue: nil),
CodingKeys(stringValue: "small", intValue: nil), _JSONKey(stringValue: "Index 0", intValue: 0),
CodingKeys(stringValue: "categoryId", intValue: nil)],
debugDescription: "Expected to decode String but found a number instead.", underlyingError: nil))

自分のstructの書き方が悪いのでしょうか？

*すみません、StringからIntにまだ修正していなかったので、修正後またコメントします

[hoshi-takanori]

こちら https://webservice.rakuten.co.jp/api/recipecategorylist/ 試してみましたが、small　と medium の型はそれいいのですが、large は parentCategoryId がなくて categoryId が String のようですね。

[kageusu]

ありがとうございます！！

structの型を以下に修正しました

struct Rakuten: Codable {
var result: Result

struct Result: Codable {
var small: [Food]
var medium: [Food]
var large: [LargeCate]

struct Food: Codable {
//実際の型(IntとかString)も揃えないといけない
var categoryName: String
var parentCategoryId: String
var categoryId: Int
var categoryUrl: String
}

struct LargeCate: Codable {
var categoryName: String
var categoryId: String
var categoryUrl: String
}
}
}

結果、うまくいきました！！
JSONの型と必ず一致させることと、自分のsmall,midium,largeの中身の確認不足であったことがわかりました。
ご教授いただきありがとうございました！