客製 QR Code 就用 LINE Bot

前言
延續上一篇「幫 QR Code 加上背景圖,別只留下黑白!」,因為只需要一個輸入框輸入網址、以及上傳一張圖片,想了想感覺就很適合透過 LINE Bot 來幫忙產生,以下就來跟大家介紹一下這次開發時的一些註解~
NodeJS repository: https://github.com/louis70109/qrcode-background-generator
標籤

延續上一篇「幫 QR Code 加上背景圖,別只留下黑白!」,因為只需要一個輸入框輸入網址、以及上傳一張圖片,想了想感覺就很適合透過 LINE Bot 來幫忙產生,以下就來跟大家介紹一下這次開發時的一些註解~
NodeJS repository: https://github.com/louis70109/qrcode-background-generator

來自 chatGPT 的說明:它可以生成一個帶有背景圖片的 QR code。這個 QR code 產生器可以通過 GitHub 上的項目連結 https://github.com/louis70109/qrcode-background-generator 來使用。特點是,它可以讓使用者自行選擇背景圖片,並在其上生成一個具有特殊圖案的 QR code,使 QR code 看起來更具吸引力和美感。這個 QR code 產生器可以給您的商業或個人項目帶來更多的創意和更佳的用戶體驗。
前幾天在 FB 社群中意外的點到貝克菜 FB 中分享的內容(範例如下),其中寫到:「讓你的 QR Code 更符合品牌形象,而不是停留在黑白」。
它可以讓你自行選擇背景圖片,使 QR code 看起來更有設計感和美觀。這對於您的商業或個人項目來說,可以提高曝光率和吸引力,並提高用戶體驗。
因為放在 bucket 上的檔案預設是用 utf-8 上傳,但如果是中文字變成亂碼。因此想說好看一點,在後端上傳前把東西都先用 big5 encode 完後再傳到 bucket,檔案看起來就正常了
影片跟字幕字幕檔 是抓遠端 bucket,會遇到 CORS 的問題暫時的網址給字幕使用當時因為公司、社群、工作坊以及各種朋友群組都會需要分享各種活動資訊,包括活動告知、訂位消息、個人資訊卡、新聞...而每個需求中都剛好包含著其他功能 🔧,有時用 JavaScript、有時 Python,而每次寫的 Flex Message 就會散落在各地,東西、時間一多都會忘了當時做的東西在哪 💦,也就浪費當時花費的精力,而且在微服務這麼盛行的現今怎能不切出來呢 🤔


這幾天很流行一個點擊迷因貓的網站 - popcat,用戶可以透過點擊的方式來讓自己國家加分數,而昨天台灣本來還在第五名的位置,在寫文章的同時已經在第二名了(此時下方的名次好像卡住)。
近期也剛好在研究 headless browser 的內容,可以模擬用戶點選瀏覽器畫面,常見是使用在模擬測試等等,但既然現在是要搶金牌,那當然是直接拿來幫忙搶金牌啦!
近期在想活動時想到之前有做個彈幕機器人,異想天開下想說在上面加個投票系統,不過為求方便想快速完成,因此想說用 Docker 啟動一個 Redis 來做個 PoC,因為當初為求前後端方便彈幕機器人就使用全 js 的方式撰寫,在很直觀找到最多星星的 Redis 套件 - node-redis,以下就分享我被 callback 雷到的經驗XD

過年前收到了預購的 Vue.js 3 書,除了支持以外也希望透過紀錄把看過的東西在寫下來加深印象,以下就分享一些我看的過程中覺得有學習到的部分。
最近在各個地方學到到一些 JavaScript 的小技巧,練習過後快速寫一篇小文章記錄下來 📖,也把一些實際上有用到的小技巧一併記錄下來分享給大家。
有一次在網路上閒逛的時候看到了這篇部落格,裡頭透過一些簡單的敘述來展示 Typescript 跟別人不太一樣的地方,也說到一些需要注意的眉角,這次文章則含有些許的文章翻譯以及個人評述在裡面,以下就開始吧!