【Slack】IFTTTで天気予報を投稿（WeatherUnderground）

2021年12月16日

ばにゃ

当ページのリンクには広告が含まれています。

こんにちは、天気の子ばにゃです。

本記事では IFTTT を使用して、Slack に天気予報の情報を投稿する方法について解説します。

天気予報情報は Weather Underground というリアルタイムの気象情報を提供する商業気象サービスを利用します。

IFTTTとは？といったような、基本的な説明は本記事には記載しません。

この記事でわかること

IFTTT と Weather Underground を使用して天気予報を Slack に投稿する方法

事前準備

IFTTT アカウントのサインアップ

まず IFTTT アカウントのサインアップを行います。

https://ifttt.com/ にアクセスします。
Sign up をクリックします。
Apple、Google、Facebook、いずれかのアカウントを使用してサインアップを行います。
今回はGoogleアカウントを使用するため「Continue with Google」をクリックします。
使用するGoogleアカウントを選択します。
パスワードを入力して「次へ」をクリックします。
Get Started 画面が表示されることを確認します。

以上でIFTTTアカウントのサインアップは完了です。

Slack ワークスペースの作成

以下の記事を参考にSlack ワークスペースの作成を行ってください。

【Slack】ワークスペースの作成と初期設定（初心者向け）

Slcak 天気予報投稿用チャンネルの作成

天気予報を投稿するチャンネルを作成します。既存のチャンネルを使用しても問題ありません。

Slackワークスペースを起動します。
チャンネルの右に表示される「＋」をクリックします。
「チャンネルを作成する」をクリックします。
適当なチャンネル名を入力し「作成」をクリックします。
必要に応じて設定を変更し「終了」をクリックします。
新しくチャンネルが作成されたことを確認します。

以上でチャンネルの天気予報投稿用のチャンネル作成は完了です。

IFTTT Slack 連携手順

SlackにIFTTTアプリを追加

IFTTTからSlackへメッセージを投稿できるように、SlackにIFTTTアプリの追加を行います。

「Slackチャンネル名」＞「設定と管理」＞「アプリを管理する」をクリックします。
slack app directory 画面が開くので、画面右上の検索フィールドに「ifttt」と入力し Enter キーを押下します。
検索結果に表示される IFTTT をクリックします。
IFTTT アプリ画面が開くので「追加」をクリックします。
https://ifttt/slack 画面に遷移するので「Connect」をクリックします。
IFTTT から Slack へのアクセス許可リクエスト画面が開くので「許可する」をクリックします。
再度 https://ifttt/slack 画面に遷移し「Service connected successfully!」と表示されることを確認します。

以上で IFTTT アプリの追加は完了です。

IFTTTでアプレットを作成

IFTTT 側で「Weather Underground を使用して Slack のチャンネルに天気予報を投稿する」という設定を作成します。
※IFTTT側で作成するこのような設定をアプレット（もしくはレシピ）と呼びます。

https://ifttt.com/ にアクセスします。
サインインしていない場合はサインインします。
画面右上の「Create」をクリックします。
Create your own 画面が表示されるので「If This (Add)」をクリックします。
Choose a service 画面が表示されるので検索フィールドに「weather underground」と入力し、表示される「Weather Underground」をクリックします。
Choose a trigger 画面が表示されるので「Today’s weather report」をクリックします。
Connect service 画面が表示されるので「Connect」をクリックします。
Complete trigger fields 画面が表示されるので、初期設定のまま「Create trigger」をクリックします。※細かい設定は後でまとめて変更します。
Create your own 画面が表示されるので「Then That (Add)」をクリックします。
Choose a service 画面が表示されるので検索フィールドに「slack」と入力し、表示される「Slack」をクリックします。
Choose an action 画面が表示されるので「Post to channel」をクリックします。
Which channel? で投稿先チャンネルを選択し、その他は初期設定のまま「Create action」をクリックします。※細かい設定は後でまとめて変更します。
Create your own 画面が表示されるので「Continue」をクリックします。
Review and finish 画面が表示されるので「Finish」をクリックします。
作成したアプレット画面が表示されます。

