iT邦幫忙

技術文章

RSS
鐵人賽 Modern Web DAY 10

DAY 10|切版實作:用 Collapse 打造獨立折疊的子任務清單

在上一篇中,使用了 Accordion(手風琴) 來製作主任務列表。接下來,要處理下一層的「子任務與計時紀錄清單」。 在這個區塊中,我選擇直接套用 Collap...

鐵人賽 Software Development DAY 9

Day 9|只留一個 Chatbox,User 真的知道 AI 能做什麼嗎?

最近打開很多 AI Product,都會看到一個很熟悉的畫面: 乾乾淨淨的首頁,中間只有一個 Chatbox。 How can I help you toda...

鐵人賽 AI 自動化 DAY 10

Day 10:實作,用 Python SDK 寫一個 MCP Server

昨天把 MCP 的兩種傳輸方式拆開來看。 stdio 適合跟著本機應用一起跑,Streamable HTTP 則適合獨立部署成服務。 今天先不再拆協定了。 前九...

鐵人賽 AI 自動化 DAY 9

[Day9] AI 源頭關鍵終究是「人」!請保持專業度才能駕馭好 AI

前面幾篇已知充分了解「流程有 Skill、經驗有知識庫、規則有把關」等等了 不過 AI 終究是我們在工作時的一種工具,它能大大加速流程,但終究能有效判定是否真的...

鐵人賽 AI 自動化 DAY 16

Day 16 | Normalization:三種 Input,為什麼最後一定要長一樣?

經過前幾天的擴建,我們的 AI 管家已能處理 YouTube 影片、網頁、PDF 連結與純手打文字等截然不同的輸入支線。但在將這些支線匯流給 Gemini 處理...

鐵人賽 ChatGPT & Codex DAY 9

Day9 | 兩個人同時按新增,為什麼會拿到同一個號碼?從 Legacy Code 看 Race Condition

前言/情境導入 上一篇,我處理了一個看似單純、實際上牽動整條資料流的需求:把三碼流水號改成四碼十進位。 在釐清三碼十進位、三碼十六進位與四碼十進位的歷史規則後,...

鐵人賽 自我挑戰組 DAY 11

電腦上美美的,手機一打開直接毀容 ?_?

昨天才剛讓 Flexbox 跟 Grid 和平共處。 今天想說來看看之前做的版面。 電腦上看起來: 嗯!不錯不錯,滿漂亮的嘛~ 結果把瀏覽器視窗縮小…… 蛤??...

鐵人賽 IT Operation DAY 9

Day 09 - Metrics、Logs、Traces:可觀測性怎麼用

前面先用 Kubernetes 定義服務要維持的狀態。Pod 停止時,Deployment controller 會建立替代副本;副本數被手動改掉,也能回到宣告...

鐵人賽 Software Development DAY 9

Day 9|購物車到訂單(上):兩種購物車,與三層結構

交易主線的最後一站:單怎麼從購物車走到訂單。留言進了購物車、身分掛好了單、庫存卡住了不變量——這章把它們聚合成一筆可以付錢、可以出貨、可以開發票的東西。明天的標...

鐵人賽 Build on Google AI DAY 9

Day 9|從匯出草稿到可追蹤修訂版:為 AI 報告補上核對紀錄

前言 昨天,我把 Gemini 回傳的 JSON 轉成 Markdown,讓工具分類、風險判讀、證據與修正建議可以直接閱讀。 不過,報告上方仍然寫著「匯出草稿」...

鐵人賽 Build on Google AI DAY 10

Day 10:公告的口吻是有立場的

一個我一開始沒想到的問題 把公文轉成公告,最直覺的做法是:照著原文改寫得通順一點就好。 我一開始就是這樣做的。結果做出來的公告,讀起來像是學校在推薦這個活動。...

鐵人賽 Claude AI DAY 25

[Day 25] 倒數五天!用 Claude AI 做面試模擬練習

進入最後倒數五天,今天分享一個對準備求職或研究所申請特別實用的應用:面試模擬練習。 情境設定 假設準備投遞一個實習職缺,面試前想先練習,但不一定隨時找得到人幫忙...

Day 09|useRequest 到底在幹嘛?先追 API 從哪裡出去、資料又跑去哪裡

