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
68
Pythonでルンバをハックしてみた
miura55
0
140
あなたの知らないクラフトビールの世界
miura55
0
330
Storage Browser for Amazon S3を触ってみた + α
miura55
0
200
Cloudflare R2をトリガーにCloudflare Workersを動かしてみた
miura55
0
210
あのボタンでつながるSORACOM
miura55
0
130
Postman Flowsで作るAPI連携LINE Bot
miura55
0
370
Lambdaと共に歩んだAWS
miura55
3
820
Other Decks in Technology
See All in Technology
Agent Development Kitで始める生成 AI エージェント実践開発
danishi
0
160
ロールが細分化された組織でSREと協働するインフラエンジニアは何をするか? / SRE Lounge #18
kossykinto
0
240
AWS DDoS攻撃防御の最前線
ryutakondo
1
180
意志の力が9割。アニメから学ぶAI時代のこれから。
endohizumi
1
110
コミュニティと計画的偶発性理論 - 出会いが人生を変える / Life-Changing Encounters
soudai
PRO
7
480
生成AI活用のROI、どう測る? DMM.com 開発責任者から学ぶ「AI効果検証のノウハウ」 / ROI of AI
i35_267
4
130
Exadata Database Service on Dedicated Infrastructure セキュリティ、ネットワーク、および管理について
oracle4engineer
PRO
1
330
ウォンテッドリーのアラート設計と Datadog 移行での知見
donkomura
0
150
React Server ComponentsでAPI不要の開発体験
polidog
PRO
0
340
あとはAIに任せて人間は自由に生きる
kentaro
3
350
Autonomous Database Serverless 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
18
52k
Amazon Inspector コードセキュリティで手軽に実現するシフトレフト
maimyyym
0
140
Featured
See All Featured
Adopting Sorbet at Scale
ufuk
77
9.5k
4 Signs Your Business is Dying
shpigford
184
22k
How to Ace a Technical Interview
jacobian
279
23k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Navigating Team Friction
lara
188
15k
Building an army of robots
kneath
306
45k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Designing for humans not robots
tammielis
253
25k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Thoughts on Productivity
jonyablonski
69
4.8k
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