GASで天気予報API Weather HacksのJSONデータから欲しいデータを取得する方法

umbrella

photo credit: www.ilkkajukarainen.fi 6Q3A6839 (2) via photopin (license)

みなさん、こんにちは!
タカハシ(@ntakahashi0505)です。

初心者ノンプログラマー向けとして「GASを使ってSlackにメッセージを送る」を目標に連載をお送りしております。

前回の記事はこちら。

【初心者向けGAS】天気予報APIからのJSONをオブジェクトに変換する方法
初心者ノンプログラマー向けに「GASを使ってSlackにメッセージを送る」を目標にお送りしております。今回は、天気予報API「Weather Hacks」のレスポンスをオブジェクトに変換する方法を紹介します。

天気予報APIのWeather Hacksから受け取ったJSONをオブジェクトに変換する方法をお伝えしました。

とはいえ、オブジェクトの中身は複雑です…

数ある情報の中から、欲しい情報を取得する必要があります。

ということで、今回はGASで天気予報API Weather HacksのJSONデータから欲しいデータを取得する方法です。

では、行ってみましょう!

スポンサーリンク

前回のおさらい

前回作成したスクリプトはこちらです。

function test() {
  
  var url = 'http://weather.livedoor.com/forecast/webservice/json/v1?city=130010'; //URL+cityID
  var res = UrlFetchApp.fetch(url);
  var object = JSON.parse(res.getContentText()); 
  Logger.log(object);

}

天気予報APIのWeather Hacksにリクエストを投げて、受け取ったレスポンスであるJSON文字列をオブジェクト化してログ出力する…というものです。

オブジェクト化しても、東京の天気予報に関して、様々な情報が含まれていますから、その中からほしい情報だけ取り出して、Slackに送りたいですよね。

Weather HacksのJSONから今日の天気を取り出す

さて、Weather Hacksのレスポンスとして取得できるJSON文字列ですが、たくさんの情報が含まれています。

以下のページに「レスポンスフィールド」として、その構造について解説されています。

livedoor
株式会社ライブドアが運営するポータルサイト。速報性に加え独自の切り口を誇る「ライブドアニュース」、日本最大のブログサービス「ライブドアブログ」ほか、厳選した情報をお届けします。

livedoor天気情報の仕様

わかったようなわからないような…

サンプルとして紹介されているJSONデータはこうなります。

