[NotionAPI×LINEbot] APIをこねこねしてタスクお知らせくんを作った

Last updated at 2023-11-07Posted at 2022-12-10

はじめに

こんにちは！早速ですが、みなさんNotion使ってますか？？
シンプルなデザインとスッキリ情報をまとめられる階層型のページレイアウトと自由度の高さとデータベースの優秀さに感動しつつ私は毎日お世話になっております。大好きNotion、ありがとうNotion。

というわけで、タスク管理にもNotionを導入してみましょう。具体的には、カレンダービューのデータベースを用意して締切日にタスク（アイテム）を追加し、完了したものにはチェックボックスにチェックを入れるといった感じです。サンプル↓

まぁ大抵真面目な人ならこれくらい管理ができれば問題なくタスクをこなせそうですがギリギリまでやらない人間なので、今回Notion APIとLINE Messaging APIの力を借りてさらにお尻を叩いてもらうことにしました。

今回作ったもの

タスクお知らせくん

まずはそれぞれの準備から

Notionでデータベースを準備

Notion側でデータベースを用意します。
今回使用するデータベースのプロパティは、以下の3つです。

種類	プロパティ名	その他
Aa タイトル	Name	自動的に作られるプロパティページタイトルのこと
日付	締切	日付の形式年/月/日, 時刻の形式 24時間
チェックボックス	完了

テーブルビューにして確認するとこんな感じ。マルチセレクトのプロパティは今回のタスクお知らせくんに直接関わらないのであってもなくてもいいです。これでNotionのデータベースの準備は完了！

Notion APIの準備

上記リンクにアクセスして新しいインテグレーションを作成します。
わかりやすい名前を指定して、間のチェックボックスは特に触らずページの最後の送信ボタンをクリック。するとトークンが発行されます。これでNotio APIの準備は完了！

Notion APIとNotionのデータベースをコネクトする

Notionの方に戻ります。ページ右上の ••• から、下の写真の通りに操作していきます。コネクトの中に先ほど作ったインテグレーションが出てくると思うのでコネクトに追加してあげましょう。
この時もし出てこなかったら、NotionのワークスペースとNotion APIを作成したワークスペースが同じかどうか確認してください。

また、"リンクをコピー"からデータベースIDをメモしておきます。データベースIDは、以下の○○○の部分のことを指します。

https://www.notion.so/○○○?v= ...

LINE Messaging APIの準備

上記リンクにアクセスして"Start now"をクリック。必要事項を記入して"Create"しましょう。"Messaging API"のところをクリックしてスクロールするとチャンネルアクセストークンが発行されているのを確認できます。LINEでQRコードを読み取って、LINEbotとお友達になりましょう。また、"Basic settings"の中の"Your User ID"もコピーしておきます。これで準備完了！

GAS

自分のGoogleドライブにアクセスします。"新規"から"その他"を選択し、その中にある"Google Apps Script"を開きます。

GASでやっていること①

Notionのデータベースから締切が今日かつ完了にチェックがついていないページを取り出す
取り出したデータの中からタイトルだけを取り出して配列に入れておく
メッセージを送信する関数に配列を入れる
メッセージを送信する

const NOTION_DATABASE_ID = 'データベースIDを記入';
const NOTION_URL = 'https://api.notion.com/v1/databases/' + NOTION_DATABASE_ID + '/query';
const NOTION_API_KEY = 'Notion APIで発行したトークンを記入';

const LINE_URL = 'https://api.line.me/v2/bot/message/push';
const LINE_ACCESS_TOKEN = 'LINE Messaging APIで発行したトークンを記入';
const LINE_USER_ID = 'LINEのユーザーIDを記入';

const FUNCTION_NAME = 'createMessage';

