mesak

[mesak]

[教學] 利用 n8n 建立 LINE 聊天機器人

n8n 有多厲害，這邊就不贅述了，作為一個自動化工作流的軟體，n8n 相當適合用來產生判定輸入的工作流程，聊天機器人就是一個案例， n8n 有很多種建立方式，這邊就不著重於介紹了，以往很多 n8n 串 LINEBOT 都直接請使用��生的 webhook 功能，現在社群推出了一個 n8n-nodes-linewebhook 可以很快速地把發送以及推送給簡化，這邊就快速紀���一下建立的流程。 首先要準備幾個東西 Continue reading [教學] 利用 n8n 建立 LINE 聊天機器人

[mesak]

[開箱] IROCKS K103R 熱插拔無線機械式鍵盤

許久沒有開箱了，近年鍵盤的規格豐富程度實在是超乎我的想像，今天要開箱的就是  IROCKS K103R 無線機械式鍵盤，如標題所見，這款機械式鍵盤除了支援無線之外，還可以熱插拔替換你想要的軸體，尺寸來到 75 配列，算是短小鍵盤裡面還擁有 FN 區域功能鍵的配置，完整的方向鍵區域還帶有一個多功能旋鈕 iRocks K103R 提供三種顏色，可搭配自己想要的手感選擇軸體，這款是防塵梅紅軸，打習慣紅軸的我喜歡這種線性手感 Continue reading [開箱] IROCKS K103R 熱插拔無線機械式鍵盤

[mesak]

[開箱] IROCKS-K85R 無線機械鍵盤

最近一直想要組一把 無線的 980 配置鍵盤，弄了很多配件卻遲遲沒有動手，直到最近看到 IROCKS 推出一款新的 980 配置無線鍵盤，直接省去了我想要組裝的念頭， 980 加上無線根本正中我的下懷。加上獨立的螢幕數位顯示內容、多功能轉盤，把過去鍵盤推出的優點以及新的特色都給整合進去了，實在是相當的心動，只接打消我想要 DIY 的念頭，直接實��帶回，應用個幾周之後，分享一下開箱的心得。 外觀開箱 irocks K85R 外盒，這把是黑白配色，盒子上有標註特點，這把鍵盤是 2.4G有線無線雙模鍵盤 Continue reading [開箱] IROCKS-K85R 無線機械鍵盤

[mesak]

[開箱] IROCKS K75M 銀色上蓋機械式鍵盤

IROCKS K75M 這款鍵盤推出了四年左右了，最早是先推出 粉紅色特別版，接著在推出規格小提升的 PBT 黑色版，陸續也有一基本款的出現，純白色的 K75M 更能打中白色控朋友們的胃口，以及銀色上蓋接近白色的 K75M K75M 採用 雙色成型鍵帽，德國 Cherry MX 軸體 紅軸茶軸青軸可供選擇，支援 NKRO 全鍵不衝突功能，按鍵更有多媒體快捷鍵設計，硬體巨集錄製功能，鍵盤燈色與側燈發光，上蓋採用金屬面板，懸浮式鍵盤設計。 Continue reading Untitled

[mesak]

[開箱] IROCKS M31E 粉紅色光學遊戲滑鼠

喜歡粉紅色周邊產品的朋友，有一組粉色的電腦周邊就根本就是生活必需品。這次要介紹的是 IROCKS M31E 粉紅色光學遊戲滑鼠，不僅為你的桌面帶來一致性的個人化搭配，而且滑鼠本身的特點，可以讓你使用電腦體驗更加流暢。 現在就讓我們來看看 IROCKS M31E 粉紅色光學遊戲滑鼠有哪些特點吧。 Continue reading Untitled

[mesak]

[開箱] 筆電用的支架，頑皮鬼Life隱形筆電架，貼上去就可以用

最近開發寫程式的工作越來越繁重了，外出使用筆電的機會越來越高了，平常在外面使用筆電的時候都採用平放的方式使用電腦，打起字來都有點卡卡的。 想找個電腦用的支撐架，結果搜尋找到了一款 Life 生活【隱形筆電支架】，可以直接貼在筆電後方，利用摺紙的設計，可以提供三種角度來操作電腦，相當適合我現在外出使用電腦的工作狀況。事不宜遲現在就來開箱吧。 東西超快就到貨了，外箱還有一個頑皮鬼的圖案。 Continue reading Untitled

[mesak]

[開箱] IROCKS K50W Plus 20周年紀念版

說到鍵盤不得不想到，以薄膜鍵盤出身的 IROCKS 鍵盤，近年來的機械式鍵盤越來越盛行，許多周邊廠商都只推出機械式鍵盤，還能推出薄膜鍵盤的廠商少之又少，IROCKS 出現幾款相當經典的薄膜鍵盤，其中包括 K10 、KR6260 、K50E ，其中 K10 KR6260 都是使用 POM 軸體來設計的，K50E 則是採用剪刀腳設計，這幾把薄膜鍵盤的輸入手感都相當的出色。 IROCKS 如今迎來 20周年慶祝，又重新將 K50E 改版，推出了 K50W Plus ，整體來說，拿掉了舊有的變速模式，增加了應用軟體的應用以及全新的外觀配色設計。 IROCKS K50W Plus 光從外盒外觀就可以看到 20周年紀念的字樣，還記得 15周年的時候，鍵盤盒子採用的也是最簡約的造型設計，20周年的設計也是簡單的採用黑底的設計，底部再帶出鍵盤框體的線條，相當的簡約不花俏。 Continue…

