Slide 1

Slide 1 text

LINE 平台 與開發⽣態系介紹

Slide 2

Slide 2 text

Evan Lin Lead of LINE Taiwan Developer Relations External Evangelism TECH FRESH People Manager Internal LLM/App Evangelist

Slide 3

Slide 3 text

01 LINE平台 與⽣態系簡介

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

198 DYNAMIC USER BASE 19 GLOBAL MAU million SUPPORTS languages BY THE NUMBERS 178 *Supported languages: Arabic, Brazilian Portuguese, English, French, German, Indonesian, Italian, Japanese, Korean, Malay, Portuguese, Russian, Spanish (Castilian), Spanish (Latin America), Simplified Chinese, Thai, Traditional Chinese, Turkish, Vietnamese TOP-4 MAU million (Japan, Taiwan, Thailand, Indonesia) *As of March 2023 image: Freepik.com

Slide 6

Slide 6 text

6

Slide 7

Slide 7 text

發送各種訊息格式 Message Event Imagemap message Flex message Text message Template message Location message Sticker message Image message Video/Audio Message Quote message

Slide 8

Slide 8 text

Text & Sticker message

Slide 9

Slide 9 text

Image, Video, Audio, Location messag

Slide 10

Slide 10 text

Imagemap message

Slide 11

Slide 11 text

Flex Message

Slide 12

Slide 12 text

Flex Message Simulator https://developers.line.biz/flex-simulator/

Slide 13

Slide 13 text

Icon Switch 修改⼤頭貼圖⽰與名字

Slide 14

Slide 14 text

什麼是 Quick Reply? • Camera action • Camera roll action • Location action • Postback action • Message action • URI action • Datetime picker action

Slide 15

Slide 15 text

• 圖片格式: JPEG or PNG • 寬度 (pixels): 800 to 2500 • ⾼度 (pixels): 250 or more • 比率 (width/height): 1.45 or more • 檔案最⼤尺⼨: 1 MB 什麼是 Rich Menu?

Slide 16

Slide 16 text

回覆訊息 - Quote Message • 回覆特定訊息 • 得知⽤⼾回覆的訊息 • ⽬前僅⽀援 text 與 sticker

Slide 17

Slide 17 text

LINE Login 透過整合 LINE Login 能夠讓您的應⽤程式更快地連結 LINE ⽤⼾ https://developers.line.biz/zh-hant/docs/line-login/overview/

Slide 18

Slide 18 text

什麼是 LIFF

Slide 19

Slide 19 text

穿衣服要挑⼤⼩ - LIFF 尺碼

Slide 20

Slide 20 text

LIFF 在哪兒 – 預約系統

Slide 21

Slide 21 text

發給 OA 互動的⽤⼾ - Send Message • 各式 Message 格式 • 最多⼀次發送 5 則訊息 • 從 OA 點過去的 LIFF 才能使⽤ https://developers.line.biz/en/reference/liff/#send-messages

Slide 22

Slide 22 text

分享很重要 – Share Target Picker • 外部瀏覽器 ➡ liff.login() • liff.isApiAvailable() • 透過個⼈帳號發送

Slide 23

Slide 23 text

OMO 最需要的! - liff.scanCodeV2() • Powered by WebRTC • LINE v11.7.0+ • LIFF v2.15.0+ • External Browser/Android/iOS

Slide 24

Slide 24 text

• LIFF starter app - https://github.com/line/line-liff-v2-starter - NextJS - NuxtJS - Vanilla • LIFF Playground - https://github.com/line/liff-playground - https://liff-playground.netlify.app/ - 外部/⼿機 瀏覽器皆可使⽤ 從哪開始呢? - Starter

Slide 25

Slide 25 text

02 LINE Bot Messaging API

Slide 26

Slide 26 text

Flex Message Simulator https://developers.line.biz/flex-simulator/

Slide 27

Slide 27 text

什麼是 Provider? • 獨立開發者、公司或組織 • Channel 建立之後是不能更動 channel 的 Provider • 請勿使⽤測試帳號到線上環境

Slide 28

Slide 28 text

LINE Bot 的兩種回應⽅式 Messaging API Reply event Push event LINE Platform

Slide 29

Slide 29 text

如何跟 Messaging API 溝通

Slide 30

Slide 30 text

Messaging API 讓您可以快速建立聊天機器⼈ ⽀援多種程式語⾔ • Java • Python • PHP • Node.js • Go • Ruby • Perl

