3
11

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

モーニング娘。の最新ニュースを知りたかったのでLINE Botに通知させました

Last updated at Posted at 2019-10-16

背景

モー娘。ファン歴は3ヶ月くらい。Rock'in Japan 2019に参加し、大勝利を目撃。
ついったーもいんすたもやってない情報弱者なので、モー娘。情報をお知らせしてくれるボット作ってみました。

環境

  • Macbook Air
  • macOS Mojave v.10.14.6
  • Google Chrome
  • GAS(GoogleAppsScript)

必要なもの

  • Googleアカウント
  • LINE developersアカウント
  • モーニング娘。への愛

必要ないもの

  • サーバー
  • 経験

流れ

  1. Googleアカウントの準備(もってるよね?)
  2. Line Developersアカウントの準備
  3. Google スプレッドシートにモーニング娘。のニュースをスクレイピング
  4. LINE Botで通知するようにGASでコーディング
  5. アプリケーションを公開してトリガーを設定

Line Developersアカウントの準備

すでにいろん方がわかりやすく説明してくださっているので、割愛。
この辺が参考になると思います。

LINEのBot開発 超入門(前編) ゼロから応答ができるまで

Google スプレッドシートにモーニング娘。のニュースをスクレイピング

RSSフィードを取得

まずは取得したいニュースのURLを調べます。
今回は、Googl newsから取得します。
[Google news] https://news.google.com/?hl=ja&gl=JP&ceid=JP:ja
上記URLを叩くとGoogle newsのページにアクセスするので、検索窓で取得したいニュースを検索します。

例えば「モーニング娘。」で検索すると、
Google_news.png

こんな感じでモー娘。のニュースがずらーっとでてきます。

ここでURL欄に注目!
https://news.google.com/rss/search?q=モーニング娘。&hl=ja&gl=JP&ceid=JP:ja
こんな風に書いてますね。
これがスクレイピングする際に使用するURLになるので、控えておきましょう。

Googleスプレッドシートにスクレイピング

サーバレスでLine Botを利用するためにGASを使うので、Google newsで調べた結果はGASと相性のいいGoogleスプレッドシートに記録していきます。

まずは新規でGoogleスプレッドシートを作成してください。
テンプレートが色々と選べると思いますが、無地の「空白」ってやつで大丈夫です。

新規作成したスプレッドシートを使ってスクレイピングしていきます。
まずはA1セルに上で調べたURLを記述します。
スプレッドシート1.png

フィードのインポートにはスプレッドシートの関数IMPORTFEEDを利用します。
書き方はこんな感じ。
IMPORTFEED(フィードURL, クエリ, 見出し, アイテム数) 
関数の引数にはそれぞれ、

  • フィードURL:RSSフィードURLを入力する。A1セルに入力したURLを指定。
  • クエリ:フィードに公開されている記事を取得したいので、itemを指定。
  • 見出し:見出しの表示/非表示を設定。ここでは見出しを表示するためtrueを指定。
  • アイテム数:取得する記事の数を指定。ここでは5件取得する。

A2セルにIMPORTFEED関数を記述します。
スプレッドシート2.png

このようにIMPORTFEED関数を使用することで、スクレイピングできるはずなのですが、、、
このままだとうまくいきません

どうやらURL末尾にトレイリングスラッシュ(/)をつけるかパラメータをつける必要があるようです。

最終的な目標はモー娘。の 最新 ニュースをBotに通知させることなので、URL末尾に日付のパラメータをつけてみることにします。
方法はこんな感じ。

  1. C1セルに=TODAY()を記入して現在日時を取得する。
  2. B1セルに=A1&"%d="&C1と記入。URL末尾に日付がくっつく。
  3. IMPORTFEED関数の第一引数、フィードURLにB1セルを指定する

こんな感じで最新のニュース5件がスクレイピングされるはずです。
スプレッドシート3.png

LINE Botで通知するようにGASでコーディング

モー娘。の最新ニュースを取得できるようになったので、これをLINE Botに通知するよう実装しましょう。

先ほど作成したスプレッドシートに紐づいたGAS上にコーディングしていきます。
ますは、スプレッドシート上で「ツール」タブをクリック→「スクリプトエディタ」をクリック
スプレッドシート4.png

スクリプトエディタが開かれるとfunction myFunction(){}があるので、削除します。
左上の「無題のプロジェクト」をクリックすると、プロジェクト名を編集できるので任意のプロジェクト名に修正しておきましょう。
処理は以下の流れで実装します。

  1. ニュースフィードを取得
  2. 前回の取得以降に配信されたニュースかチェック
  3. 最新のニュースフィードのみ配列に追加
  4. 配列をLINE Botにpush

処理はmain関数の中に記述しました。

main.js
var CURRENT_TIME = new Date();

