Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
LINE botづくりの基礎
Search
KMiura
July 11, 2021
Technology
1
91
LINE botづくりの基礎
CloudTech × LINE Developer Communityコラボ
KMiura
July 11, 2021
Tweet
Share
More Decks by KMiura
See All by KMiura
運用しているアプリケーションのDBのリプレイスをやってみた
miura55
1
1.1k
Amazon Rekognitionを使ったインターホンハック
miura55
0
77
Pythonでルンバをハックしてみた
miura55
0
150
あなたの知らないクラフトビールの世界
miura55
0
340
Storage Browser for Amazon S3を触ってみた + α
miura55
0
220
Cloudflare R2をトリガーにCloudflare Workersを動かしてみた
miura55
0
210
あのボタンでつながるSORACOM
miura55
0
130
Postman Flowsで作るAPI連携LINE Bot
miura55
0
380
Lambdaと共に歩んだAWS
miura55
3
840
Other Decks in Technology
See All in Technology
定期的な価値提供だけじゃない、スクラムが導くチームの共創化 / 20251004 Naoki Takahashi
shift_evolve
PRO
3
220
Green Tea Garbage Collector の今
zchee
PRO
2
380
Goのビルドシステムの変遷 / The history of Go's build system
ymotongpoo
12
3.8k
Sidekiq その前に:Webアプリケーションにおける非同期ジョブ設計原則
morihirok
17
7.1k
ACA でMAGI システムを社内で展開しようとした話
mappie_kochi
0
160
stupid jj tricks
indirect
0
7.8k
生成AIで「お客様の声」を ストーリーに変える 新潮流「Generative ETL」
ishikawa_satoru
1
270
Tomorrow graphlib, Let us use everybody
hayaosuzuki
0
160
Goを使ってTDDを体験しよう!
chiroruxx
1
250
インサイト情報からどこまで自動化できるか試してみた
takas0522
0
130
【新卒研修資料】LLM・生成AI研修 / Large Language Model・Generative AI
brainpadpr
23
16k
GA technologiesでのAI-Readyの取り組み@DataOps Night
yuto16
0
250
Featured
See All Featured
Gamification - CAS2011
davidbonilla
81
5.5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Fireside Chat
paigeccino
40
3.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
54
3k
How to Think Like a Performance Engineer
csswizardry
27
2k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
Building Applications with DynamoDB
mza
96
6.6k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Rails Girls Zürich Keynote
gr2m
95
14k
For a Future-Friendly Web
brad_frost
180
9.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Transcript
LINE botづくりの基礎 Koki Miura(@k_miura_io)
• 今回話すこと • LINE botの概要 • Messaging APIの使用例 • 話さないこと
• 具体的な実装、開発環境の話(今回のハンズオンで一例を学びましょう) はじめに
自己紹介 • 三浦 耕生(こうき) • 名古屋のゲーム会社 のサーバーエンジニア @k_miura_io koki.miura05
LINE botについて • LINE上でメッセージ のやり取りを行う bot • 自前でサーバーを 用意してAPIを使っ て開発
LINE bot = Chatbot LINE bot = LINE bot
LINE bot = LINE bot? • チャットボットでは実現できないことができる • ビーコン、Webアプリとの連携など •
コミュニケーションベースのアプリを作れる
LINE botでできること(Beacon) • LINE Beaconを使って施設の混み具合 を可視化するシステム • LIFFやリッチメニューも盛り込まれている https://prtimes.jp/main/html/rd/p/000000039.000023122.html?fbclid=IwAR0 A_aG5lA2JKNscJl3zadn_Tt1oMRQ8M8a5rsvV8gfC7lpnGwS4iJXJ7Ic
飲食店の公式LINE(焼き肉 のワタミ) • クーポンを配信したり、アンケートをメッ セージのやり取りでやっている • スタンプカードと通常のメニューでリッチ メニューを切り替えられている • 今までみたLINE
botの中で一番イケてる Bot
Messaging API • LINE botを動かすために使うAPI • 基本的に無料 • 各言語に対応したSDKが提供されている いいLINE
bot Messaging API を使いこなす
- Message(text, image, video, file, location, sticker) - Follow /
Unfollow - Join / Leave(botのグループ 参加、退出) - Member Joined / Member Left(ユーザーのグループ参加、 退出) - Post Back - Beacon - Video Play Complete(動画 視聴完了) - Unsend(送信取り消し) - Text - Sticker - Image - Video - Audio - Location - Image Map - Template - Flex Messaging APIのカテゴリ(受信・送信) Webhook Reply Send
Image Map • 画像の中に領域を指定してアクションを割り 振ることができる • サイトへのアクセス、メッセージ送信など • 割り振りはJSONで行う
Template Message • JSON形式のテンプレートで簡単にUI入りの メッセージを作成できる • 簡単にリッチなメッセージを入れたいときに 便利 • スマホ版のLINEアプリにしか対応していない
Flex Message • CSS Flexible Box Layoutを利用したメッセージ • Template Messageよりも自由度の高いUIを
作れる • PC版のLINEでも見れる • レイアウトには多少のHTMLの知識が必要
- Create / Delete - Set Image - Set Default
- Delete Default - Link Rich Menu to User - Unlink Rich Menu - Download Image - Get List - Get Rich Menu - Get Profile - Group Summary - Get Group Member Profile - Group Member Count Messaging APIのカテゴリ(UI・UX) Rich Menu User Group
リッチメニュー • トーク画面の下に表示させることのできるメニュー画面 • LINE公式アカウントマネジャーでもMessaging APIで も設定できる • Messaging APIなら細かい設定ができるがAPIで行う
ので、知識が必要
Messaging APIを使うと • 表示、非表示の操作はAPIで行う • チャットのやり取りの中でユーザごとにメニューを切り替える機能を実 装することもできる
まとめ • Messaging APIを使いこなすことでLINE botがただのチャットボットに ならない • 基礎的なUIの知識だけでオリジナリティのあるLINE botができる •
LIFFを入れるとbotだけでできないこともできて◎ LINE bot = LINE bot
END