Upgrade to Pro — share decks privately, control downloads, hide ads and more …

打造 LINE Bot 並且加入一個有個性的大腦

打造 LINE Bot 並且加入一個有個性的大腦

20231107- 台大電機產學合作 by Evan Lin

LINE Developers Taiwan

November 07, 2023
Tweet

More Decks by LINE Developers Taiwan

Other Decks in Technology

Transcript

  1. LINE 平台
    與開發⽣態系介紹

    View full-size slide

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

    View full-size slide

  3. 01
    LINE平台
    與⽣態系簡介

    View full-size slide

  4. 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

    View full-size slide

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

    View full-size slide

  6. Text & Sticker message

    View full-size slide

  7. Image, Video, Audio, Location
    messag

    View full-size slide

  8. Imagemap message

    View full-size slide

  9. Flex Message

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  16. 什麼是 LIFF

    View full-size slide

  17. 穿衣服要挑⼤⼩ - LIFF 尺碼

    View full-size slide

  18. LIFF 在哪兒 – 預約系統

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  22. • 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

    View full-size slide

  23. 02
    LINE Bot
    Messaging API

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  27. 如何跟 Messaging API 溝通

    View full-size slide

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

    View full-size slide

  29. LINE API Experts

    View full-size slide

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

    View full-size slide

  31. https://manager.line.biz/

    View full-size slide

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

    View full-size slide

  33. 結合⽣成式 AI 應⽤介紹

    View full-size slide

  34. 03
    LLM 與 LINEBot
    相關介紹

    View full-size slide

  35. ⽣成式 AI 服務

    View full-size slide

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

    View full-size slide

  37. 打造的 LINE Bot with LLM
    (Prompt Based)

    View full-size slide

  38. How to do Prompt Engineering (OpenAI)

    View full-size slide

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

    View full-size slide

  40. More on Prompt Engineering (OpenAI)

    View full-size slide

  41. More on Prompt Engineering (OpenAI)

    View full-size slide

  42. More on Prompt Engineering (OpenAI)

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  48. Transformers
    Storage
    Retrievals

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  51. 打造 Function Calling Agent LINE Bot with
    LangChain

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  58. 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

    View full-size slide

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

    View full-size slide

  60. Tip 1: 教懂你的 LLM 尋找

    View full-size slide

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

    View full-size slide

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

    View full-size slide