iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

4 Like 1 留言 285 瀏覽

技術 [vue.js nuxt教學]在你網站架設Facebook messenger吧(Facebook Customer chat串接教學)

網站上架設Facebook messenger為你的網站創造與使用者更高的互動吧！前言之前因為公司需求，希望在網站內加入Facebook messen...

kevin ‧ 2020-02-16

1 Like 1 留言 361 瀏覽

鐵人賽自我挑戰組 DAY 30

猶豫就會敗北，果斷就會白給｜園藝 boy 的生物資訊冒險記趣，跟上學術潮流不走冤望路 feat. RNA-Sick 系列第 30 篇

技術 RNA-Sick@Day30 > 生活就在呼吸之間｜不用寫程式做一個聊天機器人來檢索自己的三十天鐵人文章 (RNA-Sick 生物資訊小指南) feat. Chatfuel

在猶豫與果斷之間一轉眼就到第三十天啦！本人實在是擠不出更多正經的生物資訊乾貨，所以安插的「學術之路」篇，總集編回顧時刻到啦～ RNA-Sick@Day27 &...

RNA-Sick ‧ 2019-10-15

2 Like 1 留言 276 瀏覽

鐵人賽 Modern Web DAY 30

使用 Modern Web 技術來打造 Chat App 系列第 30 篇

技術 Day 30：寫在最後

終於來到了這系列三十天的最後一篇文章，如果有在跟的讀者可能也會發現這一路上跌跌撞撞的，因為在沒有囤積任何文章與素材的情況下，每一篇的文章都是當天才扎扎實實的從零...

C. T. Lin ‧ 2019-10-15

2 Like 0 留言 290 瀏覽

鐵人賽 Modern Web DAY 29

使用 Modern Web 技術來打造 Chat App 系列第 29 篇

技術 Day 29：把機器人部署到「Heroku」

今天打算來示範一下怎麼從「Create Bottender App」建立一個支援雙平台 Messenger 跟 LINE 的機器人，然後實現把他們部署到上線環境...

C. T. Lin ‧ 2019-10-14

0 Like 1 留言 359 瀏覽

鐵人賽 Modern Web DAY 29

一步步帶你了解 AWS & LINE API 並使用 Serverless 介接的各種應用系列第 29 篇

技術 Day 29 - LINE API 的使用心得

Imagemap 這邊以微股力為範例，這隻機器人會再回應的時候輸出一張圖片讓使用者看到股票的曲線圖，然後圖片下方做三個類似按鈕的圖片在上面，再藉由設定觸發...

NiJia ‧ 2019-10-14 ‧團隊HSCA x CHATBOT x SERVERLESS

2 Like 0 留言 201 瀏覽

鐵人賽 Modern Web DAY 28

使用 Modern Web 技術來打造 Chat App 系列第 28 篇

技術 Day 28：有效測試的方法論

熟悉測試的讀者可能知道，自動化測試可以大致分成幾個不同的層級：單元測試（Unit Test）：只測試一個「單元」，通常是一個 Function 或一個 Cl...

C. T. Lin ‧ 2019-10-13

1 Like 0 留言 194 瀏覽

鐵人賽 Modern Web DAY 27

使用 Modern Web 技術來打造 Chat App 系列第 27 篇

技術 Day 27：聊天機器人的錯誤處理

今天要來講講錯誤處理的部分，先讓我們來想想在網頁上是如何進行錯誤處理的。只要服務有持續在運行，就一定要假設錯誤是會發生的，包括網路發生問題、資料庫發生問題、流量...

C. T. Lin ‧ 2019-10-12

2 Like 0 留言 231 瀏覽

鐵人賽 Modern Web DAY 26

使用 Modern Web 技術來打造 Chat App 系列第 26 篇

技術 Day 26：Action 傳參數與模組化 - 傑出的一手

很前面的文章「Console Mode 還能怎麼玩，開發與 Debug 技巧」，有講到說我們推薦用這種 Action Function 的方式來整理程式，並回傳...

C. T. Lin ‧ 2019-10-11

2 Like 0 留言 304 瀏覽

鐵人賽 Modern Web DAY 25

使用 Modern Web 技術來打造 Chat App 系列第 25 篇

技術 Day 25：「意圖」與「實體」的應用 -「Dialogflow」

昨天花一天的篇幅在講「問」與「答」的判斷跟回應要怎麼用、怎麼整合在 Bottender 中，但除了問與答以外，其實還有更常見的「意圖」與「實體」的應用方式。今...

C. T. Lin ‧ 2019-10-10

1 Like 0 留言 279 瀏覽

鐵人賽 Modern Web DAY 24

使用 Modern Web 技術來打造 Chat App 系列第 24 篇

技術 Day 24：問與答的應用 -「QnA Maker」

