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

2 Like 0 留言 32094 瀏覽

鐵人賽 Modern Web DAY 21

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

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

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

C. T. Lin ‧ 2019-10-06

7 Like 0 留言 11021 瀏覽

鐵人賽 Modern Web DAY 1

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

達標好文技術 Day 01：讓前端、後端 JavaScript 開發者都能上手的 Chat App 教學

前言近年來由於通訊軟體 (Messenger、LINE、WhatsApp...) 成為普遍人們最常使用的 App，總使用的時間也隨著漸漸攀高，再加上各軟硬大廠...

C. T. Lin ‧ 2019-09-16

2 Like 0 留言 5459 瀏覽

鐵人賽 Modern Web DAY 22

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

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

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

C. T. Lin ‧ 2019-10-07

1 Like 0 留言 5441 瀏覽

鐵人賽 Modern Web DAY 15

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

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

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

C. T. Lin ‧ 2019-09-30

2 Like 0 留言 5360 瀏覽

鐵人賽 Modern Web DAY 2

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

技術 Day 02：Bot 開發起手式

靜態（Static）vs 動態（Dynamic）在開發 Chatbot 時，很多時候我們會拿網站開發上的概念來做一個類比，透過這樣的類比，可以很大幅度地加快一...

C. T. Lin ‧ 2019-09-17

3 Like 0 留言 4719 瀏覽

鐵人賽 Modern Web DAY 3

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

技術 Day 03：快速學會 Bottender 基礎概念

初期在打造 Bottender 時，經過累積了非常多的實戰經驗並參考了許多不同領域的概念，漸漸地衍伸出許多具體的概念與模組。了解這些概念與設計模式後，就能充份的...

C. T. Lin ‧ 2019-09-18

2 Like 2 留言 4648 瀏覽

鐵人賽 Modern Web DAY 5

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

技術 Day 05：串接 API，讓 Chatbot 不是只能講幹話

上一篇有教到如何讓機器人講出隨機的一則笑話，但如果都只是讓機器人講講笑話講講幹話，這讓工程師要怎麼能取得成就感？而且 AI 也是能講幹話的，它在網路上看來看去，...

C. T. Lin ‧ 2019-09-20

3 Like 2 留言 4606 瀏覽

鐵人賽 Modern Web DAY 4

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

技術 Day 04：Console Mode 還能怎麼玩，開發與 Debug 技巧

前面第二篇「Bot 開發起手式」中有講到要怎麼樣設定一個新的專案，如果還沒看過記得先去看一下，才能接著看懂這篇的內容喔～ Console Mode 玩的熟，不但...

C. T. Lin ‧ 2019-09-19

2 Like 1 留言 4586 瀏覽

鐵人賽 Modern Web DAY 25

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

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

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

C. T. Lin ‧ 2019-10-10

3 Like 3 留言 4084 瀏覽

鐵人賽 Modern Web DAY 6

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

技術 Day 06：把前幾天的聊天機器人都搬上 Messenger

接下來幾天會介紹怎麼把前幾天在 Console Mode 做的機器人搬上像是 Messenger、LINE 這些台灣人常在使用的管道。而今天的目標會放在 Me...

C. T. Lin ‧ 2019-09-21

1 Like 0 留言 4046 瀏覽

鐵人賽 Modern Web DAY 12

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

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

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

C. T. Lin ‧ 2019-09-27

1 Like 0 留言 3754 瀏覽

鐵人賽 Modern Web DAY 24

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

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

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

C. T. Lin ‧ 2019-10-09

1 Like 1 留言 3522 瀏覽

鐵人賽 Modern Web DAY 23

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

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

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

C. T. Lin ‧ 2019-10-08

2 Like 2 留言 3357 瀏覽

鐵人賽 Modern Web DAY 29

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

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

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

C. T. Lin ‧ 2019-10-14

1 Like 0 留言 3248 瀏覽

鐵人賽 Modern Web DAY 16

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

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

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

C. T. Lin ‧ 2019-10-01

0 Like 1 留言 3024 瀏覽

鐵人賽影片教學 DAY 5

電商聊天機器人 LINE Bot 實戰系列第 5 篇

技術 Bottender

給開司一罐啤酒～什麼你說你是Bottender不是Bartender!? Slide: https://www.slideshare.net/AustinTi...

Austin Ting ‧ 2018-10-07

2 Like 0 留言 3010 瀏覽

鐵人賽 Modern Web DAY 9

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

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

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

C. T. Lin ‧ 2019-09-24

4 Like 0 留言 2907 瀏覽

鐵人賽 Modern Web DAY 28

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

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

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

C. T. Lin ‧ 2019-10-13

3 Like 1 留言 2846 瀏覽

鐵人賽 Modern Web DAY 10

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

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

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

C. T. Lin ‧ 2019-09-25

2 Like 0 留言 2185 瀏覽

鐵人賽 Modern Web DAY 7

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

技術 Day 07：Messenger 的事件處理基礎

第三天在「快速學會 Bottender 基礎概念」的文章中有講到關於 Event 以及 Context 的一些架構跟原理，忘記的人歡迎回去複習一下，可以更方便加...

C. T. Lin ‧ 2019-09-22

2 Like 1 留言 2018 瀏覽

鐵人賽 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 留言 1970 瀏覽

鐵人賽 Modern Web DAY 20

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

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

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

C. T. Lin ‧ 2019-10-05

2 Like 0 留言 1949 瀏覽

鐵人賽 Modern Web DAY 11

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

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

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

C. T. Lin ‧ 2019-09-26

2 Like 0 留言 1905 瀏覽

鐵人賽 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 留言 1883 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 Day 08：按鈕、快速回覆的使用方法與重要性

前面幾天的教學都是用送訊息的方式來觸發 Event，但有些時候可以善用平台提供的按鈕跟快速回覆功能，讓使用者省去打一行字的時間，而且可以預先提供推薦的選項給使用...

C. T. Lin ‧ 2019-09-23

1 Like 1 留言 1787 瀏覽

鐵人賽 Modern Web DAY 14

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

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

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

C. T. Lin ‧ 2019-09-29

2 Like 2 留言 1678 瀏覽

鐵人賽 Modern Web DAY 30

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

技術 Day 30：寫在最後

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

C. T. Lin ‧ 2019-10-15

1 Like 0 留言 1626 瀏覽

鐵人賽 Modern Web DAY 27

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

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

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

C. T. Lin ‧ 2019-10-12

1 Like 0 留言 1532 瀏覽

鐵人賽 Modern Web DAY 19

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

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

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

C. T. Lin ‧ 2019-10-04

2 Like 0 留言 1233 瀏覽

鐵人賽 Modern Web DAY 17

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

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

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

C. T. Lin ‧ 2019-10-02