以上でアプレットの作成は完了です。この後、作成したアプレットの細かい設定変更を行います。

アプレットの設定変更

アプレットの初期設定では温度が華氏で表示されていたりと分かりにくい状態になっているため、細かい設定変更を行います。

作成したアプレット画面右上に表示される「Settings」をクリックして設定変更画面を開きます。

各設定の変更手順は以下を参考にしてください。設定変更後「Save」をクリックして、設定変更は完了です。

アプレット表示名

Edit title よりアプレットの表示名を適当なものに変更します。
※ここでは天気予報という名前に変更しています。

気象情報取得時間・ロケーション

Today’s weather report より気象情報取得時間、気象情報取得場所を設定します。
※ここでは AM 7:30 に東京駅の気象情報を取得する設定にしています。

投稿内容

Post to channel の Message より、Slack に投稿するメッセージの内容を設定します。

例えば Message 部分を以下のように記載すると、現在の天気、現在の気温、最高気温（摂氏）、最低気温（摂氏）の情報を投稿することが可能です。

現在の天気：{{CurrentCondition}}<br>
現在の気温：{{CurrentTempCelsius}}℃<br>
最高気温　：{{HighTempCelsius}}℃<br>
最低気温　：{{LowTempCelsius}}℃

実際にSlackに投稿されるメッセージは以下のようになります。

IFTTTアプレット内の {{ }} で囲まれた部分に書く値は他に以下のようなものがあるので、自由にカスタマイズ可能です。

項目	説明
SunriseAt	日の出時間
CurrentTempFahrenheit	現在の気温（華氏）
CurrentTempCelsius	現在の気温（摂氏）
CurrentCondition	現在の天気
CurrentConditionImageURL	現在の天気画像の URL
TodaysConditionImageURL	今日の天気画像の URL
ForecastUrl	Weather Underground の URL
TodaysCondition	今日の天気
HighTempFahrenheit	最高気温（華氏）
HighTempCelsius	最高気温（摂氏）
LowTempFahrenheit	最低気温（華氏）
LowTempCelsius	最低気温（摂氏）
UvIndex	UV指数
Humidity	湿度
WindSpeedMph	風速（Mph）
WindSpeedKph	風速（Kph）
WindDirection	風向き
PollenCount	花粉飛散量 ※米国のみ
CheckTime	チェック時間

また実際に出力される内容を確認したい場合、Message 部分に以下のように入力して投稿される内容を確認すると比較的見やすいと思うので、試してみてください。

SunriseAt:{{SunriseAt}}<br>
CurrentTempFahrenheit:{{CurrentTempFahrenheit}}<br>
CurrentTempCelsius:{{CurrentTempCelsius}}<br>
CurrentCondition:{{CurrentCondition}}<br>
CurrentConditionImageURL:{{CurrentConditionImageURL}}<br>
TodaysConditionImageURL:{{TodaysConditionImageURL}}<br>
ForecastUrl:{{ForecastUrl}}<br>
TodaysCondition:{{TodaysCondition}}<br>
HighTempFahrenheit:{{HighTempFahrenheit}}<br>
HighTempCelsius:{{HighTempCelsius}}<br>
LowTempFahrenheit:{{LowTempFahrenheit}}<br>
LowTempCelsius:{{LowTempCelsius}}<br>
UvIndex:{{UvIndex}}<br>
Humidity:{{Humidity}}<br>
WindSpeedMph:{{WindSpeedMph}}<br>
WindSpeedKph:{{WindSpeedKph}}<br>
WindDirection:{{WindDirection}}<br>
PollenCount:{{PollenCount}}<br>
CheckTime:{{CheckTime}}<br>