20190921 GDG DevFest Kyoto 2019 Google Apps Script（GAS）メインで Google Assistant アプリを作った話

Google Apps Script メインで作成した Google Assistant アプリについての資料。イベント詳細は以下
https://gdgkyoto.connpass.com/event/145799/

Transcript

1. Google Apps Script（GAS）メインで Google Assistant アプリを作った話 GDG DevFest Kyoto 2019 2019/09/21 KyotoGAS / 株式会社クエステトラ 日下 毅
2. 自己紹介 日下 毅（Tsuyoshi Kusaka） 所属：株式会社クエステトラ コミュニティ：KyotoGAS、JP_Stripes Osaka など 経験：Google Apps Script は7年ほど それ以外に ActionScript、Java、VisualBasic 等 Facebook http://www.facebook.com/tsuyoshi.kusaka Twitter https://twitter.com/tsuyoshikusaka Blog http://d.hatena.ne.jp/tk_4dd/
3. 祇園祭の巡行のお手伝いしてます、かれこれ20年ぐらい
4. 所属先について 株式会社クエステトラ 京都（烏丸御池）、2008年創業 クラウド型 BPM ワークフロー 開発／運用／販売、担当は営業 https://www.questetra.com/ja/corp/
5. 会社から祇園祭の巡行がよく見えます
6. Questetra BPM Suite 注力しているテーマ 「API オーケストレーション」 －ブラウザベースのクラウド型 BPM ワークフロー －ノンプログラミングでシステム構築可能 －REST API で様々なサービスと連携（連携が楽しい） 無料で試せて Hue 動かしたり ifttt みたいにも
7. KyotoGAS について Google Apps Script（GAS）のコミュニティ 2013/07 （TokyoGAS の方きっかけで）勉強会を実施 2013/10 GDG Devfest Kyoto で Code Lab 実施 2014/11 GDG Devfest Kyoto で 発表 2015/10 GDG Devfest Kyoto で 発表 2016/11 GDG Devfest Kansai で 発表 2017/11 GDG Devfest Kyoto で発表 2018/09 GDG Devfest Kyoto で発表 https://sites.google.com/site/kyotogas/
8. Google Apps Script（GAS） https://developers.google.com/apps-script/ 知ってますか？ 使ってますか？
9. GAS とは？ Google Drive（Sheets／Docs／Forms）で利用 できるサーバサイドプログラムで、Javascript ベ ース Micrsoft Excel の VBA に近いものとも言える ブラウザベースで作れて、Web アプリを立てたり も手軽にできる
10. 過去に GAS で作ったもの https://chrome.google.com/webstore/detail/questetra-bpm-suite-add-o/hmhbgjoealkelgpnjagpcnjdlmkndggn Sheets のデータから フローを一括起動 その他に
11. 今回のターゲット Google Assistant アプリ（≒Google Home アプリ、VUI：Voice User Interface）に興味がある人 GAS についてある程度わかる人 いるかな？・・・
12. 作ったアプリ 「テニスランキング」 https://assistant.google.com/services/a/uid/0000004a9b46d014?hl=ja&fbclid=IwAR0tfoAz HTbyeo_3TZC2f4uEOCVxhjOJHg9Ro3kSHedaw3BRgR8LMvD3GI0
13. デモ
14. なぜこんなものを作ったのか テニスが好き、錦織選手や大坂選手の順位が気 になる、世界ランキング上位も気になる いちいちサイトをチェックせずに知りたい 天気予報のように気軽に聞けると私はうれしい 何か VUI アプリを作ってみたかった
15. 元になるデータの準備 スクレイピングはめんどくさい、好きではない OpenDataSoft という今回ほしいデータを JSON で返してくれるドンピシャのサービスを 発見！
17. 想定される一般的な構成 OpenDataSoft
18. 実現したかった構成 OpenDataSoft
19. GAS だけでは実現できず DialogFlow の Webhook で HTTP リクエス トを投げて GAS を呼び出すことはできる が、正しく応答を返すことができない（レスポ ンスコードが302になる）・・・ ※GAS に投げっぱなしでデータをためるだけ とかなら大丈夫
20. 自分のスキル面の課題など GAS はまあまあ得意 Firebase はまだまだ不慣れ なるべく Firebase 部分を少なくして GAS を うまく使って、手早く作りたい・・・
21. 別の側面での考慮 Firebase から外部に HTTP リクエストを送る となると有料プランが必要になる なるべくなら無料範囲で対応してしまいたい GAS から Firebase の RealtimeDatabase に API 経由で書くことでカバー
22. 実際の構成 定期的にデータ取得して DB に同期 Realtime Database リクエストがあれば DB から返す OpenDataSoft
23. Firebase 側 key ごとに回答文字列を格納しているだけ
24. Google Sheets 側 取得した JSON から回答文字列を組み立ててセルに入れる
25. アプリ公開にまつわるいろいろ 名前 →パッと思いついたもので審査が通った ロゴ →みなさんご存知いら〇とや プライバシーポリシー →「収集しません」で GAS で作った add-on では苦戦…
26. 問題がいくつか 人名の読み方がおかしい 「ジョコビッチ」→「ジョコービック」 Djokovic 「ズベレフ」 →「ズバレブ」 Zverev 「チチパス」 →「トサイトサイパス」 Tsitsipas 日本語であればおかしくならなさそうだが・・・ 指示の聞き直しが多い 指示のワードとしてはシンプルなはずだが・・・
27. VUI の視点で そもそもコマンドで指示する方式ってどうか？ と言われている とはいえ、自然な会話で成立させるとなると設 計がかなり難しい・・・今回は割り切った ディスプレイがあるとまただいぶ変わる・・・
28. DialogFlow のログをみてみると 世間の人々からどんな言葉を浴びせられている かわかる 「明日の天気は」 聞く相手が違うよ 「ニュース止めて」 確かに長いのは認めるが・・・ 「だんじり」 世間にはいろんな人が・・・ BtoC って切ない・・・（普段の仕事は BtoB） うちの子も Google Home には冷たかった・・・
29. まとめ 何はともあれ当初の目的は果たした！ （Google からTシャツも送られてきた） めでたしめでたし・・・
30. ある日のこと・・・ OpenDataSoft から取得していたランキング データが更新されていない・・・ タダで使わせてもらっているので文句は言えない・・・けどつらい 外部サービスに依存するとこういうことが・・・
31. ということで今後 テニスランキングアプリ改修 代替サービスはなさげ・・・スクレイピングは・・・ RPA ツール（邪道）で乗り切れないかと試行錯誤中 現状はたまに手動で対応（週1でもきつい） 次は祇園祭に関するアプリを作成 「2019年の蟷螂山は？」→「山一番」みたいなやつ 参加する立場としては巡行順はとても気になる
32. KyotoGAS 細々続けます https://sites.google.com/site/kyotogas/
33. ありがとうございました