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