OpenWeatherMapからAPIで天気情報を取得する*ターミナル実行版とwebアプリ（Rails）実装版

OpenWeatherMapの登録は下記参照
https://qiita.com/nownabe/items/aeac1ce0977be963a740

ターミナル実行版

OpenWeatherMap.rb


API_KEY = "xxxxxxxxxxxxxxxxxxxxxxxxxxx"
BASE_URL = "https://api.openweathermap.org/data/2.5/forecast/"

require "json"
require "open-uri"

response = open(BASE_URL + "?id=1859171&APPID=#{"xxxxxxxxxxxxxxxxxxxxxxxxxxx"}")
puts JSON.pretty_generate(JSON.parse(response.read))

ターミナルで実行
[*注意]ruby -v '2.6.0'以上だとエラーになる

ターミナル

$ ruby OpenWeatherMap.rb                          //実行

実行結果

{
  "cod": "200",
  "message": 0.0073,
  "cnt": 40,
  "list": [
    {
      "dt": 1559887200,
      "main": {
        "temp": 296.86,
        "temp_min": 296.86,
        "temp_max": 301.4,
        "pressure": 1002.13,
        "sea_level": 1002.13,
        "grnd_level": 980.88,
        "humidity": 67,
        "temp_kf": -4.54
      },
      "weather": [
        {
          "id": 500,
          "main": "Rain",
          "description": "light rain",
          "icon": "10d"
        }
      ],
      "clouds": {
        "all": 94
      },
      "wind": {
        "speed": 4.82,
        "deg": 213.786
      },
      "rain": {
        "3h": 1.376
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-07 06:00:00"
    },
    {
      "dt": 1559898000,
      "main": {
        "temp": 294.7,
        "temp_min": 294.7,
        "temp_max": 298.1,
        "pressure": 1001.03,
        "sea_level": 1001.03,
        "grnd_level": 980.11,
        "humidity": 80,
        "temp_kf": -3.4
      },
      "weather": [
        {
          "id": 500,
          "main": "Rain",
          "description": "light rain",
          "icon": "10d"
        }
      ],
      "clouds": {
        "all": 100
      },
      "wind": {
        "speed": 2.71,
        "deg": 213.267
      },
      "rain": {
        "3h": 0.188
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-07 09:00:00"
    },
    {
      "dt": 1559908800,
      "main": {
        "temp": 294.43,
        "temp_min": 294.43,
        "temp_max": 296.7,
        "pressure": 1001.62,
        "sea_level": 1001.62,
        "grnd_level": 980.95,
        "humidity": 68,
        "temp_kf": -2.27
      },
      "weather": [
        {
          "id": 804,
          "main": "Clouds",
          "description": "overcast clouds",
          "icon": "04n"
        }
      ],
      "clouds": {
        "all": 100
      },
      "wind": {
        "speed": 5.25,
        "deg": 249.352
      },
      "sys": {
        "pod": "n"
      },
      "dt_txt": "2019-06-07 12:00:00"
    },
    {
      "dt": 1559919600,
      "main": {
        "temp": 293.37,
        "temp_min": 293.37,
        "temp_max": 294.5,
        "pressure": 1001.61,
        "sea_level": 1001.61,
        "grnd_level": 980.99,
        "humidity": 69,
        "temp_kf": -1.13
      },
      "weather": [
        {
          "id": 804,
          "main": "Clouds",
          "description": "overcast clouds",
          "icon": "04n"
        }
      ],
      "clouds": {
        "all": 100
      },
      "wind": {
        "speed": 5.86,
        "deg": 252.839
      },
      "sys": {
        "pod": "n"
      },
      "dt_txt": "2019-06-07 15:00:00"
    },
    {
      "dt": 1559930400,
      "main": {
        "temp": 292.8,
        "temp_min": 292.8,
        "temp_max": 292.8,
        "pressure": 1000.95,
        "sea_level": 1000.95,
        "grnd_level": 980.71,
        "humidity": 75,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 804,
          "main": "Clouds",
          "description": "overcast clouds",
          "icon": "04n"
        }
      ],
      "clouds": {
        "all": 100
      },
      "wind": {
        "speed": 5.69,
        "deg": 248.281
      },
      "sys": {
        "pod": "n"
      },
      "dt_txt": "2019-06-07 18:00:00"
    },
    {
      "dt": 1559941200,
      "main": {
        "temp": 292.3,
        "temp_min": 292.3,
        "temp_max": 292.3,
        "pressure": 1001.49,
        "sea_level": 1001.49,
        "grnd_level": 980.83,
        "humidity": 82,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 802,
          "main": "Clouds",
          "description": "scattered clouds",
          "icon": "03d"
        }
      ],
      "clouds": {
        "all": 45
      },
      "wind": {
        "speed": 5.06,
        "deg": 241.092
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-07 21:00:00"
    },
    {
      "dt": 1559952000,
      "main": {
        "temp": 296.5,
        "temp_min": 296.5,
        "temp_max": 296.5,
        "pressure": 1002.88,
        "sea_level": 1002.88,
        "grnd_level": 981.36,
        "humidity": 62,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 803,
          "main": "Clouds",
          "description": "broken clouds",
          "icon": "04d"
        }
      ],
      "clouds": {
        "all": 58
      },
      "wind": {
        "speed": 3.98,
        "deg": 249.845
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-08 00:00:00"
    },
    {
      "dt": 1559962800,
      "main": {
        "temp": 296.2,
        "temp_min": 296.2,
        "temp_max": 296.2,
        "pressure": 1003.73,
        "sea_level": 1003.73,
        "grnd_level": 981.81,
        "humidity": 70,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 803,
          "main": "Clouds",
          "description": "broken clouds",
          "icon": "04d"
        }
      ],
      "clouds": {
        "all": 67
      },
      "wind": {
        "speed": 1.5,
        "deg": 340.308
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-08 03:00:00"
    },
    {
      "dt": 1559973600,
      "main": {
        "temp": 295.4,
        "temp_min": 295.4,
        "temp_max": 295.4,
        "pressure": 1004.25,
        "sea_level": 1004.25,
        "grnd_level": 982.75,
        "humidity": 72,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 500,
          "main": "Rain",
          "description": "light rain",
          "icon": "10d"
        }
      ],
      "clouds": {
        "all": 72
      },
      "wind": {
        "speed": 4.61,
        "deg": 357.365
      },
      "rain": {
        "3h": 0.438
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-08 06:00:00"
    },
    {
      "dt": 1559984400,
      "main": {
        "temp": 293.048,
        "temp_min": 293.048,
        "temp_max": 293.048,
        "pressure": 1004.99,
        "sea_level": 1004.99,
        "grnd_level": 983.92,
        "humidity": 76,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 802,
          "main": "Clouds",
          "description": "scattered clouds",
          "icon": "03d"
        }
      ],
      "clouds": {
        "all": 31
      },
      "wind": {
        "speed": 4.5,
        "deg": 0.42
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-08 09:00:00"
    },
    {
      "dt": 1559995200,
      "main": {
        "temp": 289.7,
        "temp_min": 289.7,
        "temp_max": 289.7,
        "pressure": 1006.06,
        "sea_level": 1006.06,
        "grnd_level": 985.13,
        "humidity": 88,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 802,
          "main": "Clouds",
          "description": "scattered clouds",
          "icon": "03n"
        }
      ],
      "clouds": {
        "all": 42
      },
      "wind": {
        "speed": 2.18,
        "deg": 6.09
      },
      "sys": {
        "pod": "n"
      },
      "dt_txt": "2019-06-08 12:00:00"
    },
    {
      "dt": 1560006000,
      "main": {
        "temp": 289.72,
        "temp_min": 289.72,
        "temp_max": 289.72,
        "pressure": 1006.28,
        "sea_level": 1006.28,
        "grnd_level": 985.69,
        "humidity": 86,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 803,
          "main": "Clouds",
          "description": "broken clouds",
          "icon": "04n"
        }
      ],
      "clouds": {
        "all": 83
      },
      "wind": {
        "speed": 1.76,
        "deg": 334.496
      },
      "sys": {
        "pod": "n"
      },
      "dt_txt": "2019-06-08 15:00:00"
    },
    {
      "dt": 1560016800,
      "main": {
        "temp": 288.042,
        "temp_min": 288.042,
        "temp_max": 288.042,
        "pressure": 1005.9,
        "sea_level": 1005.9,
        "grnd_level": 984.97,
        "humidity": 92,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 803,
          "main": "Clouds",
          "description": "broken clouds",
          "icon": "04n"
        }
      ],
      "clouds": {
        "all": 57
      },
      "wind": {
        "speed": 1.71,
        "deg": 359.597
      },
      "sys": {
        "pod": "n"
      },
      "dt_txt": "2019-06-08 18:00:00"
    },
    {
      "dt": 1560027600,
      "main": {
        "temp": 289.247,
        "temp_min": 289.247,
        "temp_max": 289.247,
        "pressure": 1006.09,
        "sea_level": 1006.09,
        "grnd_level": 985.07,
        "humidity": 86,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 804,
          "main": "Clouds",
          "description": "overcast clouds",
          "icon": "04d"
        }
      ],
      "clouds": {
        "all": 87
      },
      "wind": {
        "speed": 2.01,
        "deg": 356.186
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-08 21:00:00"
    },
    {
      "dt": 1560038400,
      "main": {
        "temp": 294.176,
        "temp_min": 294.176,
        "temp_max": 294.176,
        "pressure": 1006.33,
        "sea_level": 1006.33,
        "grnd_level": 985.33,
        "humidity": 63,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 803,
          "main": "Clouds",
          "description": "broken clouds",
          "icon": "04d"
        }
      ],
      "clouds": {
        "all": 56
      },
      "wind": {
        "speed": 3.34,
        "deg": 17.913
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-09 00:00:00"
    },
    {
      "dt": 1560049200,
      "main": {
        "temp": 295.8,
        "temp_min": 295.8,
        "temp_max": 295.8,
        "pressure": 1005.59,
        "sea_level": 1005.59,
        "grnd_level": 984.65,
        "humidity": 59,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 803,
          "main": "Clouds",
          "description": "broken clouds",
          "icon": "04d"
        }
      ],
      "clouds": {
        "all": 69
      },
      "wind": {
        "speed": 4.09,
        "deg": 35.192
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-09 03:00:00"
    },
    {
      "dt": 1560060000,
      "main": {
        "temp": 298.405,
        "temp_min": 298.405,
        "temp_max": 298.405,
        "pressure": 1004.47,
        "sea_level": 1004.47,
        "grnd_level": 983.01,
        "humidity": 53,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 802,
          "main": "Clouds",
          "description": "scattered clouds",
          "icon": "03d"
        }
      ],
      "clouds": {
        "all": 44
      },
      "wind": {
        "speed": 2.69,
        "deg": 34.783
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-09 06:00:00"
    },
    {
      "dt": 1560070800,
      "main": {
        "temp": 294.41,
        "temp_min": 294.41,
        "temp_max": 294.41,
        "pressure": 1004.04,
        "sea_level": 1004.04,
        "grnd_level": 982.98,
        "humidity": 72,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 500,
          "main": "Rain",
          "description": "light rain",
          "icon": "10d"
        }
      ],
      "clouds": {
        "all": 31
      },
      "wind": {
        "speed": 4,
        "deg": 19.591
      },
      "rain": {
        "3h": 0.25
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-09 09:00:00"
    },
    {
      "dt": 1560081600,
      "main": {
        "temp": 289.351,
        "temp_min": 289.351,
        "temp_max": 289.351,
        "pressure": 1005.35,
        "sea_level": 1005.35,
        "grnd_level": 984.46,
        "humidity": 89,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 801,
          "main": "Clouds",
          "description": "few clouds",
          "icon": "02n"
        }
      ],
      "clouds": {
        "all": 20
      },
      "wind": {
        "speed": 2.87,
        "deg": 11.416
      },
      "rain": {
      },
      "sys": {
        "pod": "n"
      },
      "dt_txt": "2019-06-09 12:00:00"
    },
    {
      "dt": 1560092400,
      "main": {
        "temp": 288.4,
        "temp_min": 288.4,
        "temp_max": 288.4,
        "pressure": 1005.21,
        "sea_level": 1005.21,
        "grnd_level": 984.18,
        "humidity": 90,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 800,
          "main": "Clear",
          "description": "clear sky",
          "icon": "01n"
        }
      ],
      "clouds": {
        "all": 6
      },
      "wind": {
        "speed": 2.52,
        "deg": 7.258
      },
      "sys": {
        "pod": "n"
      },
      "dt_txt": "2019-06-09 15:00:00"
    },
    {
      "dt": 1560103200,
      "main": {
        "temp": 287.939,
        "temp_min": 287.939,
        "temp_max": 287.939,
        "pressure": 1004.63,
        "sea_level": 1004.63,
        "grnd_level": 983.37,
        "humidity": 94,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 800,
          "main": "Clear",
          "description": "clear sky",
          "icon": "01n"
        }
      ],
      "clouds": {
        "all": 5
      },
      "wind": {
        "speed": 2.32,
        "deg": 12.261
      },
      "sys": {
        "pod": "n"
      },
      "dt_txt": "2019-06-09 18:00:00"
    },
    {
      "dt": 1560114000,
      "main": {
        "temp": 289.358,
        "temp_min": 289.358,
        "temp_max": 289.358,
        "pressure": 1005.1,
        "sea_level": 1005.1,
        "grnd_level": 983.94,
        "humidity": 90,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 800,
          "main": "Clear",
          "description": "clear sky",
          "icon": "01d"
        }
      ],
      "clouds": {
        "all": 7
      },
      "wind": {
        "speed": 2.3,
        "deg": 16.687
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-09 21:00:00"
    },
    {
      "dt": 1560124800,
      "main": {
        "temp": 296.343,
        "temp_min": 296.343,
        "temp_max": 296.343,
        "pressure": 1005.53,
        "sea_level": 1005.53,
        "grnd_level": 984.13,
        "humidity": 66,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 800,
          "main": "Clear",
          "description": "clear sky",
          "icon": "01d"
        }
      ],
      "clouds": {
        "all": 4
      },
      "wind": {
        "speed": 2.04,
        "deg": 45.815
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-10 00:00:00"
    },
    {
      "dt": 1560135600,
      "main": {
        "temp": 298.408,
        "temp_min": 298.408,
        "temp_max": 298.408,
        "pressure": 1005,
        "sea_level": 1005,
        "grnd_level": 983.49,
        "humidity": 63,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 500,
          "main": "Rain",
          "description": "light rain",
          "icon": "10d"
        }
      ],
      "clouds": {
        "all": 12
      },
      "wind": {
        "speed": 1.79,
        "deg": 21.528
      },
      "rain": {
        "3h": 2.125
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-10 03:00:00"
    },
    {
      "dt": 1560146400,
      "main": {
        "temp": 296.257,
        "temp_min": 296.257,
        "temp_max": 296.257,
        "pressure": 1004.36,
        "sea_level": 1004.36,
        "grnd_level": 983.06,
        "humidity": 76,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 501,
          "main": "Rain",
          "description": "moderate rain",
          "icon": "10d"
        }
      ],
      "clouds": {
        "all": 7
      },
      "wind": {
        "speed": 3.57,
        "deg": 21.13
      },
      "rain": {
        "3h": 6.437
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-10 06:00:00"
    },
    {
      "dt": 1560157200,
      "main": {
        "temp": 293.947,
        "temp_min": 293.947,
        "temp_max": 293.947,
        "pressure": 1005.03,
        "sea_level": 1005.03,
        "grnd_level": 983.77,
        "humidity": 84,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 501,
          "main": "Rain",
          "description": "moderate rain",
          "icon": "10d"
        }
      ],
      "clouds": {
        "all": 13
      },
      "wind": {
        "speed": 3.2,
        "deg": 21.107
      },
      "rain": {
        "3h": 3.75
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-10 09:00:00"
    },
    {
      "dt": 1560168000,
      "main": {
        "temp": 290.3,
        "temp_min": 290.3,
        "temp_max": 290.3,
        "pressure": 1006.84,
        "sea_level": 1006.84,
        "grnd_level": 985.56,
        "humidity": 90,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 500,
          "main": "Rain",
          "description": "light rain",
          "icon": "10n"
        }
      ],
      "clouds": {
        "all": 8
      },
      "wind": {
        "speed": 1.98,
        "deg": 7.495
      },
      "rain": {
        "3h": 0.188
      },
      "sys": {
        "pod": "n"
      },
      "dt_txt": "2019-06-10 12:00:00"
    },
    {
      "dt": 1560178800,
      "main": {
        "temp": 289.445,
        "temp_min": 289.445,
        "temp_max": 289.445,
        "pressure": 1007.43,
        "sea_level": 1007.43,
        "grnd_level": 986.32,
        "humidity": 92,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 800,
          "main": "Clear",
          "description": "clear sky",
          "icon": "01n"
        }
      ],
      "clouds": {
        "all": 0
      },
      "wind": {
        "speed": 1.61,
        "deg": 13.709
      },
      "sys": {
        "pod": "n"
      },
      "dt_txt": "2019-06-10 15:00:00"
    },
    {
      "dt": 1560189600,
      "main": {
        "temp": 288.941,
        "temp_min": 288.941,
        "temp_max": 288.941,
        "pressure": 1007.49,
        "sea_level": 1007.49,
        "grnd_level": 986.05,
        "humidity": 92,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 800,
          "main": "Clear",
          "description": "clear sky",
          "icon": "01n"
        }
      ],
      "clouds": {
        "all": 0
      },
      "wind": {
        "speed": 0.95,
        "deg": 22.657
      },
      "sys": {
        "pod": "n"
      },
      "dt_txt": "2019-06-10 18:00:00"
    },
    {
      "dt": 1560200400,
      "main": {
        "temp": 291.4,
        "temp_min": 291.4,
        "temp_max": 291.4,
        "pressure": 1008.18,
        "sea_level": 1008.18,
        "grnd_level": 986.81,
        "humidity": 88,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 800,
          "main": "Clear",
          "description": "clear sky",
          "icon": "01d"
        }
      ],
      "clouds": {
        "all": 0
      },
      "wind": {
        "speed": 0.7,
        "deg": 67.893
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-10 21:00:00"
    },
    {
      "dt": 1560211200,
      "main": {
        "temp": 296.4,
        "temp_min": 296.4,
        "temp_max": 296.4,
        "pressure": 1008.44,
        "sea_level": 1008.44,
        "grnd_level": 987.3,
        "humidity": 67,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 800,
          "main": "Clear",
          "description": "clear sky",
          "icon": "01d"
        }
      ],
      "clouds": {
        "all": 1
      },
      "wind": {
        "speed": 1.97,
        "deg": 174.658
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-11 00:00:00"
    },
    {
      "dt": 1560222000,
      "main": {
        "temp": 299.559,
        "temp_min": 299.559,
        "temp_max": 299.559,
        "pressure": 1007.41,
        "sea_level": 1007.41,
        "grnd_level": 986.23,
        "humidity": 50,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 500,
          "main": "Rain",
          "description": "light rain",
          "icon": "10d"
        }
      ],
      "clouds": {
        "all": 6
      },
      "wind": {
        "speed": 2.13,
        "deg": 214.981
      },
      "rain": {
        "3h": 1.062
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-11 03:00:00"
    },
    {
      "dt": 1560232800,
      "main": {
        "temp": 299.7,
        "temp_min": 299.7,
        "temp_max": 299.7,
        "pressure": 1006.16,
        "sea_level": 1006.16,
        "grnd_level": 984.58,
        "humidity": 46,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 801,
          "main": "Clouds",
          "description": "few clouds",
          "icon": "02d"
        }
      ],
      "clouds": {
        "all": 20
      },
      "wind": {
        "speed": 3.15,
        "deg": 221.401
      },
      "rain": {
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-11 06:00:00"
    },
    {
      "dt": 1560243600,
      "main": {
        "temp": 296.559,
        "temp_min": 296.559,
        "temp_max": 296.559,
        "pressure": 1006.38,
        "sea_level": 1006.38,
        "grnd_level": 985.28,
        "humidity": 65,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 804,
          "main": "Clouds",
          "description": "overcast clouds",
          "icon": "04d"
        }
      ],
      "clouds": {
        "all": 95
      },
      "wind": {
        "speed": 1.96,
        "deg": 223.261
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-11 09:00:00"
    },
    {
      "dt": 1560254400,
      "main": {
        "temp": 292.7,
        "temp_min": 292.7,
        "temp_max": 292.7,
        "pressure": 1007.86,
        "sea_level": 1007.86,
        "grnd_level": 986.74,
        "humidity": 79,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 804,
          "main": "Clouds",
          "description": "overcast clouds",
          "icon": "04n"
        }
      ],
      "clouds": {
        "all": 97
      },
      "wind": {
        "speed": 1.2,
        "deg": 222.469
      },
      "sys": {
        "pod": "n"
      },
      "dt_txt": "2019-06-11 12:00:00"
    },
    {
      "dt": 1560265200,
      "main": {
        "temp": 291.041,
        "temp_min": 291.041,
        "temp_max": 291.041,
        "pressure": 1007.44,
        "sea_level": 1007.44,
        "grnd_level": 986.36,
        "humidity": 87,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 803,
          "main": "Clouds",
          "description": "broken clouds",
          "icon": "04n"
        }
      ],
      "clouds": {
        "all": 77
      },
      "wind": {
        "speed": 0.8,
        "deg": 212.856
      },
      "sys": {
        "pod": "n"
      },
      "dt_txt": "2019-06-11 15:00:00"
    },
    {
      "dt": 1560276000,
      "main": {
        "temp": 290.141,
        "temp_min": 290.141,
        "temp_max": 290.141,
        "pressure": 1006.83,
        "sea_level": 1006.83,
        "grnd_level": 985.68,
        "humidity": 92,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 802,
          "main": "Clouds",
          "description": "scattered clouds",
          "icon": "03n"
        }
      ],
      "clouds": {
        "all": 39
      },
      "wind": {
        "speed": 0.43,
        "deg": 109.654
      },
      "sys": {
        "pod": "n"
      },
      "dt_txt": "2019-06-11 18:00:00"
    },
    {
      "dt": 1560286800,
      "main": {
        "temp": 292.2,
        "temp_min": 292.2,
        "temp_max": 292.2,
        "pressure": 1007.35,
        "sea_level": 1007.35,
        "grnd_level": 986.15,
        "humidity": 84,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 800,
          "main": "Clear",
          "description": "clear sky",
          "icon": "01d"
        }
      ],
      "clouds": {
        "all": 0
      },
      "wind": {
        "speed": 0.64,
        "deg": 102.032
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-11 21:00:00"
    },
    {
      "dt": 1560297600,
      "main": {
        "temp": 297.3,
        "temp_min": 297.3,
        "temp_max": 297.3,
        "pressure": 1007.36,
        "sea_level": 1007.36,
        "grnd_level": 986.29,
        "humidity": 64,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 800,
          "main": "Clear",
          "description": "clear sky",
          "icon": "01d"
        }
      ],
      "clouds": {
        "all": 0
      },
      "wind": {
        "speed": 1.85,
        "deg": 157.755
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-12 00:00:00"
    },
    {
      "dt": 1560308400,
      "main": {
        "temp": 299.986,
        "temp_min": 299.986,
        "temp_max": 299.986,
        "pressure": 1006.59,
        "sea_level": 1006.59,
        "grnd_level": 985.33,
        "humidity": 55,
        "temp_kf": 0
      },
      "weather": [
        {
          "id": 800,
          "main": "Clear",
          "description": "clear sky",
          "icon": "01d"
        }
      ],
      "clouds": {
        "all": 2
      },
      "wind": {
        "speed": 1.6,
        "deg": 241.438
      },
      "sys": {
        "pod": "d"
      },
      "dt_txt": "2019-06-12 03:00:00"
    }
  ],
  "city": {
    "id": 1859171,
    "name": "Kobe-shi",
    "coord": {
      "lat": 34.6913,
      "lon": 135.183
    },
    "country": "JP",
    "timezone": 32400
  }
}

