Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
16
Help us understand the problem. What are the problem?

More than 3 years have passed since last update.

posted at

LINEでリマインダー的なものを作った話

概要

GoogleカレンダーのスケジュールをLINEのグループで通知してくれる機能の作成を行いました。

背景

私の家では、LINEを使って「明日飲み会で帰るの遅くなる」のような共有事項を共有しています。
しかし、側近の予定であれば良いのですが、1ヶ月後とかの予定だと当日になって忘れてしまうことがあり、無駄にご飯を作ってしまうなどのミスがありました。
そこで、slackでいうところの /remind me 的なものをLINEで出来たら便利だなーと思い作ってみました。

共有事項のリマインド

LINEでリマインド的なものを実装するに当たってLINEのAPIを使いました。
LINEのAPIでアプリを実装するには大きく分けて2つのAPIがあります。

LINE Messaging API

LINE Messageing API はBOTを作るためのAPIになります。
こちらも開発者向けであれば友達追加50人まで無料で使えます。
本来ならこっちを使うのが理想的ですが、私が調査をした段階で無料という情報を得ることができなかったため今回はLINE Notifyで実装して、
改良版として今後こちらを使ったものを作成したいと思います。

LINE Notify

LINE NotifyはWEBサービスからの通知を行なうAPIです。
通常はIFTTTとかGitHubとかと合わせて使うものになります。
しかし、keyを発行すればapiを簡単に叩くことができます。
メッセージの出力のみになりますが、個人向けに使う分には無料でシンプルなので入力方法は別途で用意してこちらを使うことにしました。

共有事項の入力

予定の入力にはGoogleカレンダーを用いました。
「ぇ、じゃぁGoogleカレンダーを見れば良いじゃん?」それは気にしたらダメです。

Google Apps Script

Google Apps Script とは、JavaScriptをベースにしている、Googleオリジナルの言語になります。
基本的にjavaScriptの機能は使えて、Google独自の機能を簡単に使えるようにしたものです。
Googleカレンダーをプログラムから触るにはGoogleカレンダーAPIを叩く必要があります。
通常であればどこかにサーバーを立ててcronで動くスクリプトを作成してAPIを呼び出す必要があるのですが、
Google Apps ScriptはGoogleアカウントがあれば簡単にバッチ処理を実現することが可能です。
しかも、GoogleのAPIであれば基本的にouth認証などのめんどくさい設定をしなくても使うことが出来てしまう優れものです。
長いので以降gasと記載します。

完成イメージ

以下のようなイメージで実装をしました。
イメージ図.png

実装

環境設定

初めに以下の環境設定を行っていきます。

  • LINE Notifyの設定
  • gasの設定

LINE Notify

LINE Notiryのページでログインしてアクセストークンを発行します。
image.png
トークンを発行するときは通知を行いたいグループで作成してください。

Google Apps Script

Google Drive のマイページで右クリックしてgasを作成します。
※ない場合は新規で追加してください。




以上で環境設定は終了です。
あとは作成したgasにプログラムを記載していくだけです。

LINE Notifyの送信処理

LINEでメッセージを送信するにはHTTPにkeyとmessageを貼ってあげるだけで簡単にできます。
実際の送信処理は、gasのライブラリのUrlFetChApp.fetchを使って以下のように書いてあげればメッセージを送信することが出来ます。

LINEにメッセージを送信
 var token = LINETOKEN;
 var options =
 {
 "method"  : "post",
 "payload" : "message=" + sendText,
 "headers" : {"Authorization" : "Bearer "+ token}
  };
 UrlFetchApp.fetch("https://notify-api.line.me/api/notify", options);

これで、LINEにGoogle Apps Scriptからメッセージを送信することが可能になりました。

予定を取得してきて定時に起動する処理

あとは、送信するメッセージ(翌日の予定)をカレンダーから取得してくれば完了です。
実装する処理としては以下の3つになります。

  • 23時に起動するようにセットする処理
  • カレンダーから予定を取得する処理
  • 出力メッセージを整形する処理

23時に起動するようにセットする処理

gasにはトリガーをセットする機能がありますが、
これがピッタシに起動してくれないので23時ちょうどに起動したい場合は自前で設定が必要です。
なので23時に起動するように設定する関数を1時間前に呼び出すような処理を追加します。
image.png

