iT邦幫忙

技術文章

RSS
鐵人賽 Modern Web DAY 11

【Day 11】動態互動:讓光珠從瓶口落下的進場動畫

昨天我們成功利用 v-for,把採集到的資料轉化為一顆顆彩色光珠呈現在瓶子裡。但目前點擊按鈕,光珠都是瞬間出現在瓶中,看起來少了一點「被放進瓶子」的互動感。 今...

鐵人賽 自我挑戰組 DAY 11
AI Agent 從零開始 系列 第 11 篇

打造「研究助理 Agent」

將前面討論的 Tool System、多工具協調(Multi-Tool Coordination) 與 ReAct 循環 整合,打造一個具備「資料檢索、文章摘要...

鐵人賽 AI 自動化 DAY 11

Day 11|思考「中文情境 → 自然英文」的功能需求

開場:先想清楚要做什麼,再動手寫 前十天把地基打完了——AI 的原理、Prompt 怎麼寫、n8n 怎麼串、系統之間怎麼靠 API 和 JSON 溝通。今天是進...

鐵人賽 JavaScript DAY 12

day12|可辨識聯集:一個欄位決定要帶哪些資料

上一篇練習用條件判斷縮小型別,讓程式知道目前是哪一種可能。這次來看怎麼把資料寫清楚,讓每種狀態都對得上該有的欄位。 題目請求可能正在載入、已取得題目,或載入失敗...

鐵人賽 自我挑戰組 DAY 3

Day 15|AI 輔助我面對自己,但真正的情緒消化得交給自己

這 15 天寫下來,我越來越常把心裡的東西直接倒給 AI。睡不著的時候、對某件事卡著情緒的時候,我打字描述我的狀態,AI 會幫我把混在一起的情緒拆開,指出我在意...

鐵人賽 Software Development DAY 25

Day 25:體積雲實作 3 - 實作

這部分是昨天測試時才終於意識到的,這邊算是給自己記錄補充說明,之後會往前搬。 在遊戲裡視覺的呈現有很多種作法,Day23 的 PBR 是做在 fbx 上的,...

鐵人賽 Security DAY 16

Day 16. 一個不可不知的前端安全!型別黑魔法

這兩天寫點簡單荒謬的 xD 正文 想像今天你是一位滲透測試工程師: URL: https://vuln.web.com/jsonp?search=<scr...

鐵人賽 自我挑戰組 DAY 11

主動護眼行為實測!每小時休息頻率真能降低不適感嗎?

