分類

LINE

透過圖片或網址,讓 LINE Bot 產生行事曆來成為活動達人

前言

平時我們在收到各種平台上都很容易收到各式各樣的廣告文宣(職棒比賽、系上活動、社團...etc),收到後卻因為忘了放進行事曆而錯過了很多活動跟獎品...🥲

而在這些文宣中有很多重要資訊,像是:標題、時間、地點、簡述、美美的圖,有沒有發現一些共同點?就是跟平常我們再加行事曆時的內容基本上一樣啊!(除了圖片以外)

這兩個相性這麼像,想當然一定是要把它組合再一起才對!因此透過這個專案,只要把圖片或圖片網址給 LINE Bot,就能夠幫你產生一個 Google Calendar 連結,讓你變成一個活動達人!

繼續閱讀

如何透過新的建立方式,開啟你第一隻 LINE Bot 【2024/09/04】

前言

在 2024/09/04 發布關於 Messaging API 的建立方式有所變更的新聞,過去因為 LINE Developer Console 與 Official Account Manager 皆可以建立官方帳號(LINE Bot, OA...etc),導致大家很容易搞混。

而這次的更新當中,透過統一介面,讓大家可以可以在一樣的介面中建立官方帳號,至於詳細操作步驟請見下文 ✨

繼續閱讀

LINE TECH FRESH 2024 畢業分享會精彩回顧

前言

大家好,我們是 LINE Developer Relations 團隊,不曉得大家從 LINE TECH FRESH 畢業分享會中是否有獲得哪些有趣的收穫呢?從 Save your time - TECH FRESH 畢業分享會 2024 @ LINE活動當中有許多介紹,以下就帶大家回味一下當天的內容囉!

繼續閱讀

Save your time - TECH FRESH 畢業分享會 2024 @ LINE

前言

大家好!我們是 LINE Developer Relations 團隊,很高興向大家介紹一個特別的活動——2024 年 6 月 18 日舉行的 TECH FRESH 畢業分享會。去年我們首次開放對外的分享會,現場引起了取多迴響,我們在這個活動上學到了很多,因此希望透過今年的舉辦,能與更多同學分享我們 LINE TECH FRESH 的成長和收穫。

繼續閱讀

幫 LINE Bot 加點回覆動畫魔法:Loading Animation 功能解析

前言

大家好!今天我們要聊聊 LINE Bot 最近更新的一個超酷炫的功能——Loading Animation。對於那些經常與 LINE 官方帳號互動的朋友來說,這一定是個期待已久的更新!

想象一下,當你向一個 LINE Bot 發送訊息,等待回應的時候,畫面上出現一個動畫效果,在視覺上告訴用戶 “訊息處理中,請稍等片刻”,是不是感覺整個用戶體驗都提升了呢?接下來來仔細看看這個功能的細節和如何實現它。

繼續閱讀

在 Google Cloud Run 上安裝 Chromium 抓取 CCTV 影像

前言

近期因為有玩滑板,而且身處台北很容易下雨,因此需要找到加入了交流社群,其中設定了一些指令可以讓社群機器人可以提供 CCTV 的畫面,但其中因為需要去社群當中打指令對於一個剛加入的人有點害羞,有這些攝影機畫面真的可以幫助看是否要出門(大部分場地都室外),但身為工程師會想要按個按鍵就出現,因此就有以下文章囉!

繼續閱讀

就用 LINE Pay 在 Apple Watch 付款吧

昨天看到同事用手錶付款想說是什麼功能,去問一下才發現我落後了!這篇文章來跟大家說明遺下我連結 LINE Pay APP 到 Apple Watch 的過程!

Apple Watch 安裝 LINE Pay APP

首先到手機上搜尋 Watch,找到原生的程式

繼續閱讀

如何有效使用 Quote Message

前言

quote message

近期 Messaging API 釋出了許久以前期待的 API - 回覆訊息(Quote Message),讓 LINE Bot 回覆用戶時可以指定特定訊息(如上圖),在生成式 AI 當下是個非常好用的一個功能(AI 需要運算時間),接下來就快速跟大家介紹一下相關功能以及操作方式!

