【Swift】天気予報APIを使って、予報日や天気などを取得し表示する

Question

前提・実現したいこと

Livedoorの天気予報APIを使って、pickerViewで選んだ都道府県を画面遷移した時に予報日や天気、最高気温などをLabelに反映させるアプリを作ろうとしています。

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

Buildはできるんですが、画面遷移してもAPIから取得したデータをLabelに反映されない問題が起きています。

![イメージ説明](2fbd6bb7d3083e8fbafe19280deb8a4c.png)
![イメージ説明](77df341f4946be3a2cf7963e4ea8bdb0.png)

該当のソースコード

import UIKit

class ViewController: UIViewController,UIPickerViewDelegate,UIPickerViewDataSource{
    
    
    @IBOutlet weak var titleLabel: UILabel!
    @IBOutlet weak var pickerView: UIPickerView!
    @IBOutlet weak var resultButton: UIButton!
    
//    次のVCに渡す変数に初期値を入れておきます
    var cityData:[String] = ["130010","東京"]
//    modelのデータを持ってきます
    let cityList = CityList()
    
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        pickerView.delegate = self
        pickerView.dataSource = self
        
    }
//    pickerの列の数を決める
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1
    }
//    pickerの行数を決める
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return cityList.list.count
    }
//    pickerに表示するデータを決める
//    ここでは取得したmodelのデータのnameを表示する
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        return cityList.list[row].name
    }
//    タップしたときの動きを決める
//    次の画面に渡す為に取得したmodelのデータから、codeとnameを変数に入れる
    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        cityData = [cityList.list[row].code,cityList.list[row].name]
    }
    
//    ボタンを押した時の処理
//    画面遷移する
    
    
    @IBAction func resultButtonAction(_ sender: Any) {
        
         performSegue(withIdentifier: "result", sender: nil)
        
    }
    
//    次の画面にデータを渡す処理
//    prepareは、segueが動作するとViewControllerに通知
    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        
        if segue.identifier == "result" {
            
            let resultVC = segue.destination as! resultViewController
            resultVC.cityData = cityData
            
        }
        
    }
    
    

}


import UIKit
import SwiftyJSON
import Alamofire

import Foundation

class resultViewController: UIViewController {
    
    @IBOutlet weak var cityNameLabel: UILabel!
    @IBOutlet weak var detailsTextView: UITextView!
    
    @IBOutlet weak var TodayDateLabel: UILabel!
    @IBOutlet weak var TodayWeatherLabel: UILabel!
    @IBOutlet weak var TodayHighLabel: UILabel!
    @IBOutlet weak var TodayLowLabel: UILabel!
    
    @IBOutlet weak var TomorrowDateLabel: UILabel!
    @IBOutlet weak var TomorrowWeatherLabel: UILabel!
    @IBOutlet weak var TomorrowHighLabel: UILabel!
    @IBOutlet weak var TomorrowLowLabel: UILabel!
    
    let highString = "最高気温:"
    let lowString = "最低気温:"
    
//    取得した天気予報のデータを入れる
    var date:String = ""
    var weather:String = ""
    var high:String = ""
    var low:String = ""
    var details:[String] = []
    
//    viewController(前の画面)に渡し、選択した地域のデータを入れる
    var cityData:[String] = []
    
    var count = 0
    
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        getWeatherData(row: 0)
        getWeatherData(row: 1)
        
    }
    
//    天気情報を取得
    func getWeatherData(row: Int){
        
        let url = "http://weather.livedoor.com/forecast/webservice/json/v1?city=(cityData)"
        
//        Alamofireで通信
//        データを取得する
        AF.request(url, method: .get, parameters: nil, encoding: JSONEncoding.default).responseJSON {(response) in
            
            switch response.result {
            case .success:
                
//                jsonを取得
                let json:JSON = JSON(response.data as Any)
                
//                取得したjsonから、必要なデータを取り出す
                
//                予報日
                let date = json["forecasts"][row]["date"].string
//                天気
                let weather = json["forecasts"][row]["telop"].string
//                最高気温
                let high = json["forecasts"][row]["temperature"]["max"]["celsius"].string
//                最低気温
                let low = json["forecasts"][row]["temperature"]["min"]["celsius"].string
//                天気概況文
                let details = json["description"]["text"].string
                
//                取り出したデータを、それぞれの変数に入れる
//                データがない場合は、その時は"NO DATA"と入れる
                if date != nil{
                    
                   self.date = String(date!.suffix(5)) //2020-4-10 -> 04-10
                }else{
                    
                    self.date = "No Data"
                    
                }
                
                if weather != nil{
                    
                    self.weather = weather!
                    
                }else{
                    
                    self.weather = "No Data"
                    
                }
                
                if high != nil{
                    
                    self.high = "(high!)"
                    
                    
                }else{
                    
                    self.high = "No Data"
                    
                    
                }
                
                if low != nil{
                    
                    self.low = "(low!)"
                    
                    
                }else{
                    
                    self.low = "No Data"
                    
                }
                
                if details != nil{
                    
                    self.details = (details?.components(separatedBy: .newlines))! //改行で分割
                    
                }else{
                    
                    self.details = ["No Details"]
                    
                }
                
//                ラベルに反映される
               self.setWeatherData(row: row)
                
            case .failure(let error):
                print("エラー")
                print(error)
                
            }
            
        }
        
    }
    
//    ラベルに反映させる処理
//    引数を与えて、todayとtomorrowで分岐
     func setWeatherData(row: Int){
        
        if row == 0 {
            
            TodayWeatherLabel.text = weather
            TodayDateLabel.text = date
            TodayHighLabel.text = highString + high
            TodayLowLabel.text = lowString + low
            
//            分割時に配列になっているので、1つ目の要素だけ表示
//            detailsTextView.text = String(details[row])
            
        }else if row == 1 {
            
            TomorrowWeatherLabel.text = weather
            TomorrowDateLabel.text = date
            TomorrowHighLabel.text = highString + high
            TomorrowLowLabel.text = lowString + low
            
        }
        
    }
    
}

試したこと

まだ初めて2ヶ月ということもあり、再起動しか試せていません。

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

ここにより詳細な情報を記載してください。

Comments

[TsukubaDepot]

おそらく、このコードはQiitaの記事を参考にされていると思いますが、そうであれば出典を明記された方がいいかと思います。

[reo0612]

ご返事ありがとうございます。そうですね、あーなるほどです！承知しました。

Answer 1

Qiitaの記事

• Swiftでapiを使って天気予報を取得しよう

を参考にされたという前提で回答します。

とりあえず動かすためには次の部分の訂正と、設定の変更が必要になりますのでご確認ください。

１．resultViewController 内でのタイプミス

    func getWeatherData(row: Int){
        
        let url = "http://weather.livedoor.com/forecast/webservice/json/v1?city=(cityData)"

は、オリジナルのソースコードと比較すると次の間違いだと気づかれるかと思います。

    func getWeatherData(row: Int){
        
        let url = "http://weather.livedoor.com/forecast/webservice/json/v1?city=(cityData[0])"

２．ATS の設定

アプリで http 通信を行うためには、ATS (App Transport Security Settings）の設定が必要になります。Qiitaの該当記事には書かれていませんが、http通信を行うためには必要な設定となります。

下記の記事が参考になるかと思います。

• 【swift】XcodeでiOSアプリのhttp通信を許可する方法
• 「http://」のAPIを実行できるようにする(Swift)

Comments

[reo0612]

ありがとうございます。無事解決しました！