This is a very basic tutorial to create chatbot to manage reservation with Google Apps Script as backend. Spread sheet is used like a table of database.

1. https://bit.ly/2NghVzg
GoogleAppsScriptとLinebotで
予約管理botを作った
at Shibuya on 2018/10/24
https://supporterzcolab.com/event/570
WATANABE Naoki
1

2. https://bit.ly/2NghVzg 2

3. https://bit.ly/2NghVzg 3

4. https://bit.ly/2NghVzg
Contents
● Google Apps ScriptでSpread sheetを扱う
● Line Messaging APIを使っておうむ返しbotを作る
● spreadsheetとLine botで予約管理をする
4

5. https://bit.ly/2NghVzg
資料
今回のソースコードの載ったgist (本スライド右下の短縮URLと同じ)
https://gist.github.com/asterisk37n/7067eeb44e7864e9ebb78220992b8b8e
今回は使っていないが、botからのCRUD操作をまとめたgist
https://gist.github.com/asterisk37n/7ba08590a7ab461a6e5d0552f8801af5
5

6. https://bit.ly/2NghVzg 6
1 message
2 Post
5 Post
6 Message3 データ操作
4 データ操作
の結果

7. https://bit.ly/2NghVzg
Google Apps Script
7

8. https://bit.ly/2NghVzg
Google Apps Scriptとは
● Googleが提供する11のサービス (Slide, Spreadsheet, Calendar, Map, …) を
操作することができる
● オンラインで編集できる
● javascriptにしたがう (ただし、windowやES6には対応していない)
8

9. https://bit.ly/2NghVzg
Good and Bad of GAS
● プロトタイプ作成が容易
● 無料
● nginxやapacheを触らず済む
9
● Git管理に対応していない (有志
が作ったツールはある)
● spreadsheetにはatomicityがない
● ファイルをフォルダに分けられ
ない
● spreadsheetに対するSQLを自作
する必要がある

10. https://bit.ly/2NghVzg
GASを使ってみる
- Getリクエストに対してjsonを返す -
10

11. https://bit.ly/2NghVzg 11

12. https://bit.ly/2NghVzg
doGetおよびdoPostは予約語。
12

13. https://bit.ly/2NghVzg 13

14. https://bit.ly/2NghVzg 14

15. https://bit.ly/2NghVzg 15

16. https://bit.ly/2NghVzg 16

17. https://bit.ly/2NghVzg 17
ソースコードの編集後はverを新しくする必要がある

18. https://bit.ly/2NghVzg
spreadsheetをデータベースに見立て
CRUDオペレーションを実装する
18

19. https://bit.ly/2NghVzg
createを実装する
19

20. https://bit.ly/2NghVzg 20
1 message
2 Post
5 Post
6 Message3 データ操作
4 データ操作
の結果

21. https://bit.ly/2NghVzg 21

22. https://bit.ly/2NghVzg 22

23. https://bit.ly/2NghVzg 23

24. https://bit.ly/2NghVzg 24

25. https://bit.ly/2NghVzg 25

26. https://bit.ly/2NghVzg
createをtestする
26

27. https://bit.ly/2NghVzg 27

28. https://bit.ly/2NghVzg 28

29. https://bit.ly/2NghVzg 29

30. https://bit.ly/2NghVzg 30

31. https://bit.ly/2NghVzg 31

32. https://bit.ly/2NghVzg
他のオペレーションはgistにあります
Read, Deleteについてはgistに掲載。Updateは省略した。
32

33. https://bit.ly/2NghVzg
LINE messaging API
33

34. https://bit.ly/2NghVzg 34

35. https://bit.ly/2NghVzg 35

36. https://bit.ly/2NghVzg 36
1 message
2 Post
5 Post
6 Message3 データ操作
4 データ操作
の結果

37. https://bit.ly/2NghVzg
おうむ返しbotを作る
37

38. https://bit.ly/2NghVzg
LINE DEVELOPER CONSOLEでbotを登録
https://developers.line.me/ja/
38

39. https://bit.ly/2NghVzg 39

40. https://bit.ly/2NghVzg 40
ここにGASの公開URLを載せる
var CHANNEL_ACCESS_TOKEN = 'ここで発行されたアクセストークン;

41. https://bit.ly/2NghVzg 41

42. https://bit.ly/2NghVzg
LINEで「予約作成」と入力すると
一週間後の日時がspreadsheetに
追加されるようにする
42

43. https://bit.ly/2NghVzg 43
1 message
2 Post
5 Post
6 Message3 データ操作
4 データ操作
の結果

44. https://bit.ly/2NghVzg 44

45. https://bit.ly/2NghVzg
参考
Google Apps Script Doc
https://developers.google.com/apps-script/reference/document/
Line Messaging API Doc
https://developers.line.me/en/reference/messaging-api/
CRUD Operation in Google Apps Script and Line Bot
https://gist.github.com/asterisk37n/7ba08590a7ab461a6e5d0552f8801af5
45