上一篇提到 useEffect 時,我一直在問: 這段程式到底是在什麼時候做事情? 到了實際 React 專案,又很常看到另一種寫法: const { lo...

白稜 系列 第 11 篇

Day 11|第 6 章:流程再造(上)

1 這一章的主角不是彼得。 他刻意退到後面——不是放手,是換了一個位置。從場上退到場邊。從球員變成教練——不,連教練都不太對。更像是一個建築師,把藍圖交出去以後...

鐵人賽 Software Development DAY 12

Human-friendly CLI 的持續互動:REPL 模式

一般的 CLI 命令屬於一次性執行:當你在終端機輸入 ls 或 git status 時,作業系統會建立一個獨立的 Process,程式執行完畢就立刻結束 Pr...

鐵人賽 AI Engineering DAY 12
AI Agent 系統開發 30 天 系列 第 12 篇

讓 Agent 在迴圈中自主決策

在常見的工具呼叫模式中,任務往往是一問一答:使用者提出明確問題,模型呼叫一次工具取得資料,接著直接回答結束流程。如果任務需要的資料一開始就能確定,系統的控制流就...

鐵人賽 Vibe Coding DAY 9

Day 9|MVP 做完當天晚上,我問 AI「這東西有市場嗎」

4 月 15 日 Sproutimer 開發上傳了 27 個 commit。 那天做了 音源匯入 音量控制拆成專注結束和休息結束兩組 匯出指南 系統匣 字體放...

鐵人賽 自我挑戰組 DAY 25

Day 25|Template Method(樣板方法模式) 用 Template Method 固化 SOP 咖啡品質

昨天用 Command 把客訴處理的動作包成一張張可以撤銷、重做的指令,今天我們繼續行為型 Pattern 柴咖啡連鎖化之後,分店越開越多、新店員也越來越多,但...

鐵人賽 AI Engineering DAY 16

Day16 打造 Agent 競技場:手刻工具呼叫環境與評估資料集建立

今天要開始實作了,首先要先建立環境以及 Evaluation Dataset。 環境是什麼? 環境(Environment) 工具呼叫環境是連接 AI 語言模型...

鐵人賽 AI Engineering DAY 9
它說得頭頭是道 系列 第 9 篇

# Day 9 — 第三類錯誤:每個零件都是真的,只是組錯了位置

昨天那 8 處錯誤,有一個共同點,而我昨天只點到一句: 它們全部都被抓到了。 今天要講的是另一類錯。它沒有出現在那 8 處裡面——因為我的方法根本抓不到它。...

鐵人賽 JavaScript DAY 10

Day10|DOM:那片空白的網頁,終於有東西了

今天的主題:DOM——第一次讓 JavaScript 真的動到畫面 前九天我做的所有事,成果都只出現在主控台裡。網頁本身一直是一片空白,我甚至問過「一直在宣告...

鐵人賽 AI Engineering DAY 23

23-OpenSpec | spec-driven development:讓 AI 不用猜需求

! 本篇文章將會介紹 OpenSpec 與 spec-driven development,需求不再活在聊天記錄裡,而是變成 repo 的一等公民 :D TL;...

Day 17|併發模型(二):絕發就是 GIL——Rust 的 Send/Sync 對上 Python 的事件迴圈

「桌上同時只有一張嘴有權出聲,這不是禮貌,是一把鎖。輪到你才是你的,插話的話從來不算數。」 ——《阿帕契開源審計錄》¹ 卷二·絕發篇 幕間三號質問二號昨天...

鐵人賽 IT Operation DAY 9

Day 9:握手的前半段過了,後半段掛掉

前面講過我們換了三次地區,最後落在日本。 地端那條隧道不用重建。strongSwan 早就裝在那台機器上,日本這條只是把原本指向新加坡的設定改個方向,實際要動的...

鐵人賽 Claude AI DAY 9

Day 9 測試是給 AI 的護欄,也是驗收標準

前兩天做的事都是人工審:讀它的計畫、回它的問題、判斷它的假設對不對。這件事一天做三次會累,累了就容易放水。 今天要把「它做對了沒」這個判斷交給不會累的機器。...

鐵人賽 Vibe Coding DAY 10

MCP 是什麼?讓 AI 讀取資料、連接工具的關鍵

☝️☝️☝️☝️☝️ 影片連結 你可能曾經跟 AI 說「幫我看一下那份試算表」,結果它只回你:「請把內容貼上來。」不是它故意裝傻,而是 AI 原本只看得到這段...

鐵人賽 Claude AI DAY 10

劇情引擎後端化:用 Go 設計分支劇情狀態機與存檔系統

系列:奇幻塔防開發實錄:用 Claude 打造一款有靈魂的塔防遊戲今日工具:Claude Code今日進度:domain/story 狀態機 + table...

鐵人賽 Security DAY 23

Day 23|擋與不擋:依賴掃描的門檻設計

你把掃描接進建置流程,設了一條規則:Critical 就擋。 然後跑第一次。 三十七個專案,三十五個紅的。而且那些 Critical 大多在三年前就存在了,跟今...

鐵人賽 Software Development DAY 9

Day 09: ResourceLoader —— 資源的載入存取與路徑解析

到昨天為止,我們大致了解 Spring 是怎麼把一份 Java 程式轉變成一個可以被容器管理的 Bean。從今天開始,我們會在 Application 這個高度...

鐵人賽 Claude AI DAY 9

【Day 09】改出 v1.2

今天要做的事原本的計畫是先看 Chrome 本機儲存的隔夜結果,再把 v1.2 (候選)拿去對照 v1.1,重複跑量穩定度,時間夠再測輸出量,實際情況是我打算小...