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
86
LINE botづくりの基礎
CloudTech × LINE Developer Communityコラボ
KMiura
July 11, 2021
Tweet
Share
More Decks by KMiura
See All by KMiura
運用しているアプリケーションのDBのリプレイスをやってみた
miura55
1
1k
Amazon Rekognitionを使ったインターホンハック
miura55
0
52
Pythonでルンバをハックしてみた
miura55
0
120
あなたの知らないクラフトビールの世界
miura55
0
300
Storage Browser for Amazon S3を触ってみた + α
miura55
0
180
Cloudflare R2をトリガーにCloudflare Workersを動かしてみた
miura55
0
180
あのボタンでつながるSORACOM
miura55
0
110
Postman Flowsで作るAPI連携LINE Bot
miura55
0
350
Lambdaと共に歩んだAWS
miura55
3
760
Other Decks in Technology
See All in Technology
ローカル環境でAIを動かそう!
falken
PRO
1
170
MCP で繋ぐ Figma とデザインシステム〜LLM を使った UI 実装のリアル〜
kimuson
2
1.3k
CSS polyfill とその未来
ken7253
0
140
ITエンジニアを取り巻く環境とキャリアパス / A career path for Japanese IT engineers
takatama
4
1.5k
データプレーンプログラミングとは? DPU&スイッチASICの開発経験から語る
ebiken
PRO
1
260
FastMCPでSQLをチェックしてくれるMCPサーバーを自作してCursorから動かしてみた
nayuts
1
210
GitHub Coding Agent 概要
kkamegawa
1
1.7k
OSMnx Galleryの紹介
mopinfish
0
150
会社員しながら本を書いてきた知見の共有
sat
PRO
3
690
実践Kafka Streams 〜イベント駆動型アーキテクチャを添えて〜
joker1007
0
380
JNation 2025 - Quarkus for Spring Developers
edeandrea
PRO
0
110
RDRA3.0を知ろう
kanzaki
2
430
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
Embracing the Ebb and Flow
colly
85
4.7k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Stop Working from a Prison Cell
hatefulcrawdad
269
20k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.8k
How to Ace a Technical Interview
jacobian
276
23k
Gamification - CAS2011
davidbonilla
81
5.3k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
15
890
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
VelocityConf: Rendering Performance Case Studies
addyosmani
329
24k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.7k
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