前陣子收到了 Github Copilot 的年繳帳單，突然想到最近好像很少用它做了什麼功能，現在 AI Agent 大爆發，任何開發都入門都簡易化了。
於是就想著用 AI Vibe Coing 一下，開始盤點之前有做那些想一半就放棄的功能。
於是就先跑了這個 LinkEveryWord ，這功能的主體就是 我想在瀏覽網頁的時候，快速查到我電腦裡面的資料，這樣我比較追蹤這東西我到底抓了沒，或是是否有沒有這個檔案的存在，需求很小眾，但是實作起來很難。
對一個有數位囤物症的我來說，在電腦裡面下載或是安裝一些東西都算是稀鬆平常的事情，電腦常常又會堆積著大量用不到的檔案或是已經抓過的重複檔案。這點對我來說相當的困擾。如果我在手殘要下載之前可以快速比對一下電腦裡面有沒有安裝或是下載，這樣可以阻擋我點下去下載的需求。
由於電腦規則的設計，當你用瀏覽器的時候，大部分情況下瀏覽器是讀取不到你電腦內的檔案的，所以需要 Chrome 擴充元件跟其他應用程式的溝通才有辦法在瀏覽器中呈現你要的資料
n8n 有多厲害，這邊就不贅述了，作為一個自動化工作流的軟體，n8n 相當適合用來產生判定輸入的工作流程，聊天機器人就是一個案例， n8n 有很多種建立方式，這邊就不著重於介紹了，以往很多 n8n 串 LINEBOT 都直接請使用原生的 webhook 功能，現在社群推出了一個 n8n-nodes-linewebhook 可以很快速地把發送以及推送給簡化，這邊就快速紀錄一下建立的流程。
首先要準備幾個東西
許久沒有開箱了，近年鍵盤的規格豐富程度實在是超乎我的想像，今天要開箱的就是 IROCKS K103R 無線機械式鍵盤，如標題所見，這款機械式鍵盤除了支援無線之外，還可以熱插拔替換你想要的軸體，尺寸來到 75 配列，算是短小鍵盤裡面還擁有 FN 區域功能鍵的配置，完整的方向鍵區域還帶有一個多功能旋鈕
iRocks K103R 提供三種顏色，可搭配自己想要的手感選擇軸體，這款是防塵梅紅軸，打習慣紅軸的我喜歡這種線性手感
最近一直想要組一把 無線的 980 配置鍵盤，弄了很多配件卻遲遲沒有動手，直到最近看到 IROCKS 推出一款新的 980 配置無線鍵盤，直接省去了我想要組裝的念頭， 980 加上無線根本正中我的下懷。加上獨立的螢幕數位顯示內容、多功能轉盤，把過去鍵盤推出的優點以及新的特色都給整合進去了，實在是相當的心動，只接打消我想要 DIY 的念頭，直接實際帶回，應用個幾周之後，分享一下開箱的心得。
irocks K85R 外盒，這把是黑白配色，盒子上有標註特點，這把鍵盤是 2.4G有線無線雙模鍵盤
喜歡粉紅色周邊產品的朋友，有一組粉色的電腦周邊就根本就是生活必需品。這次要介紹的是 IROCKS M31E 粉紅色光學遊戲滑鼠，不僅為你的桌面帶來一致性的個人化搭配，而且滑鼠本身的特點，可以讓你使用電腦體驗更加流暢。
現在就讓我們來看看 IROCKS M31E 粉紅色光學遊戲滑鼠有哪些特點吧。
最近開發寫程式的工作越來越繁重了，外出使用筆電的機會越來越高了，平常在外面使用筆電的時候都採用平放的方式使用電腦，打起字來都有點卡卡的。
想找個電腦用的支撐架，結果搜尋找到了一款 Life 生活【隱形筆電支架】，可以直接貼在筆電後方，利用摺紙的設計，可以提供三種角度來操作電腦，相當適合我現在外出使用電腦的工作狀況。事不宜遲現在就來開箱吧。
東西超快就到貨了，外箱還有一個頑皮鬼的圖案。
說到鍵盤不得不想到，以薄膜鍵盤出身的 IROCKS 鍵盤，近年來的機械式鍵盤越來越盛行，許多周邊廠商都只推出機械式鍵盤，還能推出薄膜鍵盤的廠商少之又少，IROCKS 出現幾款相當經典的薄膜鍵盤，其中包括 K10 、KR6260 、K50E ，其中 K10 KR6260 都是使用 POM 軸體來設計的，K50E 則是採用剪刀腳設計，這幾把薄膜鍵盤的輸入手感都相當的出色。
IROCKS 如今迎來 20周年慶祝，又重新將 K50E 改版，推出了 K50W Plus ，整體來說，拿掉了舊有的變速模式，增加了應用軟體的應用以及全新的外觀配色設計。
IROCKS K50W Plus 光從外盒外觀就可以看到 20周年紀念的字樣，還記得 15周年的時候，鍵盤盒子採用的也是最簡約的造型設計，20周年的設計也是簡單的採用黑底的設計，底部再帶出鍵盤框體的線條，相當的簡約不花俏。
現代開發環境不得不說，只需要下幾行指令之後，開發環境就隨之建立，Windows 自從 Windows 10 推出之後，利用WSL 子系統模式來執行 Linux ， 近年來流行的 Docker 也快速的發展，利用系統層虛擬化，讓開發環境與正式環境相當的貼近。
在開發專案的時候相當推薦採用 統一的 Docker 環境來處理這些環境架設的問題，減少各個系統的問題處理，統一函示庫元件之類的套件載入方法，推薦使用 Docker 。
今天要介紹的就是利用 Laravel 官方推出的 Laravel Sail ，配合我最近整合的 LINEBOT套件，快速的建立起開發環境。
首先需要作業系統為 Windows 10 1909 以上，並安裝 WSL2 ，Windows 作業系統的部分我就不再贅述
透過官方的教學文件 Getting Started On Windows，你還需要安裝 Docker Desktop，萬事都備妥了之後，你需要打開命令提示字元，按下 WIN+R 輸入 CMD，或是直接執行命令提示字元
輸入
wsl接著會跳入 wsl 子系統
前情提要? 上一篇實作方法利用了三個迴圈，取得標題，將標題的資料利用索引(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] ] = n.innerText
})
tableObject.push(data)
}
console.log( 'tableObject ',tableObject )其中內容可以看到，第二段的地方，所跑的迴圈是針對 td 來做處理，headData 的部分其實也是針對 tr 下的 欄位去做處理，以前針對 XHTML 有稍微看一下規範，在標準的 HTML 結構下 TABLE 的子節點必須是 caption,colgroup,thead,tbody,tr 幾種節點，tr 這個節點下也只能有 th 跟 td 在這個標準規範下，我們理論上可以信任瀏覽器會解析這些元素來使用