GASとSlackアプリでSlackに今日の天気予報メッセージを送信する方法

photo credit: Emil Pakarklis More Fun in the Rain via photopin (license)

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

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

前回の記事はこちら。

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

初心者ノンプログラマー向けとして「GASを使ってSlackにメッセージを送る」を目標に連載をお送りしております。今回はGASで天気予報API Weather HacksのJSONデータから欲しいデータを取得する方法です。

天気予報APIのWeather HacksのJSONデータから天気情報を取り出す方法をお伝えしました。

さて、今回はいよいよSlackに天気予報を送りますよ。

ということで、GASとSlackアプリでSlackに今日の天気予報メッセージを送信する方法です。

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

これまでのおさらい
1. 天気予報APIから天気予報を取得する
2. Slackにメッセージを送る
Slackにテキストを送る処理
1. stringifyメソッドでオブジェクトをJSON文字列化する
天気予報を取得してSlackへ送るテキストを生成する
1. formatDateメソッドで日付を整形して文字列化する
2. Slackの修飾表記
天気予報をSlackに送る動作確認
まとめ
連載目次：はじめてのSlackアプリでメッセージを投稿する

これまでのおさらい

天気予報APIから天気予報を取得する

まず、前回進めた部分ですが、天気予報APIから天気予報を取得する処理です。

こちらですね。

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); //明日の天気
}

Weather HacksへHTTPリクエストを送り、そこから今日の天気や明日の天気を表すテキストを取り出しました。

例えば、「晴のち曇り」とか「曇時々晴」とかそういうテキストです。

これをSlackに送ってあげたいわけです。

Slackにメッセージを送る

Slackにメッセージを送るのは連載の最初から３記事分くらいで解説をしました。

Slackアプリを作り、Incoming Webhooksの機能を使ってWebhook URLを取得すれば、以下のコードでSlackに「Hello, World!」とメッセージを送信できるわけです。

function test() {
  var url = '*****Webhook URL*****'; //皆さんのWebhook URLを入力ください
  var params = {
    method: 'post',
    contentType: 'application/json',
    payload: '{"text":"Hello, World!"}'
  };
 
  UrlFetchApp.fetch(url, params);
}

今回は、これらのコードをガッシャンコして、Slackへ天気予報を送るアプリを完成させていきます。

Slackにテキストを送る処理

まず、Slackにテキストを送る処理から整えていきましょう。

関数名を「postSlack」に変更して以下のような関数にしました。

function postSlack(text) {

  var url = '*****Webhook URL*****'; //皆さんのWebhook URLを入力ください
  var params = {
    method: 'post',
    contentType: 'application/json',
    payload: JSON.stringify({text: text})

  };

  UrlFetchApp.fetch(url, params);
}

stringifyメソッドでオブジェクトをJSON文字列化する

変更点は7行目ですね。

JSONオブジェクトのstringifyメソッドは、JavaScriptのオブジェクトをJSON形式の文字列に変換するメソッドです。

parseメソッドの逆ですね。

JSON.stringify(オブジェクト)

payloadのtextプロパティに渡すデータが、パラメータtextを渡したいので、文字列リテラルのシングルクォートの中に入れられないんですね。

なので、いったん「{text: text}」というオブジェクトにしてあげて、それを文字列化するという処理にしています。

天気予報を取得してSlackへ送るテキストを生成する

一方、天気予報APIを叩いてそのレスポンスから天気予報を取り出し、文字列を生成して前述のpostSlackにわたす処理はこちらです。

function postSlackForecast() {

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

  var publicTime = Utilities.formatDate(new Date(data.publicTime), 'JST', 'yyyy/MM/dd hh時発表の天気予報');
  var forecast = data.forecasts[0].telop;

  /* Slackに送る文字列を生成 */
  var strBody = "*【" + publicTime + " :sun_with_face:】*n";
  strBody += ">>>" + forecast;

  postSlack(strBody);
}