延續生活型態變數探索,聚焦於另一項關鍵護眼行為——每小時休息次數(Break_Frequency_Per_Hour),分析其對「眼睛乾澀(Eye_Dryness...

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

DAY11. RAG 完整流程回顧

前面幾天,我們已經陸續認識了 RAG 中的各個元件。從最開始的資料前處理、Chunking、Embedding,到後面的向量資料庫、Retriever、Rera...

鐵人賽 Software Development DAY 11

Day11 - 設定管理 application.yml/Profile vs Laravel .env/config

Laravel 怎麼管設定:兩層結構 Laravel 的設定分成兩層,職責很清楚: # .env(不進版控,每個環境各一份) APP_ENV=local DB_...

鐵人賽 AI 自動化 DAY 11

[Day11] 讓 AI 跑自動化測試,評估 AI E2E 的四大維度

今天開始換一個場景:AI E2E 測試。 傳統自動化的痛點 做自動化的人都知道成本很高,主要是:要知道元素位置在哪裡。 第一次開發 之後維護...

鐵人賽 AI Engineering DAY 26

Day 26|Web UI 與用量追蹤:一眼就看出預算與流量

Day 26|Web UI 與用量追蹤:一眼就看出預算與流量 昨天聊了健康檢測拆成兩層、修 bug 修出新 bug 的故事。今天要聊的是使用者實際會看到的畫面:...

鐵人賽 自我挑戰組 DAY 19

中秋節快樂

中場卡之前用過了,今天來用一下中秋卡好了。 我今天其實也還在一邊修 UI 細節一邊研究那個 AI CEO 架構要怎麼模仿。過程比想像中有趣,但也很難。 大概前...

鐵人賽 AI Security DAY 11

讀一個檔只要 11 毫秒,前後的 hook 卻要 1.8 秒:我的腳本只佔其中 0.1 秒

讀一個檔,Cursor 自己量到的時間是 11 毫秒。從第一支 hook 開始跑,到最後一支 hook 開始跑,中間隔了 1.8 秒。 昨天量到:Cursor...

鐵人賽 Security DAY 11

[DAY 11] 不用 Profile 了!用 Volatility 3 分析 Memory

今天實作 Volatility 3。 上一篇使用 Volatility 2.6 時,需要先透過 imageinfo 找出 Suggested Profile,指...

鐵人賽 Vibe Coding DAY 11

[Day 11] 動態資料視覺化:指令 AI 整合 Chart.js,將習慣進度繪成動態長條圖

冷冰冰的數字會說話在前幾天,我完成了 PWA 專案骨架、Firestore 資料庫串接,也成功讓使用者把每天的重量、次數與習慣打卡數據存進雲端。但對使用者來說,...

鐵人賽 Modern Web DAY 11

Day 11|沒有防抖debounce,請求像愛如潮水

打五個字,後端收到五個請求 Day 9 那個 useSearch 上線一週後,後端同事傳訊息來: 「搜尋 API 的流量怎麼是上個月的四倍?」 我打開 Netw...

鐵人賽 JavaScript DAY 25

30 天從零開始學會 React v19 - Day 25|狀態管理概念 & Redux 核心

一、複習與新問題:當 App 變成「多頁面」之後 1. 先複習:Day11、Day12 已經解決了什麼 Day11 用 Context 解決了 Props Dr...

鐵人賽 Modern Web DAY 11

Vue 走過路過不要錯過 Day11 - v-for 與 key:為什麼不要用 index 當 key

寫 Vue 的人幾乎都聽過這句話:「v-for 要加 key,而且不要用 index。」 但如果再追問一句「為什麼?」,很多人(包括以前的我)只能回答「因為會出...

鐵人賽 ChatGPT & Codex DAY 11

Day 11|管理用藥資料:加入刪除功能

今天主要是接著昨天的用藥狀態繼續做。 目前已經可以新增藥物,也可以切換「已服用/未服用」,所以今天想讓用藥管理再完整一點。 我希望做到: 讓使用者可以刪除不需...

鐵人賽 自我挑戰組 DAY 17

Day 17:手部或肢體出錯的修改日記

嗨~大家好,我是 R寶。 前兩天練習了武器、道具與比例,今天想回頭處理一個生成圖片時,很容易遇到的問題:手部或肢體不自然。 不過,這次練習到後來,我才發現,原來...

Day 12|讓錯誤集中處理:認識 Express Error Handler

前言 前面在 API Validation 中,我們已經把 Validation 抽成 Middleware,當 Request 不符合 Schema 規則時,...

鐵人賽 ChatGPT & Codex DAY 11

# Day 11|圖畫出來還不夠:我開始讓 Concept Map 和 Flow 可以繼續往下

昨天 Visual Learning Lab 終於從 localhost 搬到 Streamlit Community Cloud,第一次有了一個真的可以打開的...

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

Day 11 - 運算與儲存核心 EFS:跨 AZ 共用檔案系統,與 FSx 的分工

🔗 EBS vs EFS:單機獨佔與多機共用 Day 10 的 EBS 是「一顆硬碟給一台機器用」,而且一次只能掛給同一個 AZ 的一台 instance。好幾...

鐵人賽 Modern Web DAY 11
前端來點 AWS 技能樹! 系列 第 11 篇

Day11 - 開一台 EC2

昨天把專案上 AWS 的幾條路攤開來看,也決定這個系列要自己管理一台 EC2。今天就來把那台機器開起來ㄅ!d(d'∀') 建 EC2 首先登入 IAM 的帳號,...

鐵人賽 AI 自動化 DAY 11

Day 11|AI 做完不能就消失!把 n8n 的結果自動寫進 Google Sheets

昨天使用 Webhook,成功讓外部資料可以自己進入 n8n。 目前的流程已經變成: 外部資料 → Webhook → AI 處理 → 產生結果 但做到這裡,我...

鐵人賽 AI Engineering DAY 11

Day 11|模型沒壞,實驗先斷線了:把 REAL Experiment 做成可以斷點續跑

Day 9 跑第一個正式 REAL benchmark 時,我遇到了一個很現實的問題。 不是模型答錯。 不是 calibration 算壞。 而是: 網路斷了。...

鐵人賽 AI Engineering DAY 23

Day 23|Goal 有文字就通過,還沒檢查內容對不對

要用模型判斷 Goal 的內容,先提供原始需求與一條具體標準,讓它回傳判定及依據;欄位非空的通過結果,不能代替這項檢查。 需求釐清 agent 會把雜亂的 ti...

鐵人賽 IT Operation DAY 24

Day 24:CI/CD 自動化實戰——GitHub Actions 工作流程與 Shell 腳本自動化語法檢查

實作背景與維運觀念在現代 DevOps 架構中,當腳本或程式碼推送至 GitHub 遠端儲存庫後,不應再透過人工手動執行測試,而應導入 CI/CD(持續整合 /...