この暑さを何とかしてくれるBotを作る！！！

Posted at 2019-08-09

この記事はリンク情報システム（Facebookはこちら）が主催する真夏のアドベントカレンダー「2019 Tech Connect Summer」のリレー記事です。engineer.hanzomon のグループメンバによってリレーされます。

ついに「2019 Tech Connect Summer」も最終日！！
クマさんチームの最終日は、@r-kanai が担当致します

暑さを何とかしてくれる「涼しくなるBot」

できることは2つ。

1. 今居るところの気温と体感温度がわかる。

　今どんだけ暑いかを知りたいので、
　気象情報を取得できるAPIを利用して、現在地の気温と体感温度を表示する。

2. 涼しくなる方法を提案してくれる。

　涼しくなる方法なんて山ほどあるので、今回は「体感温度」を下げるものに絞る。
　今回は提案する方法は、
　『涼しい画像を見る』
　『涼しい音を聞く』
　の２つにします。
　（画像を見たり、聞いたりするだけでも人間って体感温度が下がるらしい。）

どうやって作る？

Bot　→　 LINEMessagingAPI(LINEBot) （公式）
サーバー　→　googleAppsScript （公式）
気象情報の取得　→　DarkSky （公式）

★処理の概要は以下の通り

ユーザーが位置情報を送信
位置情報をセットしてDarkSkyAPIを実行
DarkSkyAPIの戻り値から体感温度(currently.apparentTemperature)と気温(currently.temperature)を取得し、botに表示
LINEのFlexMessageを利用し、涼しくなる方法をボタンで表示
選択されたボタンによってそれぞれのコンテンツを表示
- 『涼しい画像を見る』を選択　→　GoogleDriveに保存してある画像を表示する。
- 『涼しい音を聞く』を選択　→　予め探しておいたYoutubeの動画URLを表示する。

準備

LINEDevelopers と GoogleAppsScript（GAS）の登録
（参考にした記事はこちら）
Dark Sky の登録
（参考にした記事はこちら）

実装

cool.gs


/** LINE関連情報 */
var LINE_ACCESS_TOKEN = '**LINEBotのアクセストークン**';
var LINE_REPLY_URL = 'https://api.line.me/v2/bot/message/reply';

/** DarkSky関連情報 */
var DARK_SKY_URL = 'https://api.darksky.net/forecast/**DarkSkyのsercretKey**/';

/**
 * ユーザーがBotに対してアクションした時の処理
 * @param {object} e 
 */
function doPost(e) {
  var events = JSON.parse(e.postData.contents).events;
  events.forEach(function(event) {
    if(event.type === 'message') {
      // メッセージの返信
      replyMessage(event);
    } else if (event.type === 'postback') {
      var data = JSON.parse(event.postback.data);
      if (data.action === 'next') {
        if (data.res === 'img') {
          // 涼しい画像の返信
          replyCoolImg(event);
        } else if (data.res === 'sound') {
          // 涼しい音の返信
          replyCoolSound(event);
        }
      }
    }
  });
};

/**
 * メッセージの返信
 * @param {object} e 
 */
var replyMessage = function (e) {
  var replyToken = e.replyToken;
  var lat = e.message.latitude;
  var lon = e.message.longitude;

  // DarkSkyAPIの実行
  var weatherURL = DARK_SKY_URL + lat + ',' + lon + '?lang=ja';
  var json = UrlFetchApp.fetch(weatherURL).getContentText();
  var jsonData = JSON.parse(json);

  // 気温情報の取得・変換
  var AppTemp = changeTemp(jsonData.currently.apparentTemperature);
  var AirTemp = changeTemp(jsonData.currently.temperature);

  // 体感気温と気温表示の設定
  var tempMsg = {
    type: 'text',
    text: '体感温度は' + AppTemp + "℃だよ。\n気温は" + AirTemp + "℃だよ。"
  }

  // 「涼しくなる方法」の提案表示の設定
  var coolMsg = {
    type: "flex",
    altText: "This is cool msg.",
    contents: {
      "type": "bubble",
      "styles": {
        "body": {
          "backgroundColor": "#000080"
        }
      },
      "header": {
        "type": "box",
        "layout": "vertical",
        "contents": [
          {
            "type": "text",
            "text": "どうやって涼しくなる？"
          }
        ]
      },
      "body": {
        "type": "box",
        "layout": "vertical",
        "spacing": "md",
        "contents": [
          {
            "type": "button",
            "style": "primary",
            "color": "#66ccff",
            "action": {
              "type": "postback",
              "label": "涼しい画像を見る",
              "data": "{\"action\":\"next\", \"res\":\"img\"}"
            }
          },
          {
            "type": "button",
            "style": "primary",
            "color": "#66ccff",
            "action": {
              "type": "postback",
              "label": "涼しい音を聞く",
              "data": "{\"action\":\"next\", \"res\":\"sound\"}"
            }
          }
        ]
      }
    }
  };

  // ユーザに返信
  UrlFetchApp.fetch(url, {
    headers: {
      'Content-Type': 'application/json; charset=UTF-8',
      Authorization: 'Bearer ' + ACCESS_TOKEN
    },
    method: 'post',
    payload: JSON.stringify({
      replyToken: replyToken,
      messages: [
        {tempMsg},
        {coolMsg}
      ]
    })
  });  
};

/**
 * 華氏温度から摂氏温度変換
 * @param {number} fTemp 華氏温度
 * @return {number} 摂氏に変換した温度
 */
var changeTemp = function(fTemp) {
  var cTemp = (5/9) * (fTemp - 32);
  var fixedCTemp = cTemp.toFixed(1);
  return fixedCTemp;
}

/**
 * 涼しい画像の返信
 * @param {object} e 
 */
var replyCoolImg = function(e) {
  var replyToken = e.replyToken;
  var imageURL = 'https://drive.google.com/uc?id=**googleDrive内の画像ID**';
  var imagePreURL = 'https://drive.google.com/uc?id=**googleDrive内の画像ID**';

  UrlFetchApp.fetch(url, {
    headers: {
      'Content-Type': 'application/json; charset=UTF-8',
      Authorization: 'Bearer ' + ACCESS_TOKEN
    },
    method: 'post',
    payload: JSON.stringify({
      replyToken: replyToken,
      messages: [
        {
          type: 'image',
          originalContentUrl: imageURL,
          previewImageUrl: imagePreURL
        }
      ]
    })
  }); 
};

/**
 * 涼しい音の返信
 * @param {object} e 
 */
var replyCoolSound = function(e) {
  var replyToken = e.replyToken;
  var soundURL = 'https://youtu.be/ZJVSjhYwQpE';

  UrlFetchApp.fetch(url, {
      headers: {
          'Content-Type': 'application/json; charset=UTF-8',
          Authorization: 'Bearer ' + ACCESS_TOKEN
      },
      method: 'post',
      payload: JSON.stringify({
          replyToken: replyToken,
          messages: [
            {
              type: 'text',
              text: soundURL
            }
          ]
      })
    }); 
};