{
   "publicTime" : "2013-01-29T11:00:00+0900",
   "title" : "福岡県 久留米 の天気",
   "description" : {
      "text" : " 九州北部地方は、高気圧に覆われて晴れています。nn 29日は、九州北部地方では、高気圧に覆われて晴れますが、気圧の谷のn影響で、昼過ぎから次第に曇りとなるでしょう。nn 30日は、気圧の谷の影響ではじめ曇りますが、昼頃からは高気圧に覆わnれて概ね晴れるでしょう。nn 波の高さは、九州北部地方の沿岸の海域では、29日は1.5メートル、n30日は1メートルでしょう。豊後水道では、29日と30日は1メートルnでしょう。n 福岡県の内海では、29日と30日は0.5メートルでしょう。",
      "publicTime" : "2013-01-29T10:37:00+0900"
   },
   "link" : "http://weather.livedoor.com/area/forecast/400040",
   "forecasts" : [
      {
         "dateLabel" : "今日",
         "telop" : "晴のち曇",
         "date" : "2013-01-29",
         "temperature" : {
            "min" : null,
            "max" : {
               "celsius" : "11",
               "fahrenheit" : "51.8"
            }
         },
         "image" : {
            "width" : 50,
            "url" : "http://weather.livedoor.com/img/icon/5.gif",
            "title" : "晴のち曇",
            "height" : 31
         }
      },
      {
         "dateLabel" : "明日",
         "telop" : "晴れ",
         "date" : "2013-01-30",
         "temperature" : {
            "min" : {
               "celsius" : "3",
               "fahrenheit" : "37.4"
            },
            "max" : {
               "celsius" : "13",
               "fahrenheit" : "55.4"
            }
         },
         "image" : {
            "width" : 50,
            "url" : "http://weather.livedoor.com/img/icon/1.gif",
            "title" : "晴れ",
            "height" : 31
         }
      },
      {
         "dateLabel" : "明後日",
         "telop" : "晴時々曇",
         "date" : "2013-01-31",
         "temperature" : {
            "min" : null,
            "max" : null
         },
         "image" : {
            "width" : 50,
            "url" : "http://weather.livedoor.com/img/icon/2.gif",
            "title" : "晴時々曇",
            "height" : 31
         }
      }
   ],
   "location" : {
      "city" : "久留米",
      "area" : "九州",
      "prefecture" : "福岡県"
   },
   "pinpointLocations" : [
      {
         "link" : "http://weather.livedoor.com/area/forecast/4020200",
         "name" : "大牟田市"
      },
      {
         "link" : "http://weather.livedoor.com/area/forecast/4020300",
         "name" : "久留米市"
      },
      {
         "link" : "http://weather.livedoor.com/area/forecast/4020700",
         "name" : "柳川市"
      },
      {
         "link" : "http://weather.livedoor.com/area/forecast/4021000",
         "name" : "八女市"
      },
      {
         "link" : "http://weather.livedoor.com/area/forecast/4021100",
         "name" : "筑後市"
      },
      {
         "link" : "http://weather.livedoor.com/area/forecast/4021200",
         "name" : "大川市"
      },
      {
         "link" : "http://weather.livedoor.com/area/forecast/4021600",
         "name" : "小郡市"
      },
      {
         "link" : "http://weather.livedoor.com/area/forecast/4022500",
         "name" : "うきは市"
      },
      {
         "link" : "http://weather.livedoor.com/area/forecast/4022800",
         "name" : "朝倉市"
      },
      {
         "link" : "http://weather.livedoor.com/area/forecast/4022900",
         "name" : "みやま市"
      },
      {
         "link" : "http://weather.livedoor.com/area/forecast/4044700",
         "name" : "筑前町"
      },
      {
         "link" : "http://weather.livedoor.com/area/forecast/4044800",
         "name" : "東峰村"
      },
      {
         "link" : "http://weather.livedoor.com/area/forecast/4050300",
         "name" : "大刀洗町"
      },
      {
         "link" : "http://weather.livedoor.com/area/forecast/4052200",
         "name" : "大木町"
      },
      {
         "link" : "http://weather.livedoor.com/area/forecast/4054400",
         "name" : "広川町"
      }
   ],
   "copyright" : {
      "provider" : [
         {
            "link" : "http://tenki.jp/",
            "name" : "日本気象協会"
         }
      ],
      "link" : "http://weather.livedoor.com/",
      "title" : "(C) LINE Corporation",
      "image" : {
         "width" : 118,
         "link" : "http://weather.livedoor.com/",
         "url" : "http://weather.livedoor.com/img/cmn/livedoor.gif",
         "title" : "livedoor 天気情報",
         "height" : 26
      }
   }
}

だいぶ、構造が複雑に見えますね…ただし、JSON文字列はもはやJavaScriptのオブジェクトに変換されていますので、オブジェクトの値を取り出すルールに則れば、ちゃんと取り出すことができます。

JSONを変換したオブジェクトからほしいデータを取り出す

例えば、サンプルの冒頭部分を見てみましょう。

{
   "publicTime" : "2013-01-29T11:00:00+0900",
   "title" : "福岡県 久留米 の天気",
   "description" : {
      "text" : " 九州北部地方は、高気圧に覆われて晴れています。nn 29日は、九州北部地方では、高気圧に覆われて晴れますが、気圧の谷のn影響で、昼過ぎから次第に曇りとなるでしょう。nn 30日は、気圧の谷の影響ではじめ曇りますが、昼頃からは高気圧に覆わnれて概ね晴れるでしょう。nn 波の高さは、九州北部地方の沿岸の海域では、29日は1.5メートル、n30日は1メートルでしょう。豊後水道では、29日と30日は1メートルnでしょう。n 福岡県の内海では、29日と30日は0.5メートルでしょう。",
      "publicTime" : "2013-01-29T10:37:00+0900"
   },
…
}

