LINE Platform Update 202111

Slide 1

Slide 1 text

彈幕遊戲：這次該換你 Echo 給 Bot 了！ LINE Developer Relations NiJia Lin 2021.11

Slide 2

Slide 2 text

NiJia Lin LINE Technology Evangelist Developer Rela+ons External Evangelism Internal Evangelism

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

彈幕是什麼 • 互動媒介之一 - 各種影片 - 實境活動互動 • 彈幕才是影片的本體 • 娛樂性++ • 最早在ニコニコ上看到 Source from: https://www.youtube.com/watch?v=BOd28hQqMms

Slide 5

Slide 5 text

Why LINE Login? • 一鍵快速登入 • 大家都有 LINE 怎麼能不用？ • 只需能快速確認真實用戶即可 • 文件持續有在更新 • 帳號安全性 up up

Slide 6

Slide 6 text

LINE Login Flow • 前/後端專注在自己的事 • 後續要串 LIFF 也是大丈夫です • 一條龍服務 Python 範例 ➡ louis70109/WordsGame: JP 50 words game (github.com)

Slide 7

Slide 7 text

LINE Login Flow Python 範例 ➡ louis70109/WordsGame: JP 50 words game (github.com) • 前/後端專注在自己的事 • 後續要串 LIFF 也是大丈夫です • 一條龍服務

Slide 8

Slide 8 text

• 在 Docker 中開發 FastAPI - 環境孤立、有資料庫 - VSCode 一體式開發 - Image 超肥，開發完記得刪除 • Test Container - 真實對資料庫做測試 - API 穩定性增加 - 要在環境上設定 LINE Bot Token • Chatbot - 管理者可在手機設定 • Vue (CSS 苦手) - 針對後端請求改變彈幕樣式 - 打羅馬拼音把單字消除新東西就是要試在新專案

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Demo

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

後續延伸應用 • 平假/片假合體 • 抓取單字字典 - 可換成各種語系 • STT 整合 - 講話來消除 Source from: https://www.youtube.com/watch?v=BOd28hQqMms

Slide 16

Slide 16 text

Demo 影片

Slide 17

Slide 17 text

任何 Side Project 都歡迎在 Chatbot 社團分享喔

Slide 18

Slide 18 text

最後來點 API Update 吧

Slide 19

Slide 19 text

隨你填貼圖 text • 可從 Webhook 中取得文字 • 更多的用戶意圖的應用 • 不只 Keywords 還有 text

Slide 20

Slide 20 text

LIFF 範例 + 試玩 • LIFF starter app - https://github.com/line/line-liff-v2-starter • LIFF Playground - https://liff-playground.netlify.app/