VOT MEETUP! vol.8 LT1 資料

Transcript

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

5. 時間割Botとは
   

   View Slide

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

   View Slide

7. 時間割登録
   

   View Slide

8. View Slide

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

   View Slide

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

    View Slide

11. 時間割送信
    

    View Slide

12. View Slide

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

    View Slide

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

    View Slide

15. 実は天気予報機能も
    

    View Slide

16. View Slide

17. 天気予報
    ▪Flex Message
    ▪レイアウトを自由にカスタマイズできるメッセージ
    ▪テンプレートメッセージはPCで使用することができないが，
    Flex MessageはPCで使用することができる
    ▪テンプレートメッセージと全く同じものを作ることも可能
    ▪Open Weather Map API
    ▪5日後までの3時間ごとの天気を取得できる
    ▪1分間に60回叩ける
    ※無料プラン
    

    View Slide

18. システム構成(天気予報)
    天気予報
    ユーザーの
    郵便番号を
    取得
    郵便番号をパラメー
    タにしてAPIを叩く
    API Gateway
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

22. 時間割Bot
    

    View Slide