More than 5 years have passed since last update.

３分で作る超簡単LINEチャットボット

Posted at 2019-05-15

はじめに

ITスキルがないけど、プログラム未経験だけど、LINEでチャットボットを作って見たい方が
一定数いると勝手に想像して、その方々に向けて本記事を書きました。
なので、必要以上に丁寧に手順を記載しておりますので、あしからず。

これを機にITの世界やプログラミングの世界に、ハマっていただけると嬉しいです。

概要

今回は、できるだけ簡単にチャットボットを作ります。
目標タイム３分です。

参考元

LINEのBot開発超入門（前編）ゼロから応答ができるまで
https://qiita.com/nkjm/items/38808bbc97d6927837cd

Google Spreadsheet を簡易 Webサーバーとして動かして、手軽にWebHookを受け取る方法
https://qiita.com/kunichiko/items/7f64c7c80b44b15371a3

Google Apps ScriptからHTTP POST
https://qiita.com/n0bisuke/items/a31a99232e50461eb00f

今回のボットができること

めんどくさかった夏休みの１行日記。。。
これがLINEで書くことができたら、あんなに最終日に徹夜することもなかったのに。。。

ということで、LINEにメッセージを送って、Googleスプレッドシートに書き溜めてくれるボットを作りましょう！

まずは最小構成で

目指したのは、ノンコーディングで費用０。
でも、無理でした。３０行弱のコードだけお許しください。

LINEとGoogle Apps ScriptとGoogle Spreadsheet　で。

準備するもの

LINE アカウント
Google　アカウント

つくります

※本作業はすべて「Chrome」で行ってください。

まずはLINE DeveloperでLINE側の設定

LINEのボット設定をします。
こちらがボットの口と耳になります。

LINE Developerコンソールにアクセスして右上の「ログイン」から自分のアカウントでログインしてください。

初回ログイン時は、ユーザ登録を求められるので必要事項を入力します。

「新規プロバイダー作成」をクリックして、プロバイダー作成画面に移ります。

「プロバイダー名」を入力し、「確認する」をクリックします。
これから作るボットの提供元名です。
自分の名前やチーム名などお好きにどうぞ。

「作成する」をクリックします。

「Messaging API」の「チャネルを作成する」をクリックします。

チャネルの以下の値を設定し、「確認」をクリック

アプリ名：任意のアプリ名（ここでは「夏休み１行日記お助けマン」）
アプリ説明：任意のアプリ説明
プラン：Developer Trial
メールアドレス：ご自身のメールアドレス

「同意する」をクリック

各規約に同意して、「作成」をクリック

作成したチャネルのアイコンをクリック

アクセストークン（ロングターム）の「再発行」をクリック
※ボットから返信しない場合は必要ないですが、今後の展開も考慮して

「再発行」をクリック

下記の設定をします。
メッセージ送受信設定
- Webhook送信: 利用する

LINE@機能の利用
- 自動応答メッセージ: 利用しない
- 友達追加時あいさつ: 利用しない

以上で一旦、LINE側の設定は完了です。
後ほど、この画面に戻ってくるのでそのまま残しておいてください。

Google SpreadSheetの準備

Google Driveにアクセスします。

任意の場所にスプレッドシートを作成します。
左上の「新規」から「Googleスプレッドシート」→「空白のスプレッドシート」をクリックし、新規スプレッドシート編集画面に移ります。

下記項目を入力します。

ファイル名：任意（ここでは「１行日記」）
A列の１行目：年月日
B列の１行目：天気
C列の１行目：今日あったこと

スプレッドシートIDをコピーします。
Chrome(ブラウザ)のURL欄の「https://docs.google.com/spreadsheets/d/」以降から「/edit#gid=0」の間の文字をコピーします。
これが【スプレッドシートID】となります。

Google Apps Script の設定

Google Apps Scriptでコーディングします。
こちらがボットの脳になります。脳と言いつつ、ものすごく単純です。。。

Google Driveにアクセスします。

左上の「新規」から「その他」→「Google Apps Script」をクリックし、コード作成画面に移ります。

表示されているコードをすべて下記コードに貼り替えます。

2行目の「'ここをスプレッドシートIDで貼り替え'」の部分を、先ほどコピーした【スプレッドシートID】で貼り替えます。

保存します。（「ファイル」→「保存」）

コード.js

//対象のスプレッドシートのID（対象のURLを開いてURLの「https://docs.google.com/spreadsheets/d/」以降から「/edit#gid=0」の間の文字列）
var SPREADSHEET_ID = 'ここをスプレッドシートIDで貼り替え';


function doPost(e) {

  // ユーザーのメッセージを取得
  var userMessage = JSON.parse(e.postData.contents).events[0].message.text;
  //LINEメッセージを「改行」で分割
  var messageParameter = userMessage.split(/\r\n|\n/);

  //対象のスプレッドシートを取得
  var targetSs = SpreadsheetApp.openById(SPREADSHEET_ID);
  //対象のシート取得
  var targetSht = targetSs.getSheetByName('シート1');
  //最終行取得
  var lastRow = targetSht.getLastRow();
  //現在年月日取得
  var date = Utilities.formatDate(new Date(), 'Asia/Tokyo', 'yyyy年MM月dd日');

  //各セルに書き込み
  //A列に年月日
  targetSht.getRange('A' + (lastRow + 1)).setValue(date);
  //B列に天気（メッセージの１行目）
  targetSht.getRange('B' + (lastRow + 1)).setValue(messageParameter[0]);
  //C列に今日あったこと（メッセージの２行目）
  targetSht.getRange('C' + (lastRow + 1)).setValue(messageParameter[1]);

  return ContentService.createTextOutput(JSON.stringify({'content': 'post ok'})).setMimeType(ContentService.MimeType.JSON);

}