新聞:You can now send and receive quote messages using the Messaging API

繼續閱讀

新米到上手 LangChain: 藉由 Function Agent 在 LINE Bot 上處理 Calendar 資訊!

前言

平時我們經常需要管理/安排行程和資訊。這篇文章將介紹我是如何透過 Google Calendar 與 LangChain,讓我更快在 LINE Bot 上可以加入個人行事曆。同時,我也將分享有關使用 Google Calendar 的好處,以及如何更有效地利用 LangChain Function Agent 來簡化程式碼開發過程。相信這對於建立 LINE Bot 以及各種相關應用的開發者來說會是一個不錯的範例,讓我們就往下看下去吧!

Slide: https://speakerdeck.com/line_developers_tw/first-time-lanchain-line-bot 範例程式碼:https://github.com/louis70109/BookingStep 歡迎試玩 LINE Bot:https://lin.ee/92O5Od8

繼續閱讀

【TECH FRESH 畢業分享會】原來實習有這些眉角?

前言

大家好!我們是 LINE Developer Relations 團隊,上一篇 TECH FRESH 畢業分享會:探索 2022 屆實習生的故事 分享了為何推薦大家來參加年度 TECH FRESH 畢業分享會;在 6/27 活動結束之後,也來跟各位分享一下當中的活動內容!

繼續閱讀

把訊息整理進你的行事曆吧!透過 OpenAI 讓 LINE Bot 幫你建立行事曆連結

TL;DR

  • 透過 LINE Webhook 接收使用者的文字訊息。
  • 利用 OpenAI API 處理接收到的文字,並轉換為 Google Calendar 的邀請網址。
  • 將轉換後的網址回傳給使用者點選。

GitHub 專案 - 行事曆 LINE Bot

前言

隨著 ChatGPT 火熱了好一陣子,在 Google I/O 之後 ChatGPT 也開放了許多 plugin (被嚇到?),因此在這電波很弱的時刻我就買了 ChatGPT plus ...🧐

與此同時公司也開了許多跟「生成式 AI(GAI)」的課程,學到了一些 prompt 的技巧之外,也從課程中開始想生活周遭的範例,也因此有今天行事曆 LINE Bot 的文章 🎉 (我好歹也是傳教士一員)

繼續閱讀

TECH FRESH 畢業分享會:探索 2022 屆實習生的故事

LINE 的工作環境和文化

前言

大家好!我們是 LINE Developer Relations 團隊,今天我要向你們介紹一個我們即將舉辦的特別活動 - 2023 年 6 月 27 日的 TECH FRESH 畢業分享會。今年,我們首次將這個活動對外開放,讓更多的人有機會了解我們的實習生們在 LINE 的學習和工作經驗。

繼續閱讀

加入 LINE TECH FRESH,開啟你的職場新鮮人生!

前言

LINE TECH FRESH 是 LINE 技術新星人才計畫,旨在培養年輕人扎實的技術實力和軟實力,並提供全方位的職涯發展支援。

該計畫主要針對具備程式設計、資訊工程、電機電子等相關科系背景的大學畢業生,提供一年的專業訓練課程和實習機會,並且與 LINE 內部各部門的專業人才進行交流和學習。

此外,LINE TECH FRESH 也提供完善的職涯發展支援,包括個人職涯規劃、內部培訓課程、專業技能提升、實習薪資、轉正機會等,讓年輕人能夠在 LINE 中發揮潛力,實現個人職業目標。

繼續閱讀

【LINE TECHPULSE 2023】精彩回顧與議程資訊

前言

台灣最具指標之一的年度科技盛會-LINE 台灣第七屆開發者大會「LINE TAIWAN TECHPULSE 2023」,於 2/17 日正式登場,以「開發與創新」為主軸,著重於「流程再造、創新應用」等各式技術議題,更匯聚 26 個議程與 32 位講者,精彩豐富的內容超過千人報名!現場也容納高達七百位的參加者,讓這次活動能夠圓滿落幕,以下小編就跟大家分享一下這次大會上的內容!

繼續閱讀

【LINE TECHPULSE 2023】久違實體活動消息一把抓

前言

