質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.12%
非同期処理

非同期処理とは一部のコードを別々のスレッドで実行させる手法です。アプリケーションのパフォーマンスを向上させる目的でこの手法を用います。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

解決済

Swift UI 非同期通信で取得したデータを用いて任意の処理を行いたい

jun9
jun9

総合スコア22

非同期処理

非同期処理とは一部のコードを別々のスレッドで実行させる手法です。アプリケーションのパフォーマンスを向上させる目的でこの手法を用います。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

1回答

0グッド

0クリップ

231閲覧

投稿2022/12/04 05:07

前提

当方Swift UIを初めて1ヶ月半程度のものです。
非同期通信で取得したデータを用いてさまざまな処理を行いたいと考えております。
現在、Web APIから2種類のjsonデータを取得するところまでは完了しております。

実現したいこと

非同期通信で2種類の[String]型のjsonデータ(eventData・eventData2)を取得し、それぞれの配列で一致するValueを新しい配列に格納しようと考えています。

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

EventFetcherクラスで取得したjsonデータを構造体SomeStructにバインドさせたところ、データの中身が空になっており、処理を行う事ができません。

ネットで同様の処理を行おうとしている人がいないか調べたのですが、取得したjsonデータをそのままViewに表示する例は見つかるのですが、取得したjsonデータを用いて何らかの処理を行っているという例が見つからず、どのように実現させれば良いのか分からず困っております。

おそらく初歩的なところで躓いているのだと思いますが、何らかのアドバイスを頂けますと幸いです。どうぞよろしくお願い致します。

該当のソースコード

Swift

1class EventFetcher: ObservableObject { 2 private let urlLink = "https://api.odpt.org/api/v4/odpt:Bus?odpt:operator=odpt.Operator:Toei&acl:consumerKey=XXXX3 private let urlLink2 = "https://api.odpt.org/api/v4/odpt:BusroutePattern?odpt:operator=odpt.Operator:Toei&acl:consumerKey=XXXX4 5 @Published var eventData = [LocationData(toBusstopPole: "",odptBusroutePattern : "")] 6 @Published var eventData2 = TownRankingData(busstopPoleOrder: []) 7 8 init() { 9 fetchEventData() 10 } 11 12 func fetchEventData() { 13 URLSession.shared.dataTask(with: URL(string: urlLink)!) { (data, response, error) in 14 guard let data = data else { return } 15 let decoder: JSONDecoder = JSONDecoder() 16 do { 17 let searchedResultData = try decoder.decode(Array<LocationData>.self, from: data) 18 DispatchQueue.main.async { 19 self.eventData = searchedResultData 20 print(self.eventData)//データが取得できていることを確認済み 21 } 22 } catch { 23 print("json convert failed in JSONDecoder. " + error.localizedDescription) 24 } 25 }.resume() 26 27 URLSession.shared.dataTask(with: URL(string: urlLink2)!) { (data, response, error) in 28 guard let data = data else { return } 29 let decoder: JSONDecoder = JSONDecoder() 30 do { 31 let searchedResultData = try decoder.decode([TownRankingData].self, from: data) 32 DispatchQueue.main.async { 33 self.eventData2 = searchedResultData[0] 34 print(self.eventData2)//データが取得できていることを確認済み 35 } 36 } catch { 37 print("json convert failed in JSONDecoder. " + error.localizedDescription) 38 } 39 }.resume() 40 } 41} 42 43struct SomeStruct { 44 @ObservedObject var fetcher = EventFetcher() 45 var newArray: [String] = [] 46 init(){ 47 createNewArray() 48 } 49 mutating func createNewArray(){ 50 print(fetcher.eventData)//[swift_project_20221119.LocationData(toBusstopPole: "", odptBusroutePattern: "")] 51 print(fetcher.eventData2) //TownRankingData(busstopPoleOrder: []) 52 //一致するValueを配列に追加 53 for i in fetcher.eventData2.busstopPoleOrder{ 54 for j in fetcher.eventData{ 55 if i.odptBusstopPole == j.toBusstopPole { 56 self.newArray.append(i.odptBusstopPole) 57 } 58 } 59 } 60 print(newArray) 61 } 62} 63

試したこと

EventFetcherクラスで取得したデータを処理するため、SomeStruct構造体を作成し、その中で処理を行おうとしています。

しかしながら、SomeStruct構造体にデータをバインドしたところデータが空の状態になっております。

当方は、ここでデータバインドができれば処理ができると考えておりますが、もし、このやり方自体に問題があるようでしたら、ご教示いただきたく存じます。

以下のような質問にはグッドを送りましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

グッドが多くついた質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

回答1

0

ベストアンサー

URLSession.shared.dataTaskは非同期ですので、
SomeStructのinit()が動いたタイミングではまだデータの取得が完了していないことが原因かなと思いました。

質問欄のコードのイメージを維持するとして、
修正するとしたら次のような感じになるかなと思いました。
*SomeStructをどのように使うかまでは質問欄からは把握できなかったのですが、このままでは使いづらい状況になりそうに思いました・・
*私自身Combineの使い方はまだまだですので至らない点もあるかもしれません・・

swift

1// @Publishedを購読するためにCombineをimportします。 2import Combine 3// 変化する状態を扱うためstructではなくclassに変更しました。 4class SomeStruct { 5 @ObservedObject var fetcher = EventFetcher() 6 var newArray: [String] = [] 7 // 購読を解放するためのAnyCancellableを定義します。 8 var cancellables = Set<AnyCancellable>() 9 init(){ 10 createNewArray() 11 } 12 func createNewArray(){ 13 fetcher.$eventData 14 .combineLatest(fetcher.$eventData2) 15 .sink { (x, y) in 16 // fetcher.eventDataかfetcher.eventData2が設定されるとnewArrayを作り直します。 17 self.newArray.removeAll() 18 //一致するValueを配列に追加 19 for i in y.busstopPoleOrder{ 20 for j in x{ 21 if i.odptBusstopPole == j.toBusstopPole { 22 self.newArray.append(i.odptBusstopPole) 23 } 24 } 25 } 26 print(self.newArray) // ["toBusstopPole01", "toBusstopPole02"] 27 } 28 .store(in: &cancellables) 29 } 30}

投稿2022/12/04 08:04

退会済みユーザー

退会済みユーザー

総合スコア0

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

回答へのコメント

jun9

2022/12/10 08:20

xg63ex2b様 ご回答いただきありがとうございました。ご教示いただいた通り、Combineをimportし、実装を行ったところ、問題が解決しました。なかなか解決しなかったのでとても感謝してします。また、SomeStructどのように使うかについては、このclassで新たに作成した配列をViewにバインドし、表示させようと考えています。(web APIで複数のデータを取得→SomeStructでデータをもとに新たな配列を生成→Viewに表示といった流れです。)

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.12%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

非同期処理

非同期処理とは一部のコードを別々のスレッドで実行させる手法です。アプリケーションのパフォーマンスを向上させる目的でこの手法を用います。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。