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 full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  5. 時間割Botとは

    View full-size slide

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

    View full-size slide

  7. 時間割登録

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  10. 時間割送信

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  13. 実は天気予報機能も

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  19. 時間割Bot

    View full-size slide