Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

把前端概念帶向 Bot 開發

Avatar for Chen-Tsu Lin Chen-Tsu Lin
November 05, 2017
Programming
580
0

把前端概念帶向 Bot 開發

Avatar for Chen-Tsu Lin

Chen-Tsu Lin

November 05, 2017

More Decks by Chen-Tsu Lin

See All by Chen-Tsu Lin
GraphQL Taiwan Meetup 001 - GraphQL Overview
Avatar for Chen-Tsu Lin chentsulin
0
150

Other Decks in Programming

See All in Programming
コードで差別化できない時代の ソフトウェアエンジニアリング / Software Engineering in an Era Where Code Doesn’t Differentiate
Avatar for Naoki Kishida kishida
2
180
[Dev Group Paris Octobre 26] Agentforce, SIforce, Claudeforce, Slackbot… on s'y retrouve ?
Avatar for Nathan Abondance nabondance
0
110
HTML-in-Canvasで作る未来のWeb UI表現
Avatar for IKEDA Yasunobu clockmaker
5
5.1k
dotNET_vulnclicker_intro.pdf
Avatar for Tomohiko Morita deka_morita
0
140
自サークルのIdPからログアウトできるようになるまで
Avatar for taiseiue taiseiue
1
140
Vue Fes Japan の “作る側”に関わってみて
Avatar for Naoki Haba naokihaba
0
160
半永久的に提供し続けられるプライベートクラウドを目指して ― 利用者の認知負荷を抑えるAPI抽象化とハードウェア世代交代の基盤設計
Avatar for Tomofumi Kondo tomokon
0
500
月間100万人のサービス刷新で、 技術選定をHonoに振り切った話
Avatar for bara yutobara
8
6.6k
個人開発者よ、Honoを使え（おじさんver）
Avatar for tanahiro2010 tanahiro2010
2
260
作れる、でも消せるか？──安全に「枯らして消す」機能削除術 / Drain, Then Delete
Avatar for chobishiba chobishiba
2
640
Event is what happens
Avatar for MOROHASHI Kyosuke moro
2
770
[2026-09-26]空論ジェネリックプロセス～テスト資産とAIで紡ぐ、再現可能なパフォーマンスチューニングの話～
Avatar for tosite tosite
0
270

Featured

See All Featured
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
360
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
14
40k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
2
720
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.9k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
640
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
10k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
22k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
600
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
540
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.5k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
710

Transcript

  1. Bring Front-end Concepts to Bot Development

  2. None

  3. Conversational UI 也是⼀一種另類的前端

  4. C. T. Lin Engineering Lead@Yoctol chentsulin@github GraphQL Taiwan 共同發起⼈人

  5. 半年年前開始研究許多既有的 Bot Framework

  6. 然後就寫了了⼀一篇⽂文章

  7. 為什什麼我們選擇⾃自幹 Bot 框架？

  8. ⽽而且

  9. 我們是受訓過的 前端⼯工程師 不接受老舊寫法

  10. 我們在 3 天前 Open Source

  11. ` https://github.com/Yoctol/bottender

  12. 登上 GitHub Trending Top 3 超過 1100 個 star

  13. 特別在哪？

  14. Learn Once, Write Anywhere

  15. ⽀支援平台 Messenger LINE Slack Telegram

  16. Messenger 有⾶飛機相關的 Template

  17. 撰寫⼀一個介⾯面 ⽀支援所有平台的所有功能是 不可能的 X

  18. 提供最簡介⾯面
 但⽀支援所有的可能性 O

  19. User Conversation State

  20. 前端⼯工程師⼀一⽣生都看過許多 Todo App

  21. context.state, context.setState

  22. (state, event) => handler 簡化來來看像是這樣

  23. 想了了解更更多，我們有⽂文件網站 https://bottender.js.org/

  24. 如果喜歡，歡迎點 、分享 ⼀一起參參與開發 Github: https://github.com/Yoctol/bottender Websites: https://bottender.js.org/ Blog: https://bottender.js.org/blog/2017/10/31/bottender/