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

VOT MEETUP! vol.8 LT1 資料

VOT MEETUP! vol.8 LT1 資料

Yuto Takamune

February 26, 2019
Tweet

More Decks by Yuto Takamune

Other Decks in Programming

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