// Notionのデータベースにアクセス
function getNotionData() {
 const today = new Date();
 const formattedToday = Utilities.formatDate(today, 'JST', 'yyyy-MM-dd');
 const query = {
    filter: {       //filterを使って該当するページを調べます
      and: [
      {
        property: '締切',     //'締切'はプロパティ名
        date: {
          equals: formattedToday,
        },
      },
      {
        property: '完了',     //'完了'はプロパティ名
        checkbox: {
          does_not_equal: true,
        }
      }]
    },
  };

  let headers = {
    'content-type': 'application/json; charset=UTF-8',
    'Authorization': 'Bearer ' + NOTION_API_KEY,
    'Notion-Version': '2022-06-28',
  };
 
  let options = {
    'method': 'post',
    'headers': headers,
    'payload': JSON.stringify(query),
    "muteHttpExceptions": true
  };
  
  let notion_data = UrlFetchApp.fetch(NOTION_URL, options);
  notion_data = JSON.parse(notion_data);
    
  // タイトルだけを取り出す 'Name'はプロパティ名
  let word = [];
  for(let i = 0; i < notion_data.results.length; i++) {
    word[i] = '\n・' + notion_data.results[i].properties.Name.title[0].plain_text;
  }

  // Logger.log(notion_data);
  Logger.log(word);
  return(String(word))
}

//送信するメッセージ定義する関数
function createMessage() {
  //メッセージを定義する
  const test = getNotionData();
  return push(test);
}

//実際にメッセージを送信する関数
function push(text) {
  var headers = {
    "Content-Type" : "application/json; charset=UTF-8",
    'Authorization': 'Bearer ' + LINE_ACCESS_TOKEN,
  };

  //toのところにメッセージを送信したいユーザーのIDを指定する
  var postData = {
    "to" : LINE_USER_ID,
    "messages" : [
      {
        'type':'text',
        'text':'🌟  今日のタスク  🌟' + '\n' + text,
      }
    ]
  };

  var options = {
    "method" : "post",
    "headers" : headers,
    "payload" : JSON.stringify(postData)
  };

  return UrlFetchApp.fetch(LINE_URL, options);
}

GASの便利な機能を使って、右上のデプロイボタンからデプロイします。デプロイから"新しいデプロイ"を選択しましょう。以下の写真のように種類の選択を"ウェブアプリ"、アクセスできるユーザーを"全員"にします。

デプロイを押してウェブアプリのURLをコピーします。
LINE Messaging APIのページに戻って、'Webhook URL'のところに今コピーしてきたURLを貼り付けます。

GASに戻って"createMessage"の関数を選択して実行してみると以下のようにLINEbotからメッセージが届きました！やった〜〜
ちゃんとその日の完了になっていないタスク名だけが表示されていますね

GASでやっていること②

決まった時間に送るためにトリガーをセットする
使用済みのトリガーを削除する
（トリガーは20個以上用意することができないので使ったものは削除する必要があります）
新しいトリガーを用意する

// 前述のコードの続きに書きます

function informTasks() {
  deleteTriggers(FUNCTION_NAME);
  const date = new Date();
  const time = '13:10';       // ここは自分で好きな時間に書き換えてください
  date.setHours(...time.split(':'));
  setTrigger(FUNCTION_NAME, date);
}

// 使用済みのトリガーを削除する関数
function deleteTriggers(functionName) {
  const triggers = ScriptApp.getProjectTriggers();
  triggers.forEach(trigger => {
    if (trigger.getHandlerFunction() !== functionName) return;
    ScriptApp.deleteTrigger(trigger);
  });
}

// 新たにトリガーをセットする関数
function setTrigger(functionName, date) {
  ScriptApp.newTrigger(functionName).
    timeBased().
    at(date).
    create();
}

続いて、GASでトリガーをセットしていきます。実験的に1分ごとに関数が呼び出される設定にしてみます。
GASの左側の時計マークをクリックしてトリガーを追加から以下の写真のように選択します。完了ボタンを押すとセット完了です。1分ごとに通知がくると思います。

設定の変更はトリガーの右にあるペンのアイコンをクリックして好きな時間に設定してください。タスクお知らせくん完成！！✨

おわりに

最後まで読んでいただきありがとうございました！NotionとLINEbotでもっとハッピーなタスク処理ライフが送れそうです😌
watnowのアドベントカレンダーまだまだ続くのでお楽しみに〜〜

参考にしたサイト

余談

お好みのプロパティでフィルターをかけたい人はレファレンスの以下のページを参考にすると良いと思います！

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up