iT邦幫忙

技術文章

RSS
鐵人賽 Modern Web DAY 20

Day 20 - Shadow:讓行星開始產生陰影

Day 19 我們已經完成基本的光照系統,現在太陽會透過 PointLight 照亮行星,也加入了 AmbientLight 讓暗面保留一些細節。今天不會加入新...

鐵人賽 JavaScript DAY 20

# Day 20:MongoDB 聚合管道 (Aggregation Pipeline) 的數據煉金術

在 Day 19 中,我們學會了如何用 MongoDB 儲存無綱要的 JSON 文件,這對於存取靈活的玩家狀態或多變的感測器日誌非常方便。但如果老闆或企劃今天要...

Day 20:什麼是分支(Branch)?為什麼開發需要開分身?

在開始學習 Git 之前,我們寫程式常常是一條路走到黑:把所有檔案改好、存檔、覆蓋過去。如果幸運的話程式能跑;但如果不幸寫壞了,往往只能欲哭無淚地手動「倒帶」把...

打造現代化專業認證實作平台:我們如何全面深度整合 Google 生態系

打造現代化專業認證實作平台:我們如何全面深度整合 Google 生態系 導讀:本文章適合公開發表於技術社群、部落格或合作夥伴平台。本文深入解析我們的專業網路認...

鐵人賽 Vibe Coding DAY 20

[Day 20] Vibe Coding 實戰:PWA 效能優化與離線快取(Service Worker)

回歸 PWA 主場,打造即使斷網也能使用的極致體驗雖然昨天的目標看似成功,實則好像還是有點問題,所以最後決定,重新回到最一開始的目標,繼續開發我的網頁應用程式。...

鐵人賽 JavaScript DAY 20

Day 20 自訂 Hook (Custom Hooks) 封裝:抽離業務邏輯與邏輯複用

