SERIES

系列專題

照順序讀,一次把一個主題讀透:從《工程師下班有約》、Claude Code 實戰、Hugo 自架站到設計思考。

AI 實戰AI in Practice8 個系列

SERIES ・ 5 篇

Manus AI Agent

Manus AI Agent

從研究、簡報、連接器、技能到桌面版,帶你掌握普通人也能上手的 AI Agent。

  1. 01【Manus 實戰教學】從研究、簡報到個人網站,帶你掌握普通人也能上手的 AI Agent
  2. 02【Manus 連接器教學】別再複製貼上!把任務集中在 AI Agent 完成
  3. 03【Manus Skill 技能教學】教會 AI 一次,他永遠記得!讓 AI Agent 自動完成你的工作流
  4. 04【Manus 專案實戰】新人培訓、交接不用再找 keyman!把團隊經驗變成 AI 共享大腦
  5. 05【Manus 桌面版教學】讓 AI 操作電腦,從資料夾彙整報告、辨識圖片寫 Excel、自動填表單

SERIES ・ 4 篇

Google Antigravity

Google Antigravity

Google Antigravity 的實戰教學:Vibe Coding 學習地圖、全端專案、Workflow 自動化測試與 Agent Skills。

  1. 01【Google Antigravity 教學】把想法化為現實!用 Vibe Coding 完成可部署上線的輕量級全端專案
  2. 02【Vibe Coding 學習地圖】用實戰帶你搞懂 Gemini、Google AI Studio、Antigravity 的使用情境
  3. 03【Antigravity Workflow 實戰】建立自動化測試,解決 Vibe Coding 痛點!
  4. 04【Antigravity Agent Skills 教學】用實戰搞懂原理,讓 AI 從庸才變專家

SERIES ・ 4 篇

YouTube 影片轉逐字稿

YouTube to Transcript

請 ChatGPT 帶你用 Python 下載 YouTube 音檔,再用 Whisper 轉成逐字稿、用 GPT 產生摘要。

  1. 010 基礎!讓 ChatGPT 手把手教你用 Python 將 Youtube 影片轉成音檔(mp3)
  2. 02進階應用!詢問 ChatGPT 如何用 Python 將 Youtube 影片轉換成逐字稿(OpenAI 的 whisper)
  3. 03在 Local 導入 Whisper 套件,用 Python 免費將 Youtube 影片轉換成逐字稿!
  4. 04用 Python 搭配 OpenAI 的 GPT、Whisper API 取得 Youtube 影片摘要

技術教學Tech Tutorials8 個系列

SERIES ・ 6 篇

Hugo 自架站

Build with Hugo

用 Hugo 從零打造個人品牌網站:挑選主題、設定參數、撰寫文章、部署到 GitHub Pages,再串接 Google Analytics 與 Search Console。

  1. 01挑選合適的主題,在本地安裝並啟動 Hugo
  2. 02設定部落格網站的基礎參數(自我介紹、圖片、網站 Logo、Email、社群媒體...)
  3. 03用 Markdown 撰寫文章,掌握分類、標籤文章的技巧
  4. 04將網站部署到 GitHub Pages
  5. 05安裝 Google Analytics 追蹤網頁的流量與成效
  6. 06設定 Google Search Console,讓自己的網站可以被搜尋

SERIES ・ 4 篇

Kafka 與分散式追蹤

Kafka & Tracing

認識 Kafka 分散式訊息串流平台,用 Node.js 實作,再透過 Jaeger 與 OpenTelemetry 追蹤效能瓶頸。

  1. 01善用分布式追蹤系統,幫你找出程式的效能瓶頸與問題影響範圍(Jaeger with OpenTelemetry Node.js)
  2. 02正在為大數據所苦嗎?帶你了解 Kafka 這個分布式消息串流平台,以及它能解決什麼問題!
  3. 03手把手帶你建立 Node.js 專案 & Kafka 環境,透過實作了解 Kafka 的運行邏輯
  4. 04透過 Jaeger with OpenTelemetry 追蹤 Kafka 資料傳遞路徑與運行狀況

SERIES ・ 5 篇

前端單元測試

Frontend Testing

替前端專案導入測試:學習地圖、Jest 基礎與進階,再到 Vuetify(Vite & TypeScript)中的 @vue/test-utils。

  1. 01想幫前端專案導入測試框架?也許我的想法與學習地圖能給你一點方向
  2. 02認識 Jest 測試框架,開始動手寫單元測試(TypeScript)
  3. 03Jest 框架進階應用(describe、Setup and Teardown、Mock function)
  4. 04在 Vuetify(Vite & TypeScript)中導入單元測試 Unit Testing
  5. 05透過實際案例了解在 Vuetify(Vite & TypeScript)中如何運用 @vue/test-utils

SERIES ・ 30 篇

FB & IG 爬蟲專案從零開始

FB & IG Crawler from Scratch

《FB & IG 爬蟲專案從零開始》書封