オブジェクト内のpublicTimeプロパティの値が「予報の発表日時」なので、ドット記法で以下のようにすれば取り出すことができます。

object.publicTime

同様に、「タイトル・見出し」はtitleプロパティですから、以下で取り出せます。

object.title

「天気概況分」は、descriptionプロパティが返すオブジェクト内の、textプロパティなので、ドット記法をつなげて

object.description.text

とすれば、を取り出せます。

では、実際に取り出してみましょう。

function test() {
  
  var url = 'http://weather.livedoor.com/forecast/webservice/json/v1?city=130010'; //URL+cityID
  var res = UrlFetchApp.fetch(url);
  var object = JSON.parse(res.getContentText()); 
  
  Logger.log(object.publicTime);
  Logger.log(object.title);
  Logger.log(object.description.text);

}

こちらのスクリプトを実行した結果がこちらです。

GASでWeather Hacksから天気概況文、タイトル、公開日時を取得する

今日・明日の天気を取り出す

さて、おそらく一番ほしいのは、「今日の天気」や「明日の天気」ですね。

Weather HacksのJSONデータからどう取り出すかというと、「府県天気予報の予報日毎の配列」を表すforecastsプロパティというものがあります。

これは、今日の天気予報をインデックス0、明日の天気予報をインデックス1…として、それぞれ配列の要素として取得できます。

そして、その配列の要素がオブジェクトになっていて、いろいろな情報を持っています。

つまり、以下のようにすれば、今日の天気予報の天気を取得できるというわけです。

object.forecasts[0].telop

インデックスを1にすれば明日のやつですね。

object.forecasts[1].telop

では、以下スクリプトを実行して、動作を確認してみましょう。

function test() {
  
  var url = 'http://weather.livedoor.com/forecast/webservice/json/v1?city=130010'; //URL+cityID
  var res = UrlFetchApp.fetch(url);
  var object = JSON.parse(res.getContentText()); 
  
  Logger.log(object.forecasts[0].telop);
  Logger.log(object.forecasts[1].telop);
}

結果はこちらです。

GASでWeather Hacksから天気予報を取得する

うまく取得できましたね。

まとめ

以上、GASで天気予報API Weather HacksのJSONデータから欲しいデータを取得する方法をお伝えしました。

少し、コツがいりますが、JavaScriptのオブジェクトからのデータの取り出し方がわかれば大丈夫…なはず…!

次回は、Slackに取得したデータを送信していきます。

GASとSlackアプリでSlackに今日の天気予報メッセージを送信する方法
初心者ノンプログラマー向けとして「GASを使ってSlackにメッセージを送る」を目標に連載をお送りしております。今回は、GASとSlackアプリでSlackに今日の天気予報メッセージを送信する方法をお伝えします。

どうぞお楽しみに!

連載目次:はじめてのSlackアプリでメッセージを投稿する

ビジネスチャットツールSlack、使ってますか?「Slackアプリ」を使うことでGASを通じてメッセージを投稿をすることができます。このシリーズでは初心者向けにSlackアプリの作り方を解説していきます。
  1. 【初心者向けGAS×Slack】はじめてのSlackアプリを作成しよう
  2. 【初心者向けGAS】Slackにメッセージを投稿するIncoming Webhookの最初の一歩
  3. 【初心者向けGAS】SlackアプリのIncoming Webhooksを使ってメッセージを投稿する方法
  4. 【初心者向けGAS】天気予報APIからのJSONをオブジェクトに変換する方法
  5. GASで天気予報API Weather HacksのJSONデータから欲しいデータを取得する方法
  6. GASとSlackアプリでSlackに今日の天気予報メッセージを送信する方法
タイトルとURLをコピーしました