利用「 Google 繪圖」自製正方形 Logo 圖案(可去背)


無論是製作 App 、網站或 LINE 聊天機器人,都需要一張基本檔案圖案(或稱大頭照、頭像等)來充當該服務的代表,而且最好讓人一眼就看出該服務賣的是什麼關子。原則上系統都會有自己預設的這張圖案,例如網站若是沒有設定 favicon 圖示, Chrome 瀏覽器會顯示一顆灰色地球,而 LINE 則會在好友清單上顯示灰色的圓形半身人像。

使用 Google 雲端硬碟服務旗下的 Google 繪圖,快速且方便地製作 Logo 圖案。
使用 Google 雲端硬碟服務旗下的 Google 繪圖,快速且方便地製作 Logo 圖案。

閱讀全文〈利用「 Google 繪圖」自製正方形 Logo 圖案(可去背)〉

設定傳送者資訊,在 LINE 聊天機器人中實現多場景、多身分的頭像與暱稱切換


依稀記得曾經在 TechPulse 2018 的議程裡面聽過 Icon Switch API 這項功能( 請見新聞報導),當下看完展示覺得非常方便也很感興趣,應用上可以切換成不同小編的頭像(或稱「大頭照」, LINE 管理後台稱為「基本檔案照片」),搭配 Switcher API 由不同的機器人與小編輪番上陣回應使用者的疑難雜症,但是當時僅限付費的合作伙伴可以使用。隨著 LINE 官方帳號 2.0 上路,不僅能夠在後台的回應模式裡面切換機器人與真人,現在(從 2020/3/17 開始支援,請見新聞稿)透過 Messagning API 也可以變換頭像與暱稱了,這項功能尤其適合用於不同場景或是不同身分之間的切換,效果顯著。

在切換場景或身分時,變換頭像與暱稱可以作為除了圖文選單之外的另類方案,同樣都有明顯的區分效果。
在切換場景或身分時,變換頭像與暱稱可以作為除了圖文選單之外的另類方案,同樣都有明顯的區分效果。

閱讀全文〈設定傳送者資訊,在 LINE 聊天機器人中實現多場景、多身分的頭像與暱稱切換〉

使用 LIFF v2 判斷手機作業系統,一鍵開啟正確的 App 介紹頁


隨著口罩實名制 2.0 將在 3 月 12 日上路,使得透過「全民健保行動快易通」 App 在網路線上購買口罩變得可能,而不一定要去實體店面排隊購買。昨天( 2020/3/10 )看到這則消息,覺得好適合用 LIFF v2 來做喔,因為你知道的,手機有分 iPhone 和 Android 兩種,如果「只要一個步驟」(例如:一鍵點擊)就能夠引導使用者從 LINE 聊天機器人「跳轉」到正確手機版本的 App (如果有定義 URL Scheme 的話,若是沒有,至少可以開啟 App 介紹頁,後續要開啟或安裝都很快速),肯定是最方便的。否則你也知道,步驟越多,完成的轉換率就越低,所以「一鍵」往往是最好的解決方案。文中有 iPhone 手機的操作示範影片。

圖解說明:從 LINE 聊天機器人「一鍵跳轉」到正確手機版本的 App 介紹頁。

閱讀全文〈使用 LIFF v2 判斷手機作業系統,一鍵開啟正確的 App 介紹頁〉

LIFF v2 升級指南:趕在 v1 終止服務之前,快升級到 v2 吧!(別懷疑,真的會終止!)


即時通訊軟體的本質是聊天,也就是一問一答,所以在介面上, LINEFB MessengerTelegram 都很有默契地將畫面區分成左右兩邊,左邊是對方,右邊是自己。假使聊天的對象是 Chatbot 聊天機器人,這種問答式的介面將成為天花板,限制了服務的發展可能性。於是 LINE 在 2018 年 6 月推出了 LIFF ( LINE Front-end Framework )前端技術,可以將聊天機器人應用從 LINE 聊天視窗延伸到網頁(不只是瀏覽,還可以互動),畢竟如果是網頁的話,大家在操作上比較熟悉,而且版面也比較大,不再受到必須左右一問一答的介面限制。

