【GAS】天気予報を表示するアプリを作る～console.logで表示～【第2回】

2022/06/20

前回はjsonの中身を見てみました。今回は、それを使って降水確率と気温を、ログに表示させてみたいと思います。

Contents

1. jsonを表示できるようにする
- 1.1. GAS全文
2. 最後に
3. 【GAS】天気予報を表示するアプリを作る～目次～

jsonを表示できるようにする

今回は、降水確率を3つ取得し、気温を2つ取得してconsole.logで表示させるアプリを作ります。

まずは、jsonを取得するURLを定数に入れておきます。エリアコードは自分の地域などに合わせて変更してください。

 const weatherUrl = 'https://www.jma.go.jp/bosai/forecast/data/forecast/130000.json';

UrlFetchAppで取得します。

var weatherj = UrlFetchApp.fetch(weatherUrl);

JSON.parseで読めるようにします。

var weather = JSON.parse(weatherj);

繰り返し(for)を使って、console.logに降水確率を表示します。3回表示します。

  for(let i=0;i<=2;i++){
    console.log(weather[0]["timeSeries"][1]["timeDefines"][i] + "：" + weather[0]["timeSeries"][1]["areas"][0]["area"]["name"] + "：降水確率" + weather[0]["timeSeries"][1]["areas"][0]["pops"][i]);
  }

気温も同じように表示させます。

  for(let i=0;i<=1;i++){
    console.log(weather[0]["timeSeries"][2]["timeDefines"][i] + "：気温" + weather[0]["timeSeries"][2]["areas"][0]["temps"][i]);
  }

GAS全文

function getMessage(){
  const weatherUrl = 'https://www.jma.go.jp/bosai/forecast/data/forecast/130000.json';
  var weatherj = UrlFetchApp.fetch(weatherUrl);
  console.log(weatherj);
  var weather = JSON.parse(weatherj);
  console.log(weather);
  for(let i=0;i<=2;i++){
    console.log(weather[0]["timeSeries"][1]["timeDefines"][i] + "：" + weather[0]["timeSeries"][1]["areas"][0]["area"]["name"] + "：降水確率" + weather[0]["timeSeries"][1]["areas"][0]["pops"][i]);
  }
  for(let i=0;i<=1;i++){
    console.log(weather[0]["timeSeries"][2]["timeDefines"][i] + "：気温" + weather[0]["timeSeries"][2]["areas"][0]["temps"][i]);
  }

  return weather;
}

これを実行すると、以下のようになります。