function main() { 
  // 紐づいているスプレッドシートの情報を取得
  var sheets = SpreadsheetApp.getActiveSpreadsheet().getSheets();

  // 1.ニュースフィードを取得
  var feedsObj = getFeeds(sheets[0]);

  // ニュースフィード毎に最新か確認し、配列に格納
  var newFeeds = [];
  for (var i in feedsObj["feeds"]) {
    // 2.前回の取得以降に配信されたニュースかチェック
    if (
      new Date(feedsObj["feeds"][i][2]).getTime() >
      new Date(feedsObj["lastCheckTime"]).getTime()
    ) {
      // 3.最新のニュースフィードのみ配列に追加
      newFeeds.push(feedsObj["feeds"][i]);
    }
  }

  // Botで通知するメッセージの作成
  for (var i in newFeeds) {
    var message = [
      {
        type: "text",
        text: newFeeds[i][0] + "\r\n" + newFeeds[i][1]
      }
    ];
    Logger.log("メッセージ:" + message[0].text); // デバッグ用

    // 4. 配列をLINE Botにpush
    pushTemplate(message);
  }
}

1.ニュースフィードを取得する
の中身はgetFeeds関数の中に記述しています。

main.js
function getFeeds(sheet) {
  // 1週間前の日時を取得
  var pastDate = new Date();
  pastDate.setDate(pastDate.getDate() - 7);

  // 最終更新日を取得。更新日のセルが未入力だった場合は1週間前の日時を入れる
  var lastCheckTime = sheet.getRange("C1").getValue() || pastDate;
  Logger.log("lastCheckTime:" + lastCheckTime); // デバッグ用

  // 更新日のセルに現在日時を設定(C1セルが更新されるとスクレイピングを始めるので3秒待つ)
  sheet.getRange("C1").setValue(CURRENT_TIME);
  Utilities.sleep(3000);

  // スクレイピングしたフィードを取得
  var lastRow = sheet.getLastRow();
  var feeds = sheet.getRange(3, 1, lastRow - 2, 3).getValues();

  return { feeds: feeds, lastCheckTime: lastCheckTime };
}

4.配列をLINE Botにpush
はpushTemplate()関数に記述してあります。
こちらの記事を参考にさせていただきました。

Google Apps ScriptでPushメッセージのLINE Botを作る。 - Qiita

main.js
// スクリプトプロパティの操作のための変数
var PROP = PropertiesService.getScriptProperties();
// LINE developersのメッセージ送受信設定に記載のアクセストークン
var ACCESS_TOKEN = PROP.getProperty("ACCESS_TOKEN");
// 必要なURL情報の定義
var URL_PUSH = "https://api.line.me/v2/bot/message/push";
// ヘッダーを定義
var HEADERS = {
  "Content-Type": "application/json",
  Authorization: "Bearer " + ACCESS_TOKEN
};

function pushTemplate(message) {
  var props = PROP.getProperties();
  for (var prop in props) {
    if (prop !== "ACCESS_TOKEN") {
      var postData = {
        to: props[prop],
        messages: message
      };

      var options = {
        method: "post",
        headers: HEADERS,
        payload: JSON.stringify(postData)
      };
      var response = UrlFetchApp.fetch(URL_PUSH, options);
    }
  }
}

なお、ユーザーIDやアクセストークンは、GASのスクリプトプロパティに保存しました。
スクリプトプロパティ.png
スクリプトプロパティの書き方はこちらが参考になります。

GoogleAppsScript スクリプトのプロパティの超簡単な使い方 - Qiita

以上でコーディングは完了です!
作成したアプリケーションをwebで公開することで、Line Botとして利用できるようになります。

アプリケーションを公開してトリガーを設定

作成したコードをwebアプリケーションとして公開することで、webアプリケーションのURLを取得することができます。
このURLをLINE DevelopersのBotの設定画面のWebhookURLに設定することで、Line BotとGASアプリケーションを紐づけることができます。
詳細な手順は下記を参考にしてください。

Google Apps Scriptでオウム返しLINE Botを作る。

以上で、アプリケーションは完成ですので、一度テストしてみましょう。

  1. GASコード上部の「関数を選択」と書いてある部分をクリック
  2. プルダウンが現れるので、main関数を指定
  3. プルダウンの左側の▶︎ボタンを押して、関数を実行。・
    処理が正常終了すれば。LINE Botからスクレイピングしたモー娘。のビュースが届くはずです。
スプレッドシート5.png

最後にアプリケーション実行のタイミングを指定しましょう。
GASコードのメニューバーの「編集」→「現在のプロジェクトのトリガー」」をクリックすると、プロジェクトのトリガーを管理する画面が開きます。
スプレッドシート6.png

トリガーとは作成したGASアプリケーションを実行するきっかけを意味するものです。
画面右下に「+トリガーを追加」というボタンがあるので、クリックしてください。
自分は以下のようにトリガーを設定しています。ご参考までにどうぞ。

  • 実行する関数を選択:「main」
  • 実行するデプロイを選択:「Head」
  • イベントのソースを選択:「時間主導型」
  • 時間ベースのトリガーのタイプを選択:「日付ベースのタイマー」
  • 時刻を選択:「午前7時〜8時」

上記のように設定していると、毎朝7時から8時の通勤時間に最新のモー娘。ニュースを通知してくれます。

作業は以上です。お疲れ様でした!

参考

本文でも触れていますが、下記のサイトを参考にさせていただきました。ありがとうございました!

3
11
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
11

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?