Slide 31

Slide 31 text

LINE API Experts

Slide 32

Slide 32 text

建立你⾃⼰的官⽅帳號 實作1

Slide 33

Slide 33 text

https://manager.line.biz/

Slide 34

Slide 34 text

https://developers.line.biz/console/

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

結合⽣成式 AI 應⽤介紹

Slide 37

Slide 37 text

03 LLM 與 LINEBot 相關介紹

Slide 38

Slide 38 text

⽣成式 AI 服務

Slide 39

Slide 39 text

⼀⾴說明 Completion Model ⼤型語⾔模型的⽬標 - 完整你的句⼦ 先從 OpenAI API 介紹

Slide 40

Slide 40 text

打造的 LINE Bot with LLM (Prompt Based)

Slide 41

Slide 41 text

How to do Prompt Engineering (OpenAI)

Slide 42

Slide 42 text

群組訊息摘要王 太多群組訊息 不敢問⼈家發⽣什麼事 …. 給我懶⼈包 https://engineering.linecorp.co m/zh-hant/blog/linebot- chatgpt

Slide 43

Slide 43 text

More on Prompt Engineering (OpenAI)

Slide 44

Slide 44 text

More on Prompt Engineering (OpenAI)

Slide 45

Slide 45 text

More on Prompt Engineering (OpenAI)

Slide 46

Slide 46 text

arXiv論⽂⼩幫⼿ 關鍵字找論⽂ 摘要翻譯 儲存最愛 書籤摘要 https://github.com/kkdai/linebot-arxiv

Slide 47

Slide 47 text

打造 RAG LINE Bot with LangChain (Retrieval-Augmented Generation)

Slide 48

Slide 48 text

老闆的需求:要⽤⾃⼰家的資料

Slide 49

Slide 49 text

實際上會接近如下 老闆的需求:要⽤⾃⼰家的資料

Slide 50

Slide 50 text

同時也能推⼀些其他服務內容,綜效⼀下 老闆的需求:偶爾推⼀些其他服務

Slide 51

Slide 51 text

Transformers Storage Retrievals

Slide 52

Slide 52 text

更快速的⽂件客服機器⼈ EmbedChain LINE Bot https://www.evanlin.com/langchain-embedchain/

Slide 53

Slide 53 text

簡易的客服機器⼈ 根據提供⽂件回覆 不會回覆⽂件以外的問題

Slide 54

Slide 54 text

打造 Function Calling Agent LINE Bot with LangChain

Slide 55

Slide 55 text

Function Calling 概念解釋 (Before) Tools “天氣” 地點? “台北市”

Slide 56

Slide 56 text

Function Calling 概念解釋 (To Be) Tools 明天台北熱不熱? Tool: Weather Location: Taipei 明天台北出門要帶傘嗎?

Slide 57

Slide 57 text

Function Calling 概念解釋 (To Be) Tools 明天台北熱不熱? Tool: Weather Location: Taipei 明天台北出門要帶傘嗎?

Slide 58

Slide 58 text

No content

Slide 59

Slide 59 text

⾃主性代理⼈ LINE Bot 更多綜合性的問與答 開發 LINE Bot 轉換思考

Slide 60

Slide 60 text

LLM 打造⾃主的代理⼈ https://lilianweng.github.io/posts/2023-06-23-agent/

Slide 61

Slide 61 text

幫你的 LINE Bot (官⽅帳號) 加入個具有⼈性的⼤腦 實作2

Slide 62

Slide 62 text

https://github.com/kkdai/l inebot-template-openai OpenAI https://github.com/kkdai/l inebot-embedchain RAG https://github.com/kkdai/l inebot-langchain Function Calling

Slide 63

Slide 63 text

No content

Slide 64

Slide 64 text

No content

Slide 65

Slide 65 text

透過 ⽣成式 AI 打造 LINE Bot ⼩訣竅

Slide 66

Slide 66 text

Tip 1: 教懂你的 LLM 尋找

Slide 67

Slide 67 text

Key Takeaways ⽣成式 AI 會是 Game Changer 。 專注在⼩範圍,提供真⼈化的體驗。 未來醞釀中,LINE OA 會是最好的載體。

Slide 68

Slide 68 text

LINE TECH FRESH https://careers.linecorp.com/jobs/83

Slide 69

Slide 69 text

No content

Slide 70

Slide 70 text

No content