在 LINE Login 頻道中管理 LIFF App 網頁應用。
在 LINE Login 頻道中管理 LIFF App 網頁應用。

閱讀全文〈LIFF v2 升級指南:趕在 v1 終止服務之前,快升級到 v2 吧!(別懷疑,真的會終止!)〉

串接 LINE Notify ,免費通知訊息吃到飽


假使你最近剛好要去日本旅遊或出差(比方說參加 11/20 、 11/21 在東京台場日航大酒店舉行的 LINE Developer Day 2019 開發者大會),你可以今天就準備行李,也可以下個禮拜再準備,唯有一件事情是必須時刻關注的,那就是匯率變化。今天( 11/12 )早上台幣兌換日幣的匯率是 0.2819 ,聽說已是不錯的換鈔買點了唷!

身為一名全端工程師,尤其是 LINE 聊天機器人開發者,責無旁貸當然要自己在後端寫一支爬蟲程式(臺灣銀行網站有提供 CSV 格式,週一至週五的交易日,從早上 9 點到下午 4 點,更新週期大約 10-15 分鐘,你要說它是 Open Data 也行,非常好解析),再串接 LINE Notify API 來發通知提醒自己囉(最簡單的方式是用個人開發名義來發行存取權杖,連服務都不必登錄,不少網管工程師都用來當作主機健康狀態的警示通知)。

閱讀全文〈串接 LINE Notify ,免費通知訊息吃到飽〉

LINE Flex Message Simulator ,拯救美感不佳的忙碌工程師


說到 LINE 聊天機器人,其實官方原本就有推出幾個很不錯的輔助工具,比方說針對 Flex 彈性訊息就有一個對應的模擬器,叫做 Flex Message Simulator ,可以視覺化 Flex 彈性訊息的排版(微調 JSON 或 YAML ,所見即所得),對於像我這種美感不佳的工程師,或是不會寫程式的產品經理而言,無疑都是一大福音!

LINE 官方提供的所見即所得 Flex Message Simulator 輔助工具。
LINE 官方提供的所見即所得 Flex Message Simulator 輔助工具。

閱讀全文〈LINE Flex Message Simulator ,拯救美感不佳的忙碌工程師〉

介紹 LINE 好用的 LIFF 應用,從聊天視窗延伸至網頁


在 LINE 聊天視窗裡,文字訊息裡面可能會包含網址,如果有做 SEO 的話,下方甚至還會根據該網址來抓出網頁的標題、圖片和摘要。不少媒體會使用這樣的機制,讓文字訊息充當目錄,一次就分享好幾篇文章,比方說《商業周刊》(如下圖所示)。

閱讀全文〈介紹 LINE 好用的 LIFF 應用,從聊天視窗延伸至網頁〉

善用 Emoji 表情貼和貼圖,讓 LINE 文字訊息更繽紛


聊天的本質就是你一言我一語,在一來一回的泡泡框之間,完成訊息的溝通。典型的溝通是透過樸實的文字,但是為了避免對話過程太無趣,偶爾會在字裡行間點綴一些表情貼(或稱表情符號、顏文字、 Emoji )。要在聊天機器人的文字訊息裡面包含表情貼,有好幾種可行的作法,其中一招是從別的地方複製過來,直接貼到程式碼的字串裡面,例如在臉書「撰寫貼文」視窗的右下角有個笑臉可以選擇要插入的表情貼。

在臉書「撰寫貼文」視窗的右下角有個笑臉可以選擇要插入的表情貼。

閱讀全文〈善用 Emoji 表情貼和貼圖,讓 LINE 文字訊息更繽紛〉