昨天花了一整篇的篇幅來做了自然語言處理的應用介紹，接下來幾天要來試用一下一些現行市面上的服務，介紹一下他們的運作方式，並看看他們的使用體驗如何，順便試試能否簡單...

C. T. Lin ‧ 2019-10-09

1 Like 1 留言 223 瀏覽

鐵人賽 Modern Web DAY 23

使用 Modern Web 技術來打造 Chat App 系列第 23 篇

技術 Day 23：AI 怎麼參與自然語言「理解」與「生成」？

筆者不是 AI、ML 相關背景，Python 也不能算是多熟（主要還是寫 JavaScript），但因為待在有資料科學團隊的公司 -「優拓資訊」，近年來投入許多...

C. T. Lin ‧ 2019-10-08

1 Like 0 留言 253 瀏覽

鐵人賽 Modern Web DAY 22

使用 Modern Web 技術來打造 Chat App 系列第 22 篇

技術 Day 22：在機器人裡面運用「有限狀態機」

昨天稍微提到了「有限狀態機」的概念，今天要來看看如何把它跟 Bottender 做個結合。想要在 JavaScript 裡面使用有限狀態機的話，我會推薦使用...

C. T. Lin ‧ 2019-10-07

1 Like 0 留言 360 瀏覽

鐵人賽 Modern Web DAY 21

使用 Modern Web 技術來打造 Chat App 系列第 21 篇

技術 Day 21：什麼是「有限狀態機」？

不知道大家有沒有聽過「有限狀態機」也就是「finite-state machine (FSM)」？以維基百科上的這張圖來當作最簡單的範例：最一開始的時候門...

C. T. Lin ‧ 2019-10-06

1 Like 0 留言 251 瀏覽

鐵人賽 Modern Web DAY 20

使用 Modern Web 技術來打造 Chat App 系列第 20 篇

技術 Day 20：責任鏈模式 - 「Chain」的思考

今天要來講的「責任鏈（Chain of Responsibility）」模式，這是一個很常見的軟體設計模式，尤其是在 Node.js 上可能很多人都非常熟悉，例...

C. T. Lin ‧ 2019-10-05

1 Like 0 留言 262 瀏覽

鐵人賽 Modern Web DAY 19

使用 Modern Web 技術來打造 Chat App 系列第 19 篇

技術 Day 19：使用「Router」來做功能分流

在開發網頁時，我們會用網址來分辨並導向不同的功能，例如用現在最常見的 RESTful 風格來表示網址，因此基本上大部分的伺服器端框架都是使用 HTTP 的 Me...

C. T. Lin ‧ 2019-10-04

1 Like 0 留言 224 瀏覽

鐵人賽 Modern Web DAY 18

使用 Modern Web 技術來打造 Chat App 系列第 18 篇

技術 Day 18：「Composition」- 組合的奧秘

今天要來教學如何使用「bottender-compose」這個官方提供的 Library 來做出 Action 的組合。首先，我們必須先安裝這個套件： np...

C. T. Lin ‧ 2019-10-03

2 Like 0 留言 230 瀏覽

鐵人賽 Modern Web DAY 17

使用 Modern Web 技術來打造 Chat App 系列第 17 篇

技術 Day 17：屬於機器人的跨平台策略

前面總共花了十天十篇文章，利用 Messenger、LINE 兩個平台來介紹在訊息平台上各種常見的機器人功能，其中有一部分的功能是只在 Messenge 或是...

C. T. Lin ‧ 2019-10-02

1 Like 0 留言 397 瀏覽

鐵人賽 Modern Web DAY 16

使用 Modern Web 技術來打造 Chat App 系列第 16 篇

技術 Day 16：對話式 App 的必要之惡 - 「Webview」

前面幾篇內提到的所有互動都是在對話框中完成，雖然若能順暢的用 Conversation UI 完成所有的事情，那會是很棒的事，使用者不會碰到斷斷續續的或是跳轉的...

C. T. Lin ‧ 2019-10-01

1 Like 0 留言 473 瀏覽

鐵人賽 Modern Web DAY 15

使用 Modern Web 技術來打造 Chat App 系列第 15 篇

技術 Day 15：機器人亂入下的「多人對話」、「群組聊天」

今天颱風天，來聊個輕鬆一點的話題 - 「多人對話」。前面十四天的內容，大多是在描述機器人怎麼跟單一使用者在私訊中完成對話，不過我們必須知道，除了「私訊」外，存在...

C. T. Lin ‧ 2019-09-30

1 Like 1 留言 239 瀏覽

鐵人賽 Modern Web DAY 14

使用 Modern Web 技術來打造 Chat App 系列第 14 篇

技術 Day 14：彈性的極致 - Imagemap 與 Flex

若要介紹一個 LINE 跟其他平台比較不一樣的地方，我肯定會挑 Imagemap 與 Flex 這兩個訊息的類型。這兩類的訊息是我目前沒有在其他平台上看到的，除...

