iT邦幫忙

技術文章

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

Day 15:搞懂 Injection Context,從 inject()、runInInjectionContext() 到 injectAsync()

前面提到 Injection Context 時,可能會讓人聯想到先前介紹過的 Reactive Context。我一開始也有點搞混,因此花了一些時間重新理解...

鐵人賽 Vibe Coding DAY 16

在你手上好好的,換個人用就卡住

本文同步發表於我的個人網站 我接手過一個給家長記錄小孩狀況的網站,這個網站原本是我朋友 R 和 AI 一起做的。 到今天,網站還有家長在用,而我平常不太會去...

鐵人賽 Vibe Coding DAY 15

# Day 15 - 前後端 API 串接:讓 AI 寫 Client-side 資料獲取(TanStack Query / SWR)

「資料不只是抓過來,還要抓得優雅」 昨天我們搞定了複雜的交易紀錄表單(Form),今天我們要讓前端正式與後端 API 溝通。告別傳統混亂的 useEffect...

鐵人賽 Claude AI DAY 15

Day 15|讓 Claude Code 幫我做 Code Review

前幾天讓 Claude Code 自己寫 Test、執行 Test,甚至可以根據失敗結果找到 API 的問題。 這時候我開始思考:如果 Test 全部通過了,C...

鐵人賽 AI 自動化 DAY 15

Day 15|Worker 獨立測試:每人 20 題考試與評估表

今天要做的事:在把三位 Worker 接到 Supervisor 之前,先各考 20 題。今天的課程比較無趣一些,但它是整個系列裡投資報酬率最高的一天。 為...

鐵人賽 Vibe Coding DAY 17

Vibe Coding:30 個開發實用技巧|Codex 的 /goal:給他一個長線目標,CLI 和 Desktop App 都有 - Tip 17

本篇系列版部落格:閱讀中文版 這一篇改寫自我部落格的《Codex CLI 的 /goal:讓 AI agent 記住一個長線目標》,照這個系列的格式重寫過。原始...

鐵人賽 自我挑戰組 DAY 28

Day 28|Longest Substring Without Repeating Characters:Java 與 Python 實作 Sliding Window

一、題目介紹今天要練習的是LeetCode 3:Longest Substring Without Repeating Characters 題目要求給定一個字...

鐵人賽 AI Security DAY 30

Day 30|30 天 AI Security 總結:從完全不懂到建立自己的 AI Security 思維

終於來到第 30 天,這 30 天從 AI Security 到底是什麼開始,一路介紹到 Prompt Injection、RAG、AI Agent、MCP、R...

鐵人賽 Software Development DAY 15

Day 15 走一遍才知道:二元樹的走訪

上一篇用陣列和鏈結把二元樹建立起來了,但要怎麼確定 A 的左邊真的接到 B、B 的右邊真的接到 D,而沒有接錯位置?最直接的檢查方法,就是從根節點出發,把樹裡的...

鐵人賽 Claude AI DAY 15

【Day15】功能上線不是終點!學會準備並主持專案復盤,搭配 Claude AI 把上線結果變成下一輪迭代的關鍵洞察

快速解答: 功能上線,不代表工作結束——真正決定下一步該怎麼走的,是上線後的溝通與復盤。你需要先辦好利害關係人溝通,再透過專案復盤會議,把數據轉化成清楚的迭代決...

鐵人賽 Build on Google AI DAY 29

Day 30|從 GitHub 全新部署:最終驗收與 Roadmap

今天要完成什麼 最後一天不再加功能,而是用沒有本機快取的流程重新安裝,逐項證明 repository、bundle、Apps Script、資料庫、聊天、排程...

鐵人賽 AI Security DAY 15

Day 15|我給 Agent 20 個工具後,它反而更常做錯事

Day 14 處理的是哪些文件能進入 RAG。今天輪到另一份同樣會塞進模型 context 的東西:工具定義。 我先故意列出 20 個 Helpdesk 候選工...

鐵人賽 JavaScript DAY 15

Day15 解構

當陣列或物件的資料一多,每次列出完整資料就會變得很長爾且如果只是想看一兩筆資料的話也比較難找。解構可以將需要的屬性直接取出來。 const Torterra =...

鐵人賽 Modern Web DAY 15

DAY15 Float、Overflow與flex

如何精準控制水平排列 在昨天的文章中,我們透過display屬性認識了元件的排列基因,並學會了用inline-block讓多個盒子在同一行並排,但是,隨著網頁設...

鐵人賽 Kubernetes DAY 16
不囉唆圖解 Kubernetes 系列 第 16 篇

Day 16:大門地圖看板 Ingress,一個網域分流到多個服務

Day 16:大門地圖看板 Ingress,一個網域分流到多個服務 Ingress 忙什麼? 有五個服務要對外。開五個 NodePort,就是五個難記的埠號;開...

鐵人賽 Software Development DAY 28

Day 28:一次資料遷移——dry-run/chunk/三種結果統計,安全搬歷史資料的範本

