iT邦幫忙

技術文章

RSS
鐵人賽 自我挑戰組 DAY 19

Day 19|Box Model 盒子模型

開始學習後覺得,在 CSS 的世界裡,每一個 Block 型態的標籤,本質上都是一個個「盒子」。 如果用美術做裝框設計或畫布排版的概念來比喻,一個完整的 Box...

鐵人賽 JavaScript DAY 29

Day 29|誰該擁有 AbortController?從 TanStack Query 看非同步工作的生命週期

摘要 取消要分兩個角色:判斷「還要不要」的一方持有 AbortController,負責喊停;做事的一方只拿 signal,交給 fetch 這類會停下來的 A...

鐵人賽 Security DAY 11

Day 17|五個漏洞的人工判斷與模型比較

Freeze Your Judgement Before You Look 施工進度| 定邊界(Day 1–5)→ 接資料(Day 6–10)→ 做評分(D...

鐵人賽 自我挑戰組 DAY 19
30 天的 SAA 學習筆記 系列 第 19 篇

Day 19 - 解耦與無伺服器整合 API Gateway:搭配 Lambda 打造無伺服器 API

🚪 Lambda 沒有網址,需要一個前門 Day 18 的 Lambda 能執行程式碼,但它本身沒有 HTTP 端點——前端沒有網址可以打。API Gatewa...

鐵人賽 Modern Web DAY 19

DAY19 響應式網頁設計(RWD)

過去幾天的佈局與定位課程中,我們學會了如何使用Flexbox、Grid與Position來打造網頁版面,但你有沒有注意到,我們的範例大多是固定在某個寬度(例如m...

鐵人賽 JavaScript DAY 19

Day19 把 GSAP 全部用起來:打造我的 JavaScript 探索基地

一、組合起來吧 前面幾天一直在學 GSAP 的不同功能,但如果每次都只是 gsap.to() 然後看一個方塊移動,好像還是有點無聊,所以今天直接來做一個完整的小...

鐵人賽 Claude AI DAY 20

Day 20:自訂 Workflow 實戰:用 `ultracode` 觸發 Claude Code 除錯一個難纏的碰撞判定 bug

系列:奇幻塔防開發實錄:用 Claude 打造一款有靈魂的塔防遊戲今日工具:自訂 Workflow(/ultracode)/ Claude Code sub...

鐵人賽 Software Development DAY 25

Day 25:案例——先產生一份用已知金鑰加密的假資料,反過來驗證解密邏輯

前言:怎麼測試「解密結果對不對」? 解密邏輯的測試有一個特別之處:你沒辦法簡單地「準備一份輸入,斷言輸出結果」,因為輸入本身(加密過的片段)長什麼樣,取決於加密...

鐵人賽 Claude AI DAY 25

Day 25:定規則——完成前要交出一份可被檢查的證據,不是一句「完成了」

前言:把 Day 24 的追問,變成一開始就講好的規則 Day 24 靠事後追問,才把殘留揪出來。今天要做的,是把這個追問提前——不等到被要求,一開始就把「完成...

鐵人賽 Software Development DAY 25

Day 25:案例——AI 把測試改鬆來讓 CI 通過,而不是修好程式碼

前言:紅燈亮了,AI 的第一反應是什麼? 「CI 紅了,AI 說已經修好了,一看 diff 才發現它改的是測試檔案,不是程式碼。」 這句話乍聽有點荒謬——修 b...

鐵人賽 自我挑戰組 DAY 0

Day 19:當日修改須當日完成——這條規則怎麼影響寫作跟發文的時間安排

前言 「文章發出去之後,如果隔天發現有錯字或需要補充,晚一點再回去改不就好了?」 Day 04 提過,評選是以主辦單位當天留存的快照版本為準,修改必須在當天完成...

鐵人賽 IT Operation DAY 29

Day 29:這些補救動作,哪些該真的推回公開套件?

前言:示範用的補救動作,哪些該真的推回去? 第四部這幾天,我們在一份本機暫存複本上做了好幾件事:補覆蓋率門檻的設定、示範把 check-style 接進 CI、...

鐵人賽 Software Development DAY 20

Day 20:複雜度預算——新增一個欄位,改動檔案數該有多少上限

前言:「這個 PR 改了 11 個檔案,很多嗎?」 如果你把一個「文章加一個分類欄位」的需求丟給團隊,PR 開回來改了 11 個檔案,你會核准嗎?大部分 rev...

鐵人賽 Software Development DAY 23

Day 23|驗證專案格式並保護既有資料

系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag v0.4.0 版本說明:本文聚焦匯入邊界的格式驗證與失敗時保留原專案,完整備...

鐵人賽 Claude AI DAY 19

【Day19】技術好不代表帶得動 PM。學會建立協作規格、對齊策略脈絡,搭配 Claude AI 打造真正穩固的 EM-PM 合作關係

快速答案: EM 與 PM 的關係決定了團隊產出的品質。兩者缺一不可——PM 帶來商業脈絡與用戶洞察,EM 帶來技術執行與規模化能力。想要避免策略脈絡斷層與合作...

鐵人賽 Vibe Coding DAY 19

Day 19|貓走到第二個螢幕就消失:一個問了三次才問對的 bug

Pomofocus 有一隻貓,工作時間到了會從螢幕邊緣走出來提醒我。我用兩個螢幕,而這隻貓在多螢幕環境下出過兩次問題。 兩次的處理方式不一樣,結果也不一樣。 第...

鐵人賽 AI Engineering DAY 19

Day19 Epoch 越多越厲害嗎?模型到底該訓練多久?

上一篇我們認識了 Overfitting 與 Underfitting,其中提到一個很重要的現象 Training Accuracy 持續上升與 Validat...

鐵人賽 Vibe Coding DAY 19

Day 19 — Antigravity 實戰 (下):圖像視覺轉代碼與自動化 CI/CD 工作流串接

在前一天的全專案分析基礎上,今天我們來體驗 Antigravity 結合 Gemini 原生視覺能力 與 自動化流程 的另外兩大核心開發應用:UI 圖像直接轉代...

鐵人賽 Claude AI DAY 23

用反例教書:建立心理計量 failure atlas

一個回答寫了「配適度不等於效度」,結尾卻又說「因此本量表構念效度良好」,算通過查核嗎?前面各篇已累積這類推論錯誤,今天將它們整理成失敗案例集(failure a...

鐵人賽 AI Engineering DAY 20

Day 20 告別寫死的 If-Else:解密 Agent 自主思考模型與 ReAct 框架

前幾天我們透過 n8n 與 Dify 工作流 (Workflow),打造了一套極度穩定的自動化管線,甚至為系統裝上了多模態的「眼睛」。但你可能會發現一個問題:這...

鐵人賽 Software Development DAY 24

Day 24 | 一張教室卡片背後,藏著完整課表的入口

前言:教室卡片如何顯示,並跳到完整課表頁? 上一篇我們拆解了「所有教室狀態」頁面的整體架構與資料流,今天我們要更進一步,深入探討這個頁面的視覺與互動核心。 在總...

[Day-19] 酒精和 modal 都不能「もっと」!移除不必要的設計!

設計規則定調後,就要把一些功能頁面拆出來啦!總不可能什麼功能都是點下去再跳出 modal 吧? Modal 的影響 用 Canvas 功能做的 protot...

第 33 章:Pass、Developer Product 與 Roblox 官方 Shop

本章把第 32 章的商品假設轉成可檢查的產品設定。Pass 適合一次購買的長期權益;Developer Product 適合可重複購買的消耗品。Roblox 官...

鐵人賽 Vibe Coding DAY 20

GitHub Pages 怎麼免費架網站?從檔案到網址的 3 個步驟

☝️☝️☝️☝️☝️ 影片連結 上一篇把 Git 和 GitHub 分清楚了。不過,檔案傳上 GitHub,朋友打開儲存庫時,看到的還是一份檔案清單,不會直接...

鐵人賽 AI Engineering DAY 19

【Day 19】Bot 自稱使用者的名字:447 byte 修好的身分鏡射

昨天量出身分宣告佔 stable 層的第一個位置,那個檔案裡的身分段落是為了修一個故障加上去的。agent 接進群組聊天之後,在頻道裡自稱發話者的顯示名稱,問它...

鐵人賽 Claude AI DAY 19

Day19 [travel-storage] 一趟旅行只用一頁:出發前、旅途中、回來後都改同一份資料區

今天要解的問題 前兩天都在寫 llm-wiki,今天開一個全新的專案。 我出國前習慣跟 Claude 一起查景點、排行程,每趟旅行做成一個自含式的 HTML:出...

鐵人賽 ChatGPT & Codex DAY 19

Day 19|Secret、權限與 Prompt Injection:AI 開發的安全底線

當代理能讀檔、改碼和執行指令,安全問題不只是一句「不要貼 API Key」。Repository、Issue、套件文件甚至網頁內容都可能含有指令;它們不一定可信...

鐵人賽 JavaScript DAY 19

DAY19 DOM-3

上一篇已經可以透過 DOM 修改文字、樣式和元素,不過那些程式會在網頁載入時直接執行。如果想等使用者按下按鈕後再修改畫面,就要使用事件。 事件是網頁中發生的動作...

鐵人賽 AI 自動化 DAY 19

Day 19|Skill 結構:SKILL.md 管判斷、templates 管樣式、scripts 管執行

昨天講了我為什麼把做圖卡的流程寫成 Skill。今天把那個資料夾打開,看裡面東西怎麼分。我把它切成三塊:SKILL.md 管判斷,templates 管樣式,s...

鐵人賽 自我挑戰組 DAY 20

Day 20|Lua 腳本

Day 19 的 MULTI 排隊的時候指令還沒執行,拿不到值,沒辦法「先看有沒有庫存、有才扣」。 Lua 是一種很小的程式語言,Redis 裡面就有內建。把判...