[mesak]

[開發] 利用 Docker 快速建立 PHP Laravel LINEBOT 機器人開發環境

現代開發環境不得不說，只需要下幾行指令之後，開發環境就隨之建立，WINDOWS 自從 Windows 10 推出之後，利用子系統模式來執行 Linux ， 近年來流行的 Docker 也快速的發展，利用系統層虛擬化，讓開發環境與正式環境相當的貼近。 在公司開發的時候相當推薦採用 統一的 docker 環境來處理這些環境架設的問題，減少各個系統的問題處理，統一函示庫元件之類的套件載入方法，推薦使用 Docker 。 今天要介紹的就是利用 Laravel 官方推出的 Laravel Sail ，配合我最近整合的 LINEBOT套件，快速的建立起開發環境。 首先需要作業系統為 Windows 10 1909 以上，並安裝 WSL2 ，Windows 作業系統的部分我就不再贅述 透過官方的教學文件 Getting Started On Windows，你還需要安裝 Docker…

[mesak]

[JS] Table 轉 Object 練習 part2

[JS] Table 轉 Object 練習 part2

前情提要? 上一篇實作方法利用了三個迴圈，取得標題，將標題的資料利用索引(index) 抓取表格的內容， 程式碼如下： let headData = Array.from(document.querySelectorAll('thead > tr > th')).map(n=>n.innerText) console.log('headData', headData ) let tableObject = [] for(let trNode of document.querySelectorAll('tbody > tr') ){ let data = {}; Array.from(trNode.querySelectorAll('td')).forEach((n , index)=>{ data[ headData[index] ] =…

[mesak]

[JS] Table 轉 Object 練習 part1

[JS] Table 轉 Object 練習 part1

自從工作開始分前後��分離之後，JavaScript 的東西就比較少去鑽研，但近期又開始大量的用到 JS 的東西，有些東西就需要重複的使用，JS 的陣列變化，從以前學會的 jQuery each ，演變到可以直接 querySelectorAll 之後 跑個 forEach 真的很方便，大大減少了對 jQuery 的依賴程度，反而開始探究起 JS 的原生有哪些 function 可以玩 這個時候 MDN 就是個很好用的工具 寫程式不需要一步到位，逐步漸進的達成目的，有機會再去把程式碼精簡調校，能夠理解其原理才會是最好的解法 這次就簡單的寫個當遇到表格，要怎麼轉成 一般的 Plain Object ，這個也是我用 Greasemonkey 要爬 dom 的時候，很常用到的用法，就是把 DOM 轉換成 資料傳遞 首先來一個範例 Continue reading Untitled

[mesak]

[軟體] 在 Synology 群暉 Nas 上利用 Docker 安裝 Gitea

用 nas 自己架一個 git 伺服器超簡單

前一篇介紹利用 Docker 來安裝 Home Assistant，可以看到有了 docker 之後，要架設服務是有多簡單的事情，今天要來介紹，在 Synology 群暉 Nas 上利用 Docker 安裝 Gitea。 也是相當簡單，本來我也想跑一下 gitlab ，不過群輝上的套件中心 gitlab server 裝起來卻沒有找到相關用法，找著找著就看到一篇 使用 Docker 五分鐘安裝好 Gitea (自架 Git Hosting 最佳選擇) 看來又是個 docker 的工具，而且網路上介紹 gitlab 都採用 docker 架設居多，秉持著冒險精神，就先在 Nas上建立看看 Gitea 吧。 進入 nas 打開 docker，搜尋 gitea 在第一個 image 裡面，按下下載，直接預設選擇 latest (more…)

[mesak]

[JS] 傳送 物件/陣列 到 FormData

[JS] 傳送 物件/陣列 到 FormData

JS 自從有了打包工具之後，很多工具造福不少開發者，以往要送個 AJAX 到後端，大多都是一個頁面處理一個 method 框架化後，每個程式碼開始有了 物件化、封裝方式來做，現在大多都用 axios 來送 AJAX 但是遇到一個問題就是送檔案的時候，需要使用到 FormData 的物類別物件。 但是整個像後端送的程式碼都封裝起來了，要針對一個檔案上傳的方法，做出額外處理，當檔案上傳處理頁面多了之後 維護除錯方法就有點麻煩。 所以比較好的方式還是修改 API 送出前，先把物件轉換好判定是否有 File 類型，然後轉換成 FormData 就可以一勞永逸 (more…)

[mesak]

[開箱] iRocks K89M 人體工學分離式鍵盤

[開箱] iRocks K89M 人體工學分離式鍵盤

許久沒開箱了，這次要開的是 iRocks K89M ，這款鍵盤說來慚愧，我滿早就入手了，不過因為搬家加上工作的關係，最近才從倉庫把它挖出來，好再手感依舊，這次還是做個紀錄，把鍵盤給開起來。 iRocks 從薄膜鍵盤，到機械自鍵盤，再到自有軸，這次來到了人體工學分離式機械鍵盤，每一次的鍵盤設計都令人驚艷，價位也是相當的親民，機械式鍵盤從好入手的軸體，到堅持德國櫻桃軸體的選擇都有各種類型的選擇可以挑選。 這次要開箱的 K89M 也是，最早在嘖嘖募資，為人體工學鍵盤再闢一條道路，募資現況已成功，不過相隔已經兩年了，要買也很難入手。不過好在近期它們又開了新的鍵盤設計 iRocks-K59M 不過究竟 K89M 到底好不好用，現在開箱也可以讓想預購 K59M 的朋友們做個參考。 K89M 採用人體工學鍵盤左右分離的設計，整體包裝來說是採用上下疊的方式包裝 (more…)

[mesak]

[Vue] 那就來寫前端吧 Vue3 HOC

[Vue] 那就來寫前端吧 Vue3 HOC

Vue3 HOC( higher order components )，原本我還不知道 HOC 的意思，主要是用了 Quasar 元件庫之後，針對原有的組件有些事件、方法想要異動，當然想操作到最少異動達到我的效果，所以搜尋了類似的關鍵字，最後才知道利用 HOC ( higher order components ) 可以達到我要的目的，HOC 在 React 已經是相當成熟的概念了，但是在 Vue 裡面實際上看到的案例相當少。 首先可以理解一下 Vuc 的 HOC 的來由，可以參考這篇：探索Vue高阶组件 我能夠快速理解的模式就是，撰寫一個 function 幫你與目標元件溝通，並且取代成原本的 component 下列這個專案：@hoc-element/table 就是一個針對 element plus 修改的例子 (more…)

[mesak]

[開箱] 不只輕還更多變，POJUN J02-電競滑鼠

現在市面上出現越來越多的輕量化滑鼠，今天要介紹的 POJUN 也不惶多讓，推出 POJUN波軍 J02 電競滑鼠，主打著可多樣化的配置設計，定製你的側鍵、上蓋、配重，各種多樣化的自訂設計，提供給玩家更多樣化的選擇。 滑鼠不但要耐用還要多樣化 POJUN波軍 J02電競滑鼠主打 高效能PAW3327感應器凱華 6000萬次微動開關可更換磁吸側鍵自訂RGB燈光程式自訂巨集替換蜂巢上蓋自訂配重 多樣化的選擇性，可讓你的滑鼠更符合你自己使用 來看看 POJUN J02 有哪些規格吧 (more…)

[mesak]

[開箱] 廚房就是少個架子，走走家具電器架

前篇分享了走走家具設計的工作台以及高腳椅的組合配置，在品質上完全不輸給實木家具！ 還有另一款北歐風的家具是是設計給電器櫃使用，家中如果一開始就沒有裝潢設計到電器專屬櫃子，等到有相關的家電要配置的時候，就會需要這種電器櫃來置放。 走走家具設計的電器櫃，就是拿來放置家用廚房電器的架子，搭配走走家具強調的輕便易移動的特性，北歐風的設計擺放在家中一點都不突兀。 走走家具稱為走走，也是方便租屋族可以將你的家具帶著走，搬家頭痛的都是大型家具的移動，如果可以折合收納就可以增加搬運的空間，不用受限於家具固定大小的侷限。 當然雖然增加了可拆可組性質，顏質還是不可少，走走家具全部採用樺木夾板來製作，早前我自己在入住的時候為了省錢也有從淘寶買過家具，不過淘寶的家具只寫了橡木色，完全不會���你說什麼材質， 這次這款是走走家具電器架，走走家具的架子一直都是相當有質感的設計，就算一開始家具規劃設計沒有電器架…

[mesak]

[開箱] 走走家具多功能工作台，隨手可及備菜超方便

在新家生活了一陣子，開始慢慢體會到小戶型的困擾。 一年前找了個小坪數的房型，把客廳改成電腦桌的空間，生活都圍繞在電腦桌前 廚房緊臨客廳，乾脆把客廳改為餐桌，視野看起來比較寬敞。 不過最近開始有點小苦惱，五月開始在家比較多做菜的時間，每次備餐備菜都要把餐桌的空間挪來備菜，有朋友來的時候餐桌就同時是備餐檯，備菜空間根本不夠放。 剛好看看走走家具最新推出的工具台+高腳椅的組合，似乎有點打中我的需求。 研究一下走走家具的板材用料以及設計，走走家具模組化設計模式相當的方便，主打重拆卸與安裝，簡單的包材也可以重複利用，先前買淘寶家具的經驗，保麗龍安裝緩衝材特別多，如果需要搬家或是移動的話，重新找到一樣的緩衝材就有點麻煩，快速的拆卸與打包算是走走家具的一個獨有的特色。 走走家具的包裝方式 前兩天在淘寶購入的桌��包裝： 安裝從最簡單的開始入手。 首先來把高腳椅組一下， 高腳椅的組成超…