本月學習重點回顧(2025年7月)

更新 發佈閱讀 5 分鐘

1. MQTT → RabbitMQ 架構轉換與 Pub/Sub 設計

  • 你將原本的 MQTT 架構轉為 RabbitMQ,並建立 MQ_server.js 作為接收與分發的專用模組。
  • 學會如何設計 Pub/Sub 模式,模仿 MQTT 的彈性佈局,例如動態 dispatch 到 PHP。
  • 運用 axios + x-www-form-urlencoded 結合 RabbitMQ message handler 並記錄 log。

技術收穫

  • 熟悉 RabbitMQ 架構、Message Queue 運作流程與模組化封裝方式。
  • 精煉後端與 PHP 之間的跨語言溝通(RESTful + MQ hybrid model)。

2. React 表格元件優化:FloatingHeader + TanStack Table V8

  • 解決 header 高度抓取問題,使用 useLayoutEffect + ref.offsetHeight 自動設定 sticky。
  • 整合浮動表頭與欄寬自動調整、搜尋欄位、自定欄位寬度 resizing。
  • 重構表格元件為可重用、模組化、高度可配置的組件。

技術收穫

  • 深入掌握 @tanstack/react-table v8,包括 pagination、column sizing、custom cell render。
  • 更細膩地管理 DOM 高度與 layout calculation,提升使用者體驗。

3. Node.js MVC 架構優化與 PHP 系統重構

  • 明確規劃了從 legacy PHP → Node.js 重構流程。
  • 成功串接 PHP CLI,使用 Node 後端觸發 PHP 模組,並以 async/await 管理流程。
  • 重構 get_req() 等 PHP 函式為 getCheckRequirements 等 Node.js async 函式。

技術收穫

  • 完善理解 Node.js + PHP 雙系統整合的策略與風險控管。
  • 將 async Node pattern 與 MVC 架構應用於實際專案中。

4. n8n 自動化流程深化應用

  • 完成一個完整的 FTP 任務自動執行流程:資料庫查詢 → Disk file 檢查 → FTP 傳輸 → 更新狀態。
  • 使用 Merge Node 整合多個流程節點,搭配 SSH 自動建立目錄。
  • 接入 RabbitMQ 作為 n8n 觸發點,並測試報表延後解析設計。

技術收穫

  • 熟練操作 n8n 節點(FTP、PostgreSQL、Merge、Switch、HTTP)。
  • 建立模組化自動化架構,提升流程透明度與維護性。

🤔 本月省思與調整方向

1. 系統越來越模組化,但維護成本上升

  • 雖然各模組功能漸趨完整,但串接點與相依邏輯也逐漸複雜,日後 debug 或新需求需要清楚的 flow documentation。

👉 建議:建立 flowchart / ERD / module interaction map,避免知識集中在腦中或 code comments 裡。


2. 越來越多 async 流程,錯誤處理機制要加強

  • 無論是 n8n、MQ、RabbitMQ、Node → PHP,錯誤與例外情境尚未全面考慮(如 fail-retry、timeout fallback)。

👉 建議:建立統一的錯誤攔截機制與監控 log,例如配合 n8n 的 webhook callback / retry policy。


3. 前後端資料流日趨複雜,需重視資料一致性與驗證邏輯

  • 前端 React 組件愈來愈重,邏輯分層不明(如 handleColumnSearch、欄位驗證、資料異步更新)。

👉 建議:開始考慮使用 Form Hook、Zod/Yup 驗證與前後端 schema 同步方式。


4. 學習節奏快但整合不易,知識零散

  • 本月學了很多技術點,但尚未形成一套“共通模式”或 reusable template。

👉 建議:開始整理常用的 snippet / pattern,例如:

  • 自定 React 表格 template
  • n8n FTP 流程模組
  • Node-to-PHP Bridge handler base class