webアプリ（Rails）実装版

weather.js

$(document).ready(function() {
  $.post("http://api.openweathermap.org/data/2.5/weather?id=" + '1850147' + "&appid=xxxxxxxxxxxxxxxxxxxxxxxxxxx&lang=ja&units=metric",
      function(json){
          $("#weather").html(json.weather[0].description);
          $("#humidity").html(json.main.humidity);
          $("#temp").html(Math.round(json.main.temp));
          switch (json.weather[0].main){
          case 'Clouds':
          $("#weatherMark").html("<img src='http://openweathermap.org/img/w/04d.png' >");
          break;
          case 'Snow':
          $("#weatherMark").html("<img src='http://openweathermap.org/img/w/13d.png' >");
          break;
          case 'Rain':
          $("#weatherMark").html("<img src='http://openweathermap.org/img/w/09d.png' >");
          break;
          case 'Clear':
          $("#weatherMark").html("<img src='http://openweathermap.org/img/w/01d.png' >");
          break;
          case 'Fog':
          $("#weatherMark").html("<img src='http://openweathermap.org/img/w/50d.png' >");
          break;
          case 'Mist':
          $("#weatherMark").html("<img src='http://openweathermap.org/img/w/50n.png' >");
          break;
          case 'Haze':
          $("#weatherMark").html("<img src='http://openweathermap.org/img/w/50d.png' >");
          break;
          default:
          $("#weatherMark").html("<img src='http://openweathermap.org/img/w/01n.png' >");
        }
    }
  );
});

_weather.html

<h2>東京の天気</h2>
<div>
    <span id = "weather" class="bold"></span>
</div>
<div>
    <span id = "weatherMark" class="bold"></span>
</div>
<p id="icon"></p>
<div>気温<span id = "temp"  class="bold"></span>℃</div>
<div>降水確率<span id = "humidity" class="bold"></span>　%</div>

参考サイト

http://www.torutsume.net/openweathermap/
https://qiita.com/nownabe/items/aeac1ce0977be963a740

告知

今、進撃のITコミュニティで一緒に活動してくれる方を募集しています。
参加は無料です。
下に参加URLを貼ってます。
管理者はブロックチェーン実務経験あります。
参加資格はプログラマーからマーケター、AIやブロックチェーン、動画編集者やディレクター、youtuber、インスタグラマーも対象です。

進撃のIT Facebook
https://www.facebook.com/groups/612023275874253/
進撃のIT Slack
https://attack-on-it.herokuapp.com/
進撃のIT Twitter
https://twitter.com/IT13389135
進撃のIT Qiita記事
https://qiita.com/f___juntaro_/items/81136c85a8002cc442ac