C. T. Lin ‧ 2019-09-29

2 Like 0 留言 278 瀏覽

鐵人賽 Modern Web DAY 13

使用 Modern Web 技術來打造 Chat App 系列第 13 篇

技術 Day 13：LINE 的事件處理基礎

跟前面在講解「Messenger 的事件處理基礎」時提到的一樣，第三天在「快速學會 Bottender 基礎概念」的文章中有講到關於 Event 以及 Cont...

C. T. Lin ‧ 2019-09-28

1 Like 0 留言 337 瀏覽

鐵人賽 Modern Web DAY 12

使用 Modern Web 技術來打造 Chat App 系列第 12 篇

技術 Day 12：帶著聊天機器人來到 LINE

接下來幾天要來介紹，這系列打算提到的第二也是最後一個平台 - LINE。對 LINE 很熟悉的朋友可以直接跳過，至於是第一次使用 LINE Messaging...

C. T. Lin ‧ 2019-09-27

0 Like 0 留言 120 瀏覽

鐵人賽 AI & Data DAY 12

今天就學會做聊天機器人系列第 12 篇

技術 [今天就學會做聊天機器人-第12天] 聊天機器人的訊息素材【上】

在 Facebook Messenger 和 LINE 裡面，相較於我們與一般真人的對話，聊天機器人的訊息素材顯得豐富又多元。首先，再加為好友時，在 Face...

陳佳新 ‧ 2019-09-27

2 Like 0 留言 241 瀏覽

鐵人賽 Modern Web DAY 11

使用 Modern Web 技術來打造 Chat App 系列第 11 篇

技術 Day 11：用「Create Bottender App」來 Create Bottender App

前幾天已經示範了許許多多不同的範例，在嘗試各種範例時，不管是新增一個新的環境還是修改舊的環境都是一個很麻煩的過程。所以今天要教大家一個方式，可以在幾秒鐘開一個新...

C. T. Lin ‧ 2019-09-26

0 Like 0 留言 122 瀏覽

鐵人賽 AI & Data DAY 11

今天就學會做聊天機器人系列第 11 篇

技術 [今天就學會做聊天機器人-第11天] 聊天機器人的優化對策

總歸結論只有一個，就是別讓聊天機器人被冷落！第一招：讓機器人的對話貼近真人小編。資訊要有用：折價券。資訊要有趣：時事梗、PTT梗。機器人在回覆時，帶...

陳佳新 ‧ 2019-09-26

3 Like 1 留言 341 瀏覽

鐵人賽 Modern Web DAY 10

使用 Modern Web 技術來打造 Chat App 系列第 10 篇

技術 Day 10：透過 Inbox 轉接真人客服

終於到了這系列的第十天、Messenger 的第四天，想來講講 Messenger 另一個值得一提、有點特色的功能 - Handover Protocol (交...

C. T. Lin ‧ 2019-09-25

0 Like 0 留言 134 瀏覽

鐵人賽 AI & Data DAY 10

今天就學會做聊天機器人系列第 10 篇

技術 [今天就學會做聊天機器人-第10天] 聊天機器人的實作目標

我們可以將從「客戶提問」到「訂單成交」的整個過程，視為一趟顧客體驗旅程（ Customer Journey ）。以聊天機器人為例，我們關心使用者透過文字的輸入...

陳佳新 ‧ 2019-09-25

2 Like 0 留言 282 瀏覽

鐵人賽 Modern Web DAY 9

使用 Modern Web 技術來打造 Chat App 系列第 9 篇

技術 Day 09：設定「開始使用」按鈕、「歡迎文字」與「常駐選單」

「開始使用」按鈕、「歡迎文字」與「常駐選單」，都是 Messenger Profile API 的一部分，今天要來教大家怎麼使用這些功能以及如何在 Botten...

C. T. Lin ‧ 2019-09-24

1 Like 0 留言 237 瀏覽

鐵人賽影片教學 DAY 9

每天五分鐘 LINE API 輕鬆上手系列第 9 篇

技術 #8 開始來做LINE機器人吧 Messaging API 接收事件篇（一）

說到chatbot的核心之一，就是各種事件的型態啦 LINE目前有13種事件能給我們使用今天要為各位介紹前8個最常使用到的event 不多說看影片吧！影片...

RenZhou ‧ 2019-09-24 ‧團隊HSCA x CHATBOT x SERVERLESS

0 Like 0 留言 138 瀏覽

鐵人賽 AI & Data DAY 9

今天就學會做聊天機器人系列第 9 篇

技術 [今天就學會做聊天機器人-第9天] 聊天機器人的例外處理

以美食推薦指南類型的聊天機器人為例，可能遭遇的例外提問會有哪些呢？一、相關的問題有些用戶可能不會明白講說他想找哪一類的餐廳（義大利麵、咖啡館），或是哪一類...

陳佳新 ‧ 2019-09-24