みなさんこんにちは!
イザナギです!
さて、今回は久しぶりの「Swift UI」に関する話題です!
だいぶ前ですが、Swift UIを使っていたときのエラーについての記事について書いていました。
Swift UIを使ってクラスを実行したらエラーが出た話
それからしばらくSwift UIは使っていなかったのですが、しばらく経って「やっぱ気になる!」と思ったので、また使って見ました!
SwiftUIについて
おさらいですが、SwiftUIとはより少ないコードでデザインを構築できるツールです。
SwiftUI概要 - Xcode - Apple Developer
以前のUIkitに比べて、比較的コードが少なく書くことができます!
利用するもの
今回利用するものは以下の通りです。
- SwiftUI
- NewsAPI
- iPad(シュミュレーター)
NewsAPIについては前回も記事で紹介しましたね!
ニュースを簡単に表示できる!「News API」をご紹介!
実装!
では、早速実装して見ましょう!
データの受け取りに「Codable」を利用する
「Codable」とは、簡単にいうとAPIなどで受け取ったデータ(JSONデータ)をSwiftで使いやすくするために、「データ型」に変換するプロトコルです。
簡単にいうと、Swiftで使いやすくするものですね!
例えば、NewsAPIで以下のようなデータを取ったとします。
{
"status": "ok",
"totalResults": 3456,
-"articles": [
-{
-"source": {
"id": null,
"name": "Cointelegraph.com"
},
"author": "Cointelegraph By Marie Huillet",
"title": "Roger Ver Apparently Unconcerned About Coronavirus",
"description": "Roger Ver, the prominent Bitcoin Cash advocate and former CEO of Bitcoin.com, appears to think that the world’s reaction to the COVID-19 pandemic is disproportionate",
"url": "https://cointelegraph.com/news/roger-ver-apparently-unconcerned-about-coronavirus",
...
},
...
}