Tweet
Tweet

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

時間割Botとは

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

時間割登録

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

時間割送信

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

実は天気予報機能も

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

時間割Bot