​​ch2 非同期お天気webアプリを作る!

​​ch2 - 1 できあがるもの

  • ​​ローカルでの動作を確認
  • ​​複数の都市の今の天気がわかる
​​
 
User-uploaded image: localhost-3000-iPhone+6+1.png
​​

​​ch2 - 2 利用するapiについて

​​Сurrent weather and forecast- OpenWeatherMap

​​
 
User-uploaded image: file.png
​​

​​会員登録

  • ​​Sing Up
​​
 
User-uploaded image: file.png
  • ​​API Keys のタブよりKeyを取得する
​​
 
User-uploaded image: file.png
​​
  • ​​APIのページからCurrent weather data 
  • ​​Subscribeをクリック
​​
 
User-uploaded image: file.png
  • ​​Get API key and Startをクリック
​​
 
User-uploaded image: file.png
​​

​​How to use API key in API call

  • ​​Get形式でリクエストするとJSON形式でレスポンスが返ってくる
  • ​​&units=metric
  • ​​温度を摂氏に変える
​​
​​{
​​    "main": {
​​        "temp": 2.92, 
​​        "temp_max": 5, 
​​        "temp_min": 0
​​    }, 
​​    "name": "Tokyo", 
​​    "weather": [
​​        {
​​            "description": "clear sky", 
​​            "id": 800
​​        }
​​    ]
​​}
​​

​​ch2 - 3 Git clone

  • ​​リポジトリURL