過完農曆年,是否也跟小編一樣,覺得好久沒有實體吸收研討會的精華呢?本篇文章將跟大家透露本週五實體舉辦的 LINE TECHPULSE 2023 中的一些細節,讓大家在活動前可以了解一下這次的一些內容!

繼續閱讀

2022 LINE Taiwan On Job Training(OJT) 花絮

前言

LINE 台灣每年會定期舉辦 On Job Training,提供新進同仁可以在上班時間有個完整的訓練,了解研發工程部門過去與現在,以及在跟每個團隊中合作需要注意的項目,當然在活動過程中也有些有趣的互動,到底當天活動發生了哪些事情呢?讓我們一同往下看看吧!

繼續閱讀

【LINE TECH FRESH】2021 屆畢業囉!這一年來又有什麼新鮮事呢?

2021 屆的 TECH FRESH 在六月底時已經畢業囉!不管是繼續留下,抑或是生涯另有規劃,相信在 LINE 研發工程團隊中經歷的一切都會讓大家印象深刻。而除了日常的開發工作外,究竟在其他的工作時間 TECH FRESH 會經歷哪些活動呢?讓我們一探究竟!

繼續閱讀

【Flex Message】部署與共用屬於你的 Flex Message API

他怎麼出現的?

當時因為公司社群工作坊以及各種朋友群組都會需要分享各種活動資訊,包括活動告知、訂位消息、個人資訊卡、新聞...而每個需求中都剛好包含著其他功能 🔧,有時用 JavaScript、有時 Python,而每次寫的 Flex Message 就會散落在各地,東西、時間一多都會忘了當時做的東西在哪 💦,也就浪費當時花費的精力,而且在微服務這麼盛行的現今怎能不切出來呢 🤔

繼續閱讀

AI For The New Normal - LINE Taiwan Internal Hackathon

前言

LINE 經過了十年的進化,已經在日常生活中都有我們的影子(Life on LINE),而在這舉辦的時間點,台灣正面臨疫情爆發,全台的人都處於警戒的狀態,任何人都不敢掉以輕心,並待在家裡防疫同時也無法出去與親朋好友相聚,但是我們總想著要如何做出怎樣的產品才可以讓大家在面對新型態(New Normal)的生活時,可以透過 LINE 來緊密的聯繫彼此,並搭配 LINE 持續發展的 AI/ML 領域,讓使用服務的各位可以更方便的透過 LINE 這個生活平台的入口,拉近彼此間的熱度不減。

透過本次的黑客松,我們希望每一位同仁,思考一下在家裡 WFH 或是三級警戒的狀況下,是否有一直困擾著大家的問題,抑或是發想出新的創意點子,並結合既有的 AI/ML - CLOVA,來緊密串連每一個使用者,這也就是為什麼今年的黑客松主題是 「AI For The New Normal」。

隨著大家一同努力防疫了許久,終於在 11 月可以展開一年一度的 Internal Hackathon,並以線上結合線下的方式執行,讓在家工作許久且能量滿點的同事們可以在現場,同時也在最安全的情況下參加今年 LINE 的大型內部黑客松活動!

這邊大家可能會好奇,到底在 LINE 新辦公室內部舉辦黑客松到底是會怎樣呢?以下讓小編帶你用文章走一遍~

延伸閱讀:

繼續閱讀

2021 LINE Taiwan On Job Training(OJT) 線上花絮

前言

一年一度 LINE Taiwan On Job Training 在許多同仁加入之後就正式展開啦,這兩年來因爲疫情的關係小編無法與大家一起前往日本受訓,但台灣內部講者、技術資源也是非常豐富,怎麼可以錯過這麼寶貴機會 😁

員工訓練一直工程部門都是很注重的一環,除了大家日常熟悉的 Coding 之外,包括整個部門的狀態、文化、資安意識、開發規範、部署工具等等都是需要了解的部分,

LINE 工程團隊為了持續增加開發品質,一直很遵守所以資安以及許多開發上的規範,而在新人剛加入時不免需要讓大家知道許多規範

繼續閱讀

透過 Vue + FastAPI 完成 LINE Login 一鍵式登入

前言