留言
avatar-img
Alice的盒子
0會員
8內容數
我是Alice,物理系畢業、PM轉職全端工程師,熱愛新技術、AI與自動化,也喜歡靈性與玄學探索。相信科學的盡頭是玄學!
你可能也想看
Thumbnail
賽勒布倫尼科夫以流亡處境回望蘇聯電影導演帕拉贊諾夫的舞台作品,以十段寓言式殘篇,重新拼貼記憶、暴力與美學,並將審查、政治犯、戰爭陰影與「形式即政治」的劇場傳統推到台前。本文聚焦於《傳奇:帕拉贊諾夫的十段殘篇》的舞台美術、音樂與多重扮演策略,嘗試解析極權底下不可言說之事,將如何成為可被觀看的公共發聲。
Thumbnail
賽勒布倫尼科夫以流亡處境回望蘇聯電影導演帕拉贊諾夫的舞台作品,以十段寓言式殘篇,重新拼貼記憶、暴力與美學,並將審查、政治犯、戰爭陰影與「形式即政治」的劇場傳統推到台前。本文聚焦於《傳奇:帕拉贊諾夫的十段殘篇》的舞台美術、音樂與多重扮演策略,嘗試解析極權底下不可言說之事,將如何成為可被觀看的公共發聲。
Thumbnail
柏林劇團在 2026 北藝嚴選,再次帶來由布萊希特改編的經典劇目《三便士歌劇》(The Threepenny Opera),導演巴里・柯斯基以舞台結構與舞台調度,重新向「疏離」進行提問。本文將從觀眾慾望作為戲劇內核,藉由沉浸與疏離的辯證,解析此作如何再次照見觀眾自身的位置。
Thumbnail
柏林劇團在 2026 北藝嚴選,再次帶來由布萊希特改編的經典劇目《三便士歌劇》(The Threepenny Opera),導演巴里・柯斯基以舞台結構與舞台調度,重新向「疏離」進行提問。本文將從觀眾慾望作為戲劇內核,藉由沉浸與疏離的辯證,解析此作如何再次照見觀眾自身的位置。
Thumbnail
本文深入解析臺灣劇團「晃晃跨幅町」對易卜生經典劇作《海妲.蓋柏樂》的詮釋,從劇本歷史、聲響與舞臺設計,到演員的主體創作方法,探討此版本如何讓經典劇作在當代劇場語境下煥發新生,滿足現代觀眾的觀看慾望。
Thumbnail
本文深入解析臺灣劇團「晃晃跨幅町」對易卜生經典劇作《海妲.蓋柏樂》的詮釋,從劇本歷史、聲響與舞臺設計,到演員的主體創作方法,探討此版本如何讓經典劇作在當代劇場語境下煥發新生,滿足現代觀眾的觀看慾望。
Thumbnail
《轉轉生》為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,融合舞蹈、音樂、時尚和視覺藝術,透過身體、服裝與群舞結構,回應殖民歷史、城市經驗與祖靈記憶的交錯。本文將從服裝設計、身體語彙與「輪迴」的「誕生—死亡—重生」結構出發,分析《轉轉生》如何以當代目光,形塑去殖民視角的奈及利亞歷史。
Thumbnail
《轉轉生》為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,融合舞蹈、音樂、時尚和視覺藝術,透過身體、服裝與群舞結構,回應殖民歷史、城市經驗與祖靈記憶的交錯。本文將從服裝設計、身體語彙與「輪迴」的「誕生—死亡—重生」結構出發,分析《轉轉生》如何以當代目光,形塑去殖民視角的奈及利亞歷史。
Thumbnail
這篇文章描述了作者從兼職開發轉為全職開發的過程,並分享了從混進學界指日可待的積極態度。作者也提及自己在專案製作與個人生活上的矛盾與感想,最後分享了專案管理和敏捷開發相關的文章與影片。
Thumbnail
這篇文章描述了作者從兼職開發轉為全職開發的過程,並分享了從混進學界指日可待的積極態度。作者也提及自己在專案製作與個人生活上的矛盾與感想,最後分享了專案管理和敏捷開發相關的文章與影片。
Thumbnail
本次更新了貼圖教學內容,包括靜態貼圖上傳、動態貼圖上傳、貼圖轉移教學、表情貼上傳、貼圖拼貼、群組機器人設定和頻道機器人設定教學。
Thumbnail
本次更新了貼圖教學內容,包括靜態貼圖上傳、動態貼圖上傳、貼圖轉移教學、表情貼上傳、貼圖拼貼、群組機器人設定和頻道機器人設定教學。
Thumbnail
訊息的即時傳遞已然成為現代社會的趨勢了, 而扮演中樞平台的系統架構功能也漸趨複雜完整, Kafka是一個事件流平台, 正好滿足串流時代之下的即時訊息傳遞架構, 因此我們有必要深入來學習這套事件流平台, 不論是自動化、金融交易、IOT、物流…皆離不開即時的需求, 所以就讓我們蹲好馬步來好好的學習一
Thumbnail
訊息的即時傳遞已然成為現代社會的趨勢了, 而扮演中樞平台的系統架構功能也漸趨複雜完整, Kafka是一個事件流平台, 正好滿足串流時代之下的即時訊息傳遞架構, 因此我們有必要深入來學習這套事件流平台, 不論是自動化、金融交易、IOT、物流…皆離不開即時的需求, 所以就讓我們蹲好馬步來好好的學習一
Thumbnail
觀察者模式透過主題訂閱/訊息通知的機制,極度增強系統的可擴展性、靈活性以及降低組件間的耦合度。概念直觀簡單,是非常實用的設計模式。
Thumbnail
觀察者模式透過主題訂閱/訊息通知的機制,極度增強系統的可擴展性、靈活性以及降低組件間的耦合度。概念直觀簡單,是非常實用的設計模式。
Thumbnail
軟體系統的發展歷程大多相似,首重解決基本需求、提供操作介面,進而提升安全性、擴充功能、優化操作。
Thumbnail
軟體系統的發展歷程大多相似,首重解決基本需求、提供操作介面,進而提升安全性、擴充功能、優化操作。
Thumbnail
在近期的沙龍改版升級中,非常感謝各位會員與創作者給予的回饋,不論是透過客服信箱、討論區、留言或是其他管道, vocus 產品團隊與營運夥伴皆會悉心傾聽會員們的聲音,並用心推出更好的服務,滿足各位會員的使用需求。
Thumbnail
在近期的沙龍改版升級中,非常感謝各位會員與創作者給予的回饋,不論是透過客服信箱、討論區、留言或是其他管道, vocus 產品團隊與營運夥伴皆會悉心傾聽會員們的聲音,並用心推出更好的服務,滿足各位會員的使用需求。
Thumbnail
啟動從未如此簡單、輕鬆或快速! 記得我開始寫第一份電子報時,花了很長時間。 但現在不再是這樣了。 除了Logo之外,所有內容幾乎都可以在 Chat GPT 的幫助下創建完成。
Thumbnail
啟動從未如此簡單、輕鬆或快速! 記得我開始寫第一份電子報時,花了很長時間。 但現在不再是這樣了。 除了Logo之外,所有內容幾乎都可以在 Chat GPT 的幫助下創建完成。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News