Upgrade to Pro — share decks privately, control downloads, hide ads and more …

VOT MEETUP! vol.8 LT1 資料

VOT MEETUP! vol.8 LT1 資料

4e4410453964b11bc6077c72334bf8ec?s=128

Yuto Takamune

February 26, 2019
Tweet

Transcript

  1. LINEBot開発について 高輪高校1年 高棟雄斗

  2. 自己紹介 ▪ 高輪高校1年 高棟雄斗 ▪ 時間割botというLINEbotを運用している(友達追加数900人超) ▪ Clovaスキル×3,Alexaスキル×5を公開している ▪ LINEを使って文化祭大賞の投票が出来るシステム(Bot)を作成し,

    2000人ほどが使用した
  3. アジェンダ 1. LINEBotのいいところ 2. 僕が作ったBotをもとにLINEBotについてご紹介 3. LINEBotを作ってみたい人向けの資料紹介

  4. LINEBotのいいところ ▪UIを(ほぼ)丸投げできる ▪Hello World が超簡単(オウム返しBotなら初めて の人でも1時間で作れる) ▪ネイティブアプリより手軽に使える

  5. 時間割Botとは

  6. 超簡単に説明すると… ▪時間割登録フォームで時間割を登録する ▪「今日の時間割」ボタンを押すと今日の時間割を返信 する これが基本的な機能です

  7. 時間割登録

  8. None
  9. 時間割登録 ▪LIFF(LINE Front-end Framework) ▪LINE上でWebアプリを実装できるやつ ▪QUICK GAME(LINEアプリ上でプレイできるゲーム)も これを利用している ▪userIdとかユーザープロフィールを取得できる ▪時間割BotのLIFFはHerokuを使用している(そのう

    ちS3に移行したい)
  10. システム構成(時間割登録) LIFFで時間割を入力 LambdaにAjaxでデータを投げる API Gateway DynamoDBに時間割を記録する データをDynamoDBに投げる

  11. 時間割送信

  12. None
  13. 時間割送信 ▪クイックリプライ ▪押すと消えるボタン的な ▪uriアクションは指定できない

  14. システム構成(時間割送信) 今日の時間割 API Gateway Lambda DynamoDB

  15. 実は天気予報機能も

  16. None
  17. 天気予報 ▪Flex Message ▪レイアウトを自由にカスタマイズできるメッセージ ▪テンプレートメッセージはPCで使用することができないが, Flex MessageはPCで使用することができる ▪テンプレートメッセージと全く同じものを作ることも可能 ▪Open Weather

    Map API ▪5日後までの3時間ごとの天気を取得できる ▪1分間に60回叩ける ※無料プラン
  18. システム構成(天気予報) 天気予報 ユーザーの 郵便番号を 取得 郵便番号をパラメー タにしてAPIを叩く API Gateway

  19. その他の機能 ▪毎日定時に時間割を送ってくれる ▪毎朝6:00に電車運行状況を送ってくれる ▪共有IDを発行することにより、自分が登録した時間割 を友達やグループと共有できる ▪Clovaスキルもある ▪LINEのuserIdはプロバイダ×ユーザーごとに一意なため, Botと同じプロバイダでClovaスキルを作れば簡単に連携す ることが出来る

  20. LINEBotでできること ▪画像,動画,音声,位置情報,スタンプ,テンプ レートメッセージなどを送信することができる ▪PUSHAPIを使うことによってプッシュメッセージを送るこ とが可能(春のプラン改定により,フリープランでも使 用可能に) ▪この他にも使える機能はたくさん!

  21. 資料紹介 ▪2/11に開催した初心者向けのLINEBot制作講座で 使用した資料 ▪本日紹介した時間割Botに関する詳しい技術解説 ▪Qiitaで「@shinbunbun_」と検索すると資料が出て きます テンプレートメッセージの使い方なども書いているので, 興味がある方は是非!

  22. 時間割Bot