iT邦幫忙

技術文章

RSS
鐵人賽 Modern Web DAY 24
Angular 22 Signal 進化論 系列 第 24 篇

Day 24:SPA Router 為什麼不再只靠 History API?

平常使用 Angular Router 時,可以透過 routerLink 或 router.navigate() 切換不同頁面。 模板連結: <a ro...

鐵人賽 JavaScript DAY 24

Day 24 Diffing 演算法拆解:單節點與多節點 Diff 的啟發式策略

傳統的樹 Diff 演算法時間複雜度高達 O(n^3),如果直接套用在 DOM 比較上,效能將會是毀滅性的。React 透過 三大啟發式策略 (Heuristi...

鐵人賽 AI 自動化 DAY 29

技術封板!開場導引、快捷問答與前端體驗最終優化

完成了獨立 Web App 的發布後,團隊同仁已經能夠透過獨立網址存取架構顧問。然而,在真實的軟體工程實踐中,「功能可用」與「團隊愛用」之間還隔著一層關鍵的體驗...

鐵人賽 Vibe Coding DAY 26

Vibe Coding:30 個開發實用技巧|雲端的 Claude Code 和 Codex:不一定要在本機跑,每個裝置看到的是同一個 session - Tip 26

本篇系列版部落格:閱讀中文版. Claude Code 和 Codex 都有雲端版。任務在雲端的機器上跑,我從瀏覽器、手機、terminal 看到的是同一個 s...

鐵人賽 AI Security DAY 24

Day 24|一個 Agent 把任務交出去後,權限到底去哪了?

Day 23 我讓兩個 worker 同時分析不同問題。它們都只有唯讀 prompt,沒有危險工具,所以責任邊界還算單純。 真正麻煩的是 handoff。一個...

鐵人賽 Claude AI DAY 24

【Day24】從 Facebook 的成長史看懂遊戲規則怎麼變,學會用 Claude AI 打造資料驅動、可重複、可預測的成長系統

快速解答: 成長曾經是行銷部門偶爾想到的加分項,現在是一門有方法論、可以被拆解、被複製的正式學科。從 Facebook 用 5000 萬用戶衝到近 10 億用戶...

鐵人賽 Vibe Coding DAY 24

Day 24 — Antigravity x n8n 實戰 (上):運用 Gemini 自動生成 n8n 工作流 JSON

n8n 雖然擁有直覺的視覺化介面,但當工作流變得龐大(包含數十個分支判斷、複雜的 Data Mapping 或 Code Node 時),手動拉節點與設定 JS...

鐵人賽 Build on Google AI DAY 24

Day 24:Cloud Run(上)第一次 deploy 與三個踩坑

前面十幾篇都在講協定與框架。今天把 agent 真的推上雲。 流程本身不難,gcloud run deploy 一行就會跑。難的是那一行裡藏了三個我實際撞到的坑...

鐵人賽 AI Engineering DAY 25

Day 25 Capstone Project 啟動:GitHub PR 自動審查與 Jira 追蹤系統架構設計

在現代軟體工程團隊中,資深工程師的時間是最寶貴的資產。然而,在日常開發中,資深工程師經常被兩大痛點分散注意力: 無止盡的 PR Review: 花費大量精力抓出...

鐵人賽 Vibe Coding DAY 24

Day 24:告別 Localhost:將 n8n 與資料庫部署上雲端 (VPS) 的實戰指南

Day 24:告別 Localhost:將 n8n 與資料庫部署上雲端 (VPS) 的實戰指南 嗨,大家今天過得好嗎?歡迎來到鐵人賽 Day 24。 過去 23...

鐵人賽 Build on Google AI DAY 25

Day 25:這支程式到底是誰在維護?

一個沒有人記得答案的問題 學校裡有很多小系統,是這幾年陸續開發的。有一天某個系統出問題,或是某個單位要改個功能,問題就來了: 「這支程式是誰負責的?」 需求單位...

鐵人賽 Software Development DAY 30

Day 30:系列總結——這套紀律,換成任何語言、任何專案都通用嗎?

前言:為什麼想寫這個系列 這個工具是我自己寫來用的個人專案,一開始完全沒有測試——先求能動,能把片段兜起來輸出一份完整內容就算成功。測試是後來才慢慢補上的,補的...

鐵人賽 Claude AI DAY 30

Day 30:系列總結——把每一次「不對!」,變成寫進專案文件裡的一句話

前言:為什麼想寫這個系列 這個系列的起點,是一份把過去 14 個工作階段、646 則訊息、339 小時協作紀錄整理成模式跟數據的報告。第一次看到這份報告時,本能...

鐵人賽 Software Development DAY 30

Day 30:總結——如果重來一次,AI 時代的 TDD 該怎麼練

前言:為什麼要寫這個系列 決定寫這個系列之前,我心裡其實有點猶豫。市面上不缺「AI 幫你寫測試」的教學文,大多停在「叫 AI 生成一段測試程式碼」這個層次——這...

鐵人賽 自我挑戰組 DAY 0

Day 24:寫到一半才發現案例重複,怎麼在寫作過程中持續檢查

前言 「Day 03 不是已經在規劃階段把分工邊界劃清楚了嗎?寫到一半還會撞題?」 規劃階段劃清楚的邊界,防的是「大方向撞題」——確保三個系列各自負責回答不同角...

鐵人賽 Software Development DAY 25

Day 25:這套方法論解決不了什麼——規則之外,還是需要判斷力

前言:「照著規則做,就不會過度設計了吧?」 如果前面 24 天讓你覺得「只要把複雜度預算、架構測試這些機制都建好,過度設計問題就解決了」,今天這篇要來澆一盆冷水...

鐵人賽 Security DAY 24

Day 24:惡意程式威脅——病毒(Virus)與蠕蟲(Worm)

電腦病毒(Virus)與蠕蟲(Worm)是最經典的惡意程式,同時也是自我複製能力最強的代表。在歷史上也出現許多病毒與蠕蟲攻擊相關的資安事件,造成巨大的損失,值得...

鐵人賽 AI 自動化 DAY 24

DAY 24|讓 Bot 聽懂建案需求,也看得懂 Review 評分

建立專案的流程搬進 Discord。使用者可以先說明需求,看過第一輪草案後,再決定直接定稿或提出修改。 實際使用後,我發現流程的頭尾還有兩個地方不夠自然。入口太...

鐵人賽 ChatGPT & Codex DAY 24

【Day 24】用 AI 把西門紅樓照片做成 3D:跟著 Codex 與 Blender 完成自己的第一個模型

摘要 想把照片中的建築做成能換角度查看的 3D 模型,可以先描述想呈現的畫面,再讓 Codex 使用 Blender 協助製作。本篇以西門紅樓為例,從照片與來源...

鐵人賽 Build on Google AI DAY 5

儀表板開發:建立連接 BigQuery/Firestore 的 Looker Studio 儀表板,以視覺化每日評分與自選股。

第 24 天 10/08/2026儀表板開發:建立連接 BigQuery/Firestore 的 Looker Studio 儀表板,以視覺化每日評分與自選股。...

鐵人賽 AI Engineering DAY 3

Day 26(下)|AI Alerting:一筆幻覺不該叫醒所有人

GitHub:darkstar1227/learning-sre-for-ai-era 結論先說:分流政策要能落地,還得再過三關——資料契約撐不撐得住 pa...

鐵人賽 AI Engineering DAY 3

Day 26(上)|AI Alerting:一筆幻覺不該叫醒所有人

GitHub:darkstar1227/learning-sre-for-ai-era 結論先說:AI alerting 要依影響範圍與可行動性分流;mod...

鐵人賽 自我挑戰組 DAY 25

Day 25|秒殺:重現超賣

今天開始秒殺:限量商品開賣的那一秒,很多人同時搶。先不用 Lua,用最直覺的寫法,先查庫存,有剩再扣,看 100 件商品會不會賣出超過 100 件。賣出去的比庫...

鐵人賽 Claude AI DAY 24

# Day 24:每個 AI 工具都要一份自己的說明書

第十五個標準 xkcd 在 2011 年有一則很有名的漫畫,標題叫〈Standards〉。第一格寫著:現在有 14 個互相競爭的標準。兩個工程師看了說,14 個...

鐵人賽 AI 自動化 DAY 24

D24 讓排程自己報告失敗

D23 教了怎麼查排程。但有個情況查不出來:它跑完了、狀態是 ok,可是其實什麼都沒做成。 因為排程器只看「這次執行有沒有拋錯」。agent 回一句「好的,我來...

鐵人賽 AI Engineering DAY 24

Day 24:延遲對話

前一天收尾時我記下一個「已知但今天不碰」的問題。今天回來處理它,因為它其實不是小瑕疵,是這個系統目前最嚴重的一次誤報。 四個點 學生按「送出程式碼」→ 評測真...

鐵人賽 Software Development DAY 28

Day 28|用圖層面板找回被遮住的物件

系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式:2026-10-04 工作目錄,package.json 版本 0.20.0。圖層面板的畫面與瀏...

鐵人賽 AI 自動化 DAY 24

Day 24|HTML 模板算圖卡:為什麼 1080×1350 不是美觀問題

昨天講完 caption,那是整條流程裡唯一沒有版型管的自由文字。今天回到程式這一側,看圖卡本身是怎麼算出來的,還有 Day 19 留的那個問題:1080×13...

鐵人賽 AI Engineering DAY 24
從零搞懂 RAG 評測之旅 系列 第 24 篇

DAY24. 文件載入與切割

昨天我們裝好了 Ollama、模型與 Python 套件。今天正式寫第一段 RAG 程式:把 data/ 裡的文件讀進來,再切成適合檢索的小段落(chunks)...

鐵人賽 AI 自動化 DAY 24

Day 24|讓 AI Agent 真的開始做事!加入多個 Tools,讓 AI 自己選擇工具

昨天第一次接觸 AI Agent。 我們先建立最基本的: Chat Trigger → AI Agent → Chat Model 接著再加入一個簡單的 T...