APIから画像が取得できない

Question

前提・実現したいこと

楽天APIから検索情報を取得する際、画像を取得してImageViewに表示したい。

Codable、URLSessionでデバッグエリアに表示済み

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

デバッグエリアではちゃんと商品名や価格、リンク先などとともに画像URLが取得できていますが、

json:  ResultList(Items: [
アプリ名.items(Item: 
アプリ名.item(mediumImageUrls: [
アプリ名.Image(imageUrl: "https://thumbnail.image.rakuten.co.jp/@0_mall/bcstock/cabinet/item/249/ak4249-01_1.jpg?_ex=128x128"), 
アプリ名.Image(imageUrl: "https://thumbnail.image.rakuten.co.jp/@0_mall/bcstock/cabinet/item/249/ak4249-01_2.jpg?_ex=128x128"), 
アプリ名.Image(imageUrl: "https://thumbnail.image.rakuten.co.jp/@0_mall/bcstock/cabinet/item/249/ak4249-01_3.jpg?_ex=128x128")], 
itemName: "[Rakuten Fashion]【SALE／81%OFF】(W)PECORAフェザーPO B.C STOCK ベーセーストック カットソー カットソーその他 ホワイト【RBA
・・・

モデルから呼び出す際（下記）に型関連の何かで

Value of type '[Image]' has no member 'imageUrl'

というエラーが出てしまいます。

該当のソースコード

{
Items: [
{
Item: {
mediumImageUrls: [
{
imageUrl: "https://thumbnail.image.rakuten.co.jp/@0_mall/bcstock/cabinet/item/249/ak4249-01_1.jpg?_ex=128x128"
},
{
imageUrl: "https://thumbnail.image.rakuten.co.jp/@0_mall/bcstock/cabinet/item/249/ak4249-01_2.jpg?_ex=128x128"
},
{
imageUrl: "https://thumbnail.image.rakuten.co.jp/@0_mall/bcstock/cabinet/item/249/ak4249-01_3.jpg?_ex=128x128"
}
],
itemName: "[Rakuten Fashion]【SALE／81%OFF】(W)PECORAフェザーPO B.C STOCK ベーセーストック カットソー カットソーその他 ホワイト【RBA_E】",
itemPrice: 990,
shopUrl: "https://www.rakuten.co.jp/bcstock/",
・・・

モデルはCodableを使用

struct ResultList: Codable {
    
    let Items :[items]
}

struct items :Codable{
    let Item :item
}

struct item: Codable {
    
    let mediumImageUrls:[Image]
    let itemName:String
    let itemPrice: Int
    let shopName:String
    let shopUrl:String
}

struct Image: Codable {
    let imageUrl: String
}

【該当の部分】
「itemData.Item.mediumImageUrls.imageUrl」で「Value of type '[Image]' has no member 'imageUrl'」と言われる。でも確実に[Image]の中にはimageUrlが入ってます。

 func setData(_ itemData: items) {
    
        self.itemNameLabel.text = itemData.Item.itemName
        self.priceLabel.text = String("¥(itemData.Item.itemPrice)")
        self.shopUrlButton.setTitle(itemData.Item.shopName, for: .normal)

    
        if let url = URL(string: itemData.Item.mediumImageUrls.imageUrl ?? ""){
            let data = try! Data(contentsOf: url)
            self.itemImaegView.image = UIImage(data: data)

        }
    }

let mediumImageUrls:[Image]の配列の中身が「imageUrl」という同じ名前が３つ入っているのが問題でしょうか？

試したこと

とりあえず、「imageUrl」という同じ名前が３つ入っている配列からは.firstでインデックスの最初のものを取得するようにし、

let imageString = itemData.Item.smallImageUrls.first!

        if let url = URL(string: imageString ?? ""){
            let data = try! Data(contentsOf: url)
            self.itemImaegView.image = UIImage(data: data)

        }

しかし今度はimageStringで下記エラーが発生

Cannot convert value of type 'Image' to expected argument type 'String?'

いろいろキャストしようとするが、どうにもなりません。

let imageString = itemData.Item.smallImageUrls.first! as Any
let imageString = String(itemData.Item.smallImageUrls.first!)
let imageString = itemData.Item.smallImageUrls.first! as LosslessStringConvertible

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

• Swift5
• Xcode11.7

Answer 1

mediumImageUrlsはImageの配列なのでその要素それぞれからimageUrlを取得しなければなりません。

最初のURLだけ必要なら、提示のコードの該当部分は

if let urlString = itemData.Item.mediumImageUrls.first?.imageUrl,
   let url = URL(string: itemData.Item.mediumImageUrls.imageUrl) {
   .....

のようになります。

Comments

[iOS25535009]

ありがとうございます！非常に勉強になりました。