碰巧最近有個日文五十音消除遊戲的 Side Project 正在實作中,參考之前鐵人賽文章,實作上發現有些內容可能是年久失修,導致實作上不太順利,碰巧近期 LINE Login 的官方文件也有更新,並且搭配之前實作的範例是使用 (Screen-LINE-Bullets),來延伸 Side Project,以下就為各位介紹一下其中使用 LINE Login 的一些過程。

TL;DR

  • LINE Login 範例從 Flask 轉到 Vue+FastAPI
  • 前後端分離
    • 前端用兩個頁面清楚展示 LINE Login SSO 步驟
    • 後端兩個 API
      • 取得認證導向網址
      • 認證 JWT 中的使用者參數
      • 環境變數都放後端(較安全)
繼續閱讀

TECH FRESH 實習的一年間,除了開發還有什麼內部活動呢?

前言

LINE 首次在 2020 以技術新星人才計畫來大舉招募眾多優秀的同學加入 LINE 的大家庭,更多 TECH FRESH 實習計畫的內容在先前的文章中都有介紹,請參考以下:

而本次的文章會介紹今年度從加入 LINE 大家庭之後 LINE 究竟提供了些什麼內容讓每位同學在實習的期間可以收穫滿滿,是不是內部有著各式各樣的活動等著同學們報名參加呢?大家就緊接著往下看吧!

繼續閱讀

藉由 Flex Message Simulator 實現並發送測試用 Flex Message

前言

平時開發 LINE Bot 相關功能時,我們都會使用許多的文字、貼圖、圖片...來實現一個服務所需要的對話流程,而在開發許久之後,總想為自己的 LINE Bot 添加更多有特色的內容,不論是在文字中加入特殊符號、發送對應情境的貼圖、影片..等等。而在 LINE Bot 中有個可以讓開發者自由添加各種特色的訊息選單 - Flex Message,那這個功能有什麼特別的呢?以及我可以如何快速測試使用這功能呢?以下就讓我為各位介紹介紹。

索引

繼續閱讀

LIFF migration: from Replace to Concatenate mode

前言

1/18 釋出了一篇新聞 Reminder: On March 1, 2021, "Replace (Backward compatibility mode)" will be removed from the permanent link redirection settings for LIFF app and LINE MINI App,在這個新聞中提到將會在 3/1 移除 LIFF 的 Replace 模式:

移除後若尚未更新 LIFF SDK 的話可能會遇到以下問題:

  • LIFF 打不開
  • 空白頁面
  • 打開了但出現許多錯誤訊息
  • ...

於 2020/11/20 有發過即將移除的新聞,隨後也有相關文章敘述這件事,許多更改內容可以參閱:

繼續閱讀

LIFF v2.3 更新內容 - Concatenate & Replace 模式

前言

大家好,我是 LINE Taiwan 的 Tech Evangelist – NiJia Lin。

在尚未更新前時常會遇到問題就是網址後面會接上 liff.state= 抑或是會在原始 target url 上加上 斜線(/) 這類相關的問題,開發者(包括我)都需要使用相關的 workaround 去解套,這邊提供之前我寫的 Twitch-Bot 的 Javascript workaround 來處理 liff.state 的問題:

const query = req.query['liff.state'].split('?')[1].split('&');
const notifyPayload = { code: null, state: null };
query.forEach(el => {
  const queryObj = el.split('=');
  if (queryObj[0] in notifyPayload)
    notifyPayload[queryObj[0]] = queryObj[1];
});
const code = notifyPayload.code;
const userId = notifyPayload.state;

這樣的解法可以解決我的問題但會讓開發有點綁手綁腳的,但隨著 LIFF v2.3 改版上線後出現了兩個模式提供選擇,分別是 ConcatenateReplace 兩個選項,如下圖所示:

在 v2.3 的更新中將之前所會遇到問題以及已有對應 workaround 的版本變成 Replace mode,而新推出的 Concatenate mode 則已解決相關的議題。也許在使用上還是會有點困惑,以下就使用一些 Scenario 為各位介紹一下這兩個功能之間的差異以及解決了什麼問題 🙂。

繼續閱讀