13
4

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 1 year has passed since last update.

新年早々、自分の行動をLINEでスプレッドシートに記録できるようにした

Posted at

はじめに

2023年がスタートしました!今年は、自分のスキルアップや健康管理のための行動を積極的にやっていこうと思っています。それをやっていくにあたり、振り返りをしたり、記録を継続していくためのモチベーションを維持するため、自分の行動を記録に残しておこうと思いました。

記録を残す媒体は、後々集計や管理が楽になると思ったのでGoogleのスプレッドシートを採用しました。また記録する方法は、だんだん面倒くさくなっていくことを考慮して、LINEを使って行うようにしました。今回は、この一連の方法を記事に残したいと思います。

新年早々、自分の行動をLINEでスプレッドシートに記録できるようにした

完成したもの

今回行ったことは、Messaging APIとGASを使って、LINEに送られたテキストをスプレッドシートに記録するという簡単なものです。

LINEでメッセージを送ると、登録が完了したとメッセージが返ってきます。
LINE_capture_694337383.229189.JPG

送られたメッセージは、以下のようにスプレッドシートに記録されます。
スクリーンショット 2023-01-02 16.30.29.png

手順

LINE関連の準備

まずは、LINE Developersのコンソールにログインして、記録用のチャネルを作成します。プロバイダを作成していない方はプロバイダを作成し、プロバイダからチャネルを作成します。作成する際に、Messaging APIを選択します。選択した後に、チャネル名などの入力が求められるので入力をします。

スクリーンショット 2023-01-02 16.36.49.png

スクリーンショット 2023-01-02 16.39.45.png

チャネルの作成が完了した後に、Messaging APIの設定をしていきます。作成したチャネルから、Messaging API設定をクリックします。ここでは、QRコードやWebhook URLの設定、アクセストークンの取得ができます。

ここでやっておくべきことは、以下です。

  • QRコードを使って友達登録をする
  • Webhook URLを設定する(デプロイ後)
  • LINE公式アカウント機能 > 応答メッセージを無効にする
  • アクセストークンを取得する

上記ができたら、LINEで行うことは一旦完了です。

コードを書く

次は実際にコードを書いていきます。

まずは、LINEで送られてきたテキストをスプレッドシートに記録する関数を用意しました。今回スプレッドシートには記録する内容は、日時、行動の内容、行動の補足にしました。補足は、内容の後に改行を入れて、その後に入力されたものを補足とすることにしました。入力もマストではないことにしています。

LINE_capture_694340407.443318.JPG

LINEでメッセージを送信した時に返ってくるオブジェクトの中身がどういったものかは、以下のドキュメントを参考にしました。

今回は、時間を記録するためにDay.jsというライブラリを使いました(正直使わなくても良いと思います)。オブジェクトにタイムスタンプがあったりしますが、そこまで厳密にやる必要もないなと思ったので、関数が実行されるタイミングの時間を記録しています。ライブラリの追加方法に関しての説明は割愛します。

const recordMessage = (message) => {
    // 記録するスプレッドシートを指定する
    const sheet = SpreadsheetApp.getActiveSheet();

    // 正規表現を使って、改行があれば先頭のものを行動の内容、後のものを補足とする
    const regex = /\n/;
    const result = message.split(regex);
    const content = result[0];
    const detail = result.length == 1 ? '' : result[1];

    // 時間を指定
    const time = dayjs.dayjs().format('YYYY-MM-DD HH:mm:ss');

    // 時間や行動の内容、補足を記録するセルを指定する
    const lastRow = sheet.getLastRow() + 1;
    const timeRange = sheet.getRange(lastRow, 1);
    const contentRange = sheet.getRange(lastRow, 2);
    const detailRange = sheet.getRange(lastRow, 3);
    
    // 時間や行動の内容、補足を記録する
    timeRange.setValue(time);
    contentRange.setValue(content);
    detailRange.setValue(detail);
}

次に、LINEからテキストを受け取り、テキストの記録と返信を行う関数を用意していきます。返信する際には、replyTokenやURLが必要になります。それ以外は、普通にメッセージを送信したりするのとあまり変わりません。

const doPost = (e) => {
    // アクセストークンはプロパティサービスを使い呼び出す
    const accessToken = PropertiesService.getScriptProperties().getProperty('ACCESS_TOKEN');
    
    // 返信に使用するURL
    const url = 'https://api.line.me/v2/bot/message/reply';

    // 受け取ったオブジェクトから、返信するためのトークンやメッセージを変数として格納する
    const data = JSON.parse(e.postData.contents).events[0];
    const replyToken = data.replyToken;
    const sentMessage = data.message.text;

    // 返信の内容などを設定する
    const payload = {
        'replyToken': replyToken,
        'messages': [{
            'type': 'text',
            'text': '登録が完了しました!'
        }]
    };

    const options = {
        'payload' : JSON.stringify(payload),
        'myamethod'  : 'POST',
        'headers' : {"Authorization" : "Bearer " + accessToken},
        'contentType' : 'application/json'
    };

    UrlFetchApp.fetch(url, options);
    recordMessage(sentMessage);
}

最後にコードをデプロイし、デプロイ後のURLをWebhook URLとして設定してあげて完了です!Webhook URLの設定は、LINE DevelopersのMessaging API設定から行うことができます。

さいごに

今回は、行動をLINEでスプレッドシートに記録する方法をまとめてみました。1年間の行動を振り返るのが楽しみです。

13
4
0

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
13
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?