隨著 UI 與業務邏輯越來越複雜,如果把所有 API 呼叫、狀態管理與事件監聽全都擠在 Component 裡面,組件很快就會變成難以維護的「巨型亂碼 (Spa...

鐵人賽 AI 自動化 DAY 20

Day 20:功能四:測驗詳解生成器(解析選項盲點)

一、前言 在昨天(Day 19)的文章中,我們成功利用 Dify 工作流搭建了「隨堂出題機」,把落落長的教材文字丟進去,3 秒內就能自動生成 5 題具備標準題幹...

鐵人賽 AI Engineering DAY 21

Day 21|Prompt v1:要求 AI 只根據提供的證據說話

今天為什麼研究這個? Day 20 把同一份合成 CSV 加上來源背景、再整理成 structured summary,三組仍都收到「請根據資料給我健康建議」。...

鐵人賽 Security DAY 11

Day 18|v0.1 評分門檻:什麼算可用?

Good Enough Is a Measurement, Not a Feeling 施工進度| 定邊界(Day 1–5)→ 接資料(Day 6–10)→...

鐵人賽 Claude AI DAY 20

Day 20 圖書歸還與逾期天數計算

今天要來實作歸還書籍return.php的後端邏輯。除了將借閱狀態更新、歸還書籍庫存之外,還需要判斷是否逾期,並計算逾期天數。 一、還書流程與邏輯分析 身份與...

鐵人賽 自我挑戰組 DAY 21

Day 21|快取穿透

Day 4 的商品快取是先查 Redis,沒有才去 DB 撈,撈完寫回快取。 那如果商品本來就不存在呢?Redis 沒有,DB 也沒有,沒東西可以寫回快取,下一...

鐵人賽 Software Development DAY 10

Day 15|AI 程式像一團線?從單一職責與模組化開始~

先記住:依變更原因分責任,不要只依行數拆檔。需要深入時:再做模組邊界設計。 一個改金額格式的需求,竟然碰到付款邏輯 假設購物車元件有六百行:抓資料、算折扣、...

Day 22:Golden Circle 黃金圈法則於風控報告與董事會溝通

收到!各位打火弟兄注意,我是今天的資料分析兼 AI 戰術教官。裝備檢查完畢,全部給我集中精神進入狀況! 今天的救援任務是推進 「Day 22:Golden Ci...

鐵人賽 Software Development DAY 20

Day19 - 訊息鑑別碼 (Message Authention Code,MAC)

前言 在前幾天的內容中,我們學習了 AES 與 3DES 等對稱加密演算法。許多初學者常有一種誤解:「只要資料經過加密,中間人看不懂,系統就是安全的。」 這在密...

鐵人賽 自我挑戰組 DAY 20

【Day20】static attribute 靜態屬性

什麼是 靜態屬性 屬於 class 本身的屬性 使用方法 Video模板: using System; namespace ConsoleApp1 { cla...

鐵人賽 Security DAY 20

API Key 串接系列1--把你的設備告警接進 BeakPlatform

這系列連續五篇,講兩種建立API Key用於自己開發程式,讓所有網路設備,主機,其他系統發表單到BeakPlatform,未必是資安,也可以是維運,甚至股票,直...

鐵人賽 AI Engineering DAY 20

【Day 20】要接一個 MCP:自建、官方託管、開源自架的取捨

工具怎麼接進 agent,MCP 定了格式,沒有定誰來實作那個 server。實際要接的時候會發現這件事有三條路:自己寫一個、用服務商託管的、把開源的實作架在自...

鐵人賽 Claude AI DAY 20

[Day 20] AI 文化入侵

文化入侵 — The Cultural Invasion 為什麼寫這篇, 體感先放這: 我覺得寫到第 20 天, 跟 AI 的合作讓我快得到失語症了.— j...

鐵人賽 Security DAY 25

Day 25. 鯨魚的 PHP Heap Exploitation 小筆記

對不起直接把自己的筆記複製貼上,小忙 我是自己寫了個 zendstring 操作相關的 so 檔案做 init 和 free 這些操作(init, free 和...

鐵人賽 Vibe Coding DAY 20

Day 20|讓 App 自己產生 prompt,再把 AI 的結論改回 App

這是我覺得 Pomofocus 最好玩的功能。 6/29:統計頁多了一顆「AI 分析」按鈕 6 月 29 日晚上 7 點 25 分(22bfd66,446 行)...

鐵人賽 AI 自動化 DAY 20

[Day20] AI E2E 自動化測試總結:人的判斷力

開始,AI E2E 自動化測試這一段一共走了三條路:browser-use、Chrome DevTools MCP、還有團隊自己設計的一套架構。 這篇把這十天收...

鐵人賽 Build on Google AI DAY 20

Day 20|讓 Gemini API 也回傳固定格式:把 Structured Output 接進程式

昨天把原本只有一句話的 Dynamic Prompt,整理成了獨立的 Prompt Template。 原本只是: 請幫我產生適合 {ageGroup} 的『{...

鐵人賽 Build on Google AI DAY 22

AlphaGenome Atlas 實戰 | Day 22 | 數據前處理與初篩 —— 使用 Python 提取與過濾候選非編碼變異

💡 導讀:為什麼有一筆低品質變異,報告卻沒有寫「低品質」? ​想像機場安檢有六道關卡:證件、目的地、資料比對、特殊行李、資料完整性、品質門檻。如果旅客在第二關就...

鐵人賽 IT Operation DAY 20
Microsoft Agent Solution (續) 系列 第 20 篇

Day20 - Copilot Studio Standard 實作:用 Adaptive Card 收集資料,並自動寄出 Email

今天要來介紹一個實務上非常實用的做法: 在 Copilot Studio 裡,使用 Adaptive Card 做一個資料輸入表單,收集使用者的姓名與 Emai...

Day 20 - Node.js 內建模組概念 -3

今天延續上一篇繼續講下去~ 2.process.env:環境變數 有些東西不適合直接寫死像是: const password = "123456&qu...

鐵人賽 AI Engineering DAY 20

讓 AI 回傳程式能用的東西:結構化輸出

昨天我們用 prompt 要求 AI 回傳 JSON。它大部分時候會照做,但偶爾會出這種包: 好的,以下是抽取的結果: ```json {"titl...

鐵人賽 JavaScript DAY 20

DAY20 監聽

上一篇使用addEventListener()處理按鈕點擊和輸入事件。除了這個方法,也能直接設定元素的onclick,不過兩種寫法在重複設定時會有不同結果。 先...

鐵人賽 Security DAY 24

Day 24|不是技術問題

【故事】 決定要再叩一次之後,揚恩沒有立刻回去打塔。 他做了一件事,一件他上一次失敗後,拖了好幾個禮拜才敢做的事: 他把那一夜,從頭到尾,重新走了一遍。 不是重...

鐵人賽 自我挑戰組 DAY 20

Suricata:站在網卡旁邊的第二雙眼睛

先講結論。WAF 站在請求路徑上,只看經過它的 HTTP,看到攻擊就當場擋。Suricata 站在主機 B 的實體網卡旁邊,抄一份所有進出的封包,什麼協定都看,...

鐵人賽 Software Development DAY 25

Day 25 | 完整課表頁為什麼顯示的是有課時段,而不是空教室?

前言:為什麼這頁列出的是有課時段?它和查詢空教室頁有什麼差異? 上一篇我們拆解了所有教室狀態清單的卡片設計,今天我們要跟隨點擊事件,深入「單一教室完整課表」頁面...