前言:「換一套路徑規則」聽起來簡單,「搬歷史資料」才是真正的挑戰 昨天看到一個只有十幾行、把檔案路徑換成人類看得懂的結構的類別。但這裡有一個沒有講完的問題:如果...

鐵人賽 Software Development DAY 28

Day 28:一個曾經出過 Content-Type bug 的路由,測試覆蓋盲點在哪裡

前言 「這個系統測試寫得挺仔細的,應該沒有明顯的覆蓋漏洞吧?」 昨天看到的 sitemap 測試涵蓋了 V1、V2 兩套介面版本,看起來很完整。但今天要指出一件...

鐵人賽 Software Development DAY 21

Day 21:案例——檔案數量對了,內容卻對不上

前言:昨天的驗證邏輯,還有一個沒處理到的情況 昨天講的驗證邏輯,處理的是「片段數量比預期少」的情況。但這個系列素材專案裡真實遇過另一種相反的狀況:片段數量比預期...

鐵人賽 Claude AI DAY 21

Day 21:現象——本機測試綠燈,換一個環境才發現語法根本不相容

前言:「測試通過」是相對於某個環境而言的 「測試都綠燈了,應該沒問題」——這句話有一個沒有明講的前提:綠燈是在某個特定環境下測出來的結果,不是一個放諸四海皆準的...

鐵人賽 AI Engineering DAY 30

Day 30:總結——如果重來一次,AI 開發工作流該怎麼設計

前言:為什麼要花 30 天講「怎麼跟 AI 協作」這件事本身 決定寫這個系列時,其實猶豫過。市面上不缺「AI 工具怎麼用」的分享,但大多數停在功能介紹的層次——...

鐵人賽 Software Development DAY 21

Day 21:怎麼強迫 AI 拆解成小步驟,逐步紅綠重構

前言:三階段流程都照做了,為什麼還是感覺在趕工? 「我已經照 Day 11 教的方式,把任務拆成『寫測試展示失敗 → 補實作展示通過 → 重構』三個階段,每個階...

鐵人賽 Claude AI DAY 30

Day 30:總結——如果重來一次,會怎麼設計這套流程

前言:為什麼要花 30 天講一套流程,而不是直接分享程式碼 決定寫這個系列時,心裡其實有點猶豫。市面上不缺「AI coding agent 怎麼用」的分享,但大...

鐵人賽 Vibe Coding DAY 30

Day 30:總結——讓 AI 參與維護一段時間後,這個專案有什麼改變

前言:為什麼要拿一個真實在跑的專案做實驗,而不是寫一份方法論清單 決定寫這個系列時,其實有個更省事的選項:整理一份「AI 怎麼協助維護 open source...

鐵人賽 自我挑戰組 DAY 0

Day 15:案例——AI 幫忙抓到一個原本會漏掉的可識別資訊組合

前言 「單獨看每個字眼都很技術性、很通用,怎麼會被抓出識別風險?」 這正是最容易被人工複查漏掉的一種情況——不是某個字眼本身敏感,而是好幾個各自看起來無害的技術...

鐵人賽 IT Operation DAY 25

Day 25:幫 Refund 補一個例外測試,只花了 13 行

前言:不等新功能當藉口,主動補一個例外測試 第二部看過 commit 80d3469「順路補測試」的真實案例——加新功能時,順便把舊路徑的測試缺口補上。今天反過...

鐵人賽 Software Development DAY 16

Day 16:光讀程式碼找不出的東西——認知負荷與維護成本怎麼衡量

前言:「這段程式碼沒有 bug,review 過關,問題在哪?」 Day 11-13 拆解的三個案例(空的 UnitOfWork、假的重試、死碼 DTO),都有...

鐵人賽 AI Engineering DAY 30

Day 30:總結——如果重來一次,AI 時代的架構設計該怎麼做

前言:為什麼想寫這個系列 決定寫「AI 寫 code 之後,我們還需要 Software Architecture 嗎」這個題目,其實是被一個很具體的煩躁感推著...

鐵人賽 AI 自動化 DAY 15

【Day 15】Manus 每日推播 AI 更新內容到 Tg 頻道(GPT、Cluade、Gemini)

Day 15 今日專案任務 前幾天在使用 Manus 的 Mail Manus 功能時,也同時去比對 ChatGPT 有沒有類似的功能,才發現 GPT 也是最近...

鐵人賽 Security DAY 15

Day 15:作業系統風險––未即時修補修補與零日攻擊(Zero-Day)

在前面的章節中,我們學習網路層、資料鏈路層與邊界存取機制。然而,無論網路防火牆設定得再嚴密、VPN的加密機制做得再完善,底層運作的作業系統與系統元件本身若存在漏...

鐵人賽 Software Development DAY 19

Day 19|用同一套渲染器加入圖形與箭頭

系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag v0.4.0 版本說明:本文記錄矩形、橢圓、線段與箭頭共用資料模型與渲染元件...