Google Apps ScriptsでFacebook BOTを作る

1. Google Apps Scriptで
Facebook BOTを作る！
2016/5/18
Shoko Kondo
Twitter: @shoko3168
Facebook: shoko3168

2. 自己紹介（近藤 祥子）
 XTREME DESIGN (技術秘書)
 Hackers Bar (ハッカー)
 ダイヤモンドメディア株式会社(エンジニア)
 過去:証券、ソシャゲ
ハカバくん：
ハッカーズバー
公式マスコット

3. 本日の流れ
 Botおさらい
 GASで学ぶサーバサイドプログラム
 Facebook用Botをつくろう
 まとめ

4. 各Bot特性のおさらい
FacebookBot
• 「Facebookページ」
に
キャラクターを紐付け
• Button選択、Receipt出
力が出来る
Slack Bot
• 「/mobileoasis」と
いったオリジナルコマ
ンドも作成可能
• BOTのキャラクターを
発信ごとに設定可能
Chatwork API
• 一方的に発信
• リマインダー、周
知のような使い方
LINE Bot
• 音声、動画、
位置情報といった
メディア発信に強
い
• スタンプでの会話
• メッセージ発信す
る際、事前登録し
たIPから送る必要
がある

5. 今回作るBot
ハカバくん

6. Google Apps Script(以下、GAS)とは
・GoogleのサービスをJavascriptで操作
・Googleアカウントだけがあれば誰でも使える

7. 早速作り始めます
(電源スポットを取得するGAS)

8.  モバイラーズオアシス
 http://oasis.mogya.com/blo
g/API
 位置情報から
電源を使えるカフェ情報
をJSON形式で返してくれ
る
 実行例
 http://oasis.mogya.com/api
/v0/search?n=35.668961&
s=35.660961&e=139.7320
65&w=139.725065
モバイラーズオアシスAPIを使いま
す
北(N)
西(W)
東(E)
南(S)

9. 構成
GAS
(BOTサーバ)
APIFBページユーザー モバイラーズオアシス
位置情報が
来たら
HTTP 200
URLをキッ
ク

10. BOTサーバを作る
Googleドライブを開き、
「Google Apps Script」 新規作成
キックするためのtestメソッドを書く
(CやJavaで言うmainメソッドのような)
getMobileOasisListメソッドを書き、
Logger.log()メソッドで実行ログを確認
メッセージ受信用のWebアプリを作る
(Helloと表示されるだけ)
GASの公開範囲に注意
シークレットモードで
テストすること

11. コーディング例(javascript)

12. コーディング例(javascript) – 続き
充電スポット取
得
詰めかえて返却

13. GASで空のWebアプリを作りま
す

14. GASでWeb公開する際の注意点
->GAS->公開->ウェブアプリケーションとして導入

15. Webアプリケーションとして公開
(4)

16. FacebookBOT利用準備

17. クイックスタート
ドキュメント
https://developers.facebook.com/docs/messenger-platform/
クイックスタート
https://developers.facebook.com/docs/messenger-platform/quickstart

18. アプリとページを作ります
Facebook for Developers登録済の
Facebookアカウントが必要
ハカバくんBOT
(電源スポット検索アプリ)
ハカバくん(ページ)

19. Facebook BOT利用の流れ
Facebookページにメッセージが届いたら、
先ほど作成したWebアプリを呼んでもらうように
Facebookアプリの設定をする
テキスト、位置情報などの
ハンドリングをするプログラムを書く
テキストメッセージが来たら「位置情報を送って
ね」と
返すプログラムを書く
位置情報が来たら、充電スポットを返すプログラ
ムを書く
ログは随時
Spreadsheetへ出力

20. Facebookアプリの設定
->Facebook Developer Site->ハカバくんアプリページ->プロダクト設定

21. Callback設定補足
FBページFB API
合言葉
「8063」
8063
NodeJSの場合
GASの場合

22. FacebookBOTを作ろう

23. Facebookメッセージ受信(1)
ログは随時
Spreadsheetへ出力

25. Facebook APIが
要求する形に合わせた
リクエスト

26. 位置情報が入ってる場所
全貌は公式ドキュメント
に
ListをButtonに整形

28. ハカバくん
完成！

29. 注意点など

30. 注意点1
GAS
(BOTサーバ)
APIFBページユーザー モバイラーズオアシス
HTTP 200

31. 注意点2
GAS
(BOTサーバ)
APIFBページユーザー モバイラーズオアシス
HTTP 200
BOTサーバQueue

32. 注意点3
GAS
(BOTサーバ)
APIFBページユーザー モバイラーズオアシス
HTTP 200
BOTサーバQueue

33. キューが必要な理由
Queue BOTサーバ

34. キューが必要な理由
Queue BOTサーバ

35. ログ出力イメージ

36. オマケ1
二次会会場探し支援BOT（充電スポットと併用）

37. オマケ2
ゲームが出来るLINE BOTを昨日作りました。「とろろ人狼Bot」で検索
http://toroneko.hatenablog.jp/entry/2016/05/17/175144
村
村
狼 占
霊
村
BOT
それぞれの
LINEに
配役通知
村
村
狼
占
霊
_
GM
配役を
全て知っている
ゲーム参加不可
6人で遊ぶ場合
6人で遊べる！