トリガー設定
// その日の23時00分にトリガーを設定
function setTrigger() {
  var triggerDay = new Date();
  triggerDay.setHours(23);
  triggerDay.setMinutes(00);
  ScriptApp.newTrigger("main").timeBased().at(triggerDay).create();
}

// その日のトリガーを削除する関数
function deleteTrigger() {
  var triggers = ScriptApp.getProjectTriggers();
  for(var i=0; i < triggers.length; i++) {
    if (triggers[i].getHandlerFunction() == "main") {
      ScriptApp.deleteTrigger(triggers[i]);
    }
  }
}

カレンダーから予定を取得する処理

カレンダーから予定を取得するにはCalendarApp.getCalendarById(CALENDARID)にカレンダーIDをセットすることでカレンダーの情報を取得することが出来ます。
カレンダーIDはGoogleカレンダーのカレンダー設定で確認することが出来ます。
image.png

image.png

カレンダーIDをセットしたオブジェクトにdata型で日付をセットすれば予定を取得することができます。

var schedules = calendars.getEventsForDay(date.toDate());
このschedulesにリストで予定が入るのであとはfor文とかで最初から最後まで出力してあげれば良いです!
予定の詳細情報はドキュメントにあるメソッドでいい感じに取得できます。

出力メッセージを整形する処理

出力メッセージの連結は基本的に文字列連結で行っていますが、Data型のフォーマットだけ外部ライブラリを用いました。
javascriptってJavaとかみたいにData型フォーマットする機能がdefaultでないんですね…
gasで外部ライブラリを追加するには以下のリソースにあるライブラリで追加したいライブラリのIDを追加すれば追加が出来ます。
image.png

出力メッセージを作成する処理は以下のようになりました。

メッセージ出力
//Momentライブラリ曜日を日本語にセット
Moment.moment.lang('ja', {
    weekdays: ["日曜日","月曜日","火曜日","水曜日","木曜日","金曜日","土曜日"],
    weekdaysShort: ["","","","","","",""],
});

    //カレンダーの情報を取得する
    var calendars = CalendarApp.getCalendarById(CALENDARID);

    // Date型のオブジェクトの生成
   var date = new Moment.moment();
  // dateを翌日にセットする
   date.add(1, "days");
  //date.setDate(date.getDate() + 1);

    //翌日の予定を取得する
    var schedules = calendars.getEventsForDay(date.toDate());

    /*
    * 予定を出力する
    */ 
    var sendText = new String();
    sendText += "\n####### " + date.format("M月D日(ddd)") + " の予定 #######";
    //もし予定がない場合は
    if(schedules.length == 0) {
        sendText += "\n何も予定がありません";
    } else if(schedules.length > 0 ) {
      // 予定を繰り返し出力する
      for(var i = 0; i < schedules.length; i++) {
        sendText += "\n";
        var startTime = Moment.moment(schedules[i].getStartTime());
        var endTime = Moment.moment(schedules[i].getEndTime())
        sendText += startTime.format("HH:mm") + "" + endTime.format("HH:mm")
        sendText += " : "
        sendText += schedules[i].getTitle();
      }
    } 

最終的にはこんな感じで出力されます。
lineスクショ.png

まとめ

Googleカレンダーの予定をLINEに通知する機能を実装しました。
作ってみてですが、

  • gasは簡単にスクリプトを作成することができるので業務で発生するような簡単なバッチなんかを作成するのにはありなのかなと感じました。
  • LINE NotiryはLINEに通知することが出来ますが、LINEは日常なコミュニケーションツールになるのでLINEで実装しても自己満足で終わってしまうかなという印象を受けました。
    ※実際妹から「この通知うざいんだけど」というクレームが入りましたw

今後は入力の方もLINE上からできるようにしていければと思います。

さいごになりますが、長くなってしまいましたが、ご覧いただきましてありがとうございます。
ツッコミどころなどありましたら、ご指摘いただけたら幸いです。

参考文献

[超簡単]LINE notify を使ってみる
Calendar Service  |  Apps Script  |  Google Developers
Google Apps Scriptの日毎のトリガーで時間をもっと細かく設定する
日付&時刻の便利ライブラリ「Moment.js」をGoogle Apps Scriptで使う方法

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
16
Help us understand the problem. What are the problem?