第 12 屆 iThome 鐵人賽 AI & Data 組佳作:用 Node.js 與 Selenium 從零打造 FB、IG 粉專爬蟲,一路做到 Google Sheets 存資料、排程與 LINE 通知;後來改寫成《JavaScript 爬蟲新思路!》。

  1. 01技術只能陪你一陣子,學會解決問題才能過一輩子
  2. 02開發環境大補帖 - Node.js、NVM、git、yarn、VSCode
  3. 03努力寫出更好的程式碼,有時你不是一個人在戰鬥
  4. 04建立Node.js專案 & 全面解析專案管家package.json
  5. 05用yarn安裝及控管套件 & 善用關鍵字讓全世界的大神幫你一把
  6. 06env - 善用環境變數幫你快速遷移專案
  7. 還有 24 篇

團隊合作Teamwork9 個系列

SERIES ・ 6 篇

工程師血淚史

Engineering War Stories

系統開發現場的真實踩坑紀錄:需求變更、工作流程、文件與團隊分工,問題是怎麼發生的,又該怎麼避免。

  1. 01團隊在系統開發上遇到了哪些問題 — 
  2. 02需求不斷變更,到底哪個環節出錯了
  3. 03當 Scrum Master 跟 PM 同時存在,權力與責任該如何區分? — 
  4. 04如果沒有明確的工作流程,團隊將會無所適從 — 
  5. 05你知道對專案來說,README.md 有多麼重要嗎?
  6. 06為什麼有些小變更需要等一段時間才能更新?

SERIES ・ 6 篇

Redmine 專案管理

Redmine

從安裝、外掛、管理者設定到一般使用者操作與教育訓練,完整導入 Redmine 專案管理系統。

  1. 01Redmine 超詳細安裝教學:Redmine 4.1.1 on Ubuntu 16.04
  2. 02如何用 Redmine 做專案管理&體驗心得
  3. 03Redmine Plugins & Themes 介紹:那些我成功安裝的外掛
  4. 04用 Redmine 做專案管理 — 管理者不可不知的設定
  5. 05用 Redmine 做專案管理 — 一般用戶不可不知的基礎功能
  6. 06Redmine 教育訓練 — 依角色權限說明

SERIES ・ 3 篇

軟體團隊的工作流程

Software Team Workflow

科技島專家論點連載:軟體團隊為什麼需要工作流程,從專案啟動、初始任務到專案執行的實際做法。

  1. 01為什麼軟體團隊需要制定工作流程?「專案啟動」時可以做這 3 步驟!
  2. 02為什麼軟體團隊需要制定工作流程?正式開發前的「初始任務」有 5 個步驟不能忽略!
  3. 03想讓「專案執行」更加順利?工程師與 PM 間的合作要注意這點!

職涯成長Career Growth4 個系列

SERIES ・ 31 篇

工程師下班有約

After Office

《工程師下班有約》書封

同名著作與 YouTube 節目的延伸文章。一個技職生花了 15 年,成為外商工程師、作家與講師,這裡記錄一路上的選擇、失敗與心法。

  1. 01談談 Pair Programing
  2. 02談談工程師的話語權 
  3. 03[前端]新手工程師容易卡住的問題 
  4. 04[前端&後端]工程師常犯的錯誤 
  5. 05讓開發團隊更好協作的方式 
  6. 06社會新鮮人要盡早知道的 5 件事 
  7. 還有 25 篇

SERIES ・ 8 篇

那些我走過的路與故事

My Story

2022 年寫下的自傳系列:從高職、大學、軍旅到第一份工作,記錄一個工程師一路走來的選擇與轉折。

  1. 01想像與現實的差距,可能會毀掉人的一生 — 那些我走過的路與故事(緣起)
  2. 02我跟別人有什麼不同?如何透過差異化競爭累積自信 — 那些我走過的路與故事(大安高工)
  3. 03沒有白走的路!如何找到自己的天賦 — 那些我走過的路與故事(臺北科大)
  4. 04沒有意志力?那是因為缺少環境的約束 — 那些我走過的路與故事(軍旅生涯)
  5. 05工作好累!壓力爆表!我的付出值得嗎?- 那些我走過的路與故事(第一份工作)
  6. 06如何用「斜槓」打破職涯框架?我除了是工程師外,同時也是作家、駐站專家、魔術師 — 那些我走過的路與故事(斜槓人生)
  7. 還有 2 篇

SERIES ・ 30 篇

全端工程師生存筆記

Full-Stack Engineer Survival Notes

《全端工程師生存筆記》書封

第 13 屆 iThome 鐵人賽 Software Development 組佳作:從履歷、面試準備到職涯選擇,整理全端工程師的求職與職場心得;後來出版成《給全端工程師的職涯生存筆記》。

  1. 01不要等到「受夠了!」才開始進步
  2. 02[履歷]準備履歷不只是為了面試!
  3. 03[履歷]你要對自己的履歷瞭若指掌
  4. 04[履歷]用簡報讓面試官集中注意力
  5. 05[面試]了解自己的市場價值,分析面試管道優劣
  6. 06[面試]做好自我檢核,面試就是上戰場!
  7. 還有 24 篇