iT邦幫忙

技術文章

RSS
鐵人賽 Modern Web DAY 20

Day 20 | 好設計需要驗證:帶你認識易用性測試

在上一篇我們聊到設計中常見的 UI/UX 易用性陷阱。 不過就算設計師和團隊再有經驗,也難以保證一開始就能做出完全符合使用者直覺的產品。因為設計不只是在畫面上的...

鐵人賽 自我挑戰組 DAY 23

【Day23】AI Agent 魔法詠唱 - MoodDetection Service

MoodDetectionService,主要根據使用者輸入的文字,自動偵測並判斷心情。用於聊天室,讓系統能根據使用者的心情給予更貼近需求的回應或建議。 核心功...

鐵人賽 Software Development DAY 19
渲染與GPU編程 系列 第 19

Day 18|Compute Shader on Website:WebGPU 的 Storage Buffer(SBO)與 Compute Shader 入門(零基礎友善版)#1

規劃有點改變,接下來幾篇會改成講"Compute Shader on Website"。 今天要把兩件常被搞混的東西講清楚:Storage...

鐵人賽 生成式 AI DAY 19

# 防禦策略 #7:n8n Credential 安全儲存

在 n8n 中,Credential(憑證/金鑰) 用來連接外部服務(如資料庫、雲端 API、Discord、Slack…)。如果這些憑證被竊取或誤洩,駭客就能...

鐵人賽 Mobile Development DAY 19

# Day 19:【流暢度戰爭】RecyclerView 優化:不只是 ViewHolder

各位戰士,歡迎來到第十九天的戰場。如果說 UI 流暢度戰爭有一處「凡爾登絞肉機」般的核心戰場,那無疑就是 RecyclerView。幾乎每個應用程式的核心介面都...

鐵人賽 Modern Web DAY 19

day 19

前幾天説了這麽多理論,今天就來説如何真實應用吧 在使用open lovable的前有需要的前置準備。 github帳號(需要clone開源專案的https或者...

鐵人賽 生成式 AI DAY 19

Day 19 | 實作筆記 - 使用n8n 將 AI 自動將每日待辦寫入 Notion - 寫入 Notion 節點篇

前言: 昨天,我們成功串接了 LLM 節點,讓 AI 能為我們生成內容。但光是生成還不夠,真正的自動化,是要讓這些寶貴的資訊自動歸檔。今天,我們的目標就是打通這...

鐵人賽 Build on AWS DAY 19

A/B Testing與模型實驗管理

前言 今天我們將學習如何使用 A/B Testing 和實驗管理來科學地評估模型效能,並使用 AWS 的工具來管理整個實驗流程去比較哪個模型比較好,這個為了符合...

鐵人賽 DevOps DAY 19

Day19 - LLM 可觀測性實戰:監控延遲、Token 與成本(含工具選型)

🔹 前言 昨天我們完成了 API Gateway,讓前端可以透過一個統一的 Proxy 來存取 LLM。 但在真實運行環境裡,還有一個非常現實的問題: 👉 我的...

鐵人賽 生成式 AI DAY 19

知識庫 Agent:整合外部文件(如 PDF、Docs)

今天我們要讓 Agent 讀取 PDF、Docs 或其他文件,整合成可查詢知識庫。 一、概念 目標:把文件變成向量索引(Vector Store) 方法:...

鐵人賽 生成式 AI DAY 19

d19

昨日在測試時發現使用天氣及地震時輸入要求會出現錯誤,結論是要parameters,所以又小改了一下.yaml openapi: 3.0.3 info: ti...

鐵人賽 自我挑戰組 DAY 19

PW Crack 3 — 找候選密碼、比對 MD5

今天挑戰的題目是:我有偷偷看了旁邊的Hints:檢查器 level3.py、雜湊檔 level3.hash.bin,以及被 XOR 加密的 flag level...

鐵人賽 Modern Web DAY 19

Day 19 - Animate UI Pin List

前言 每個人電腦桌面上,或是瀏覽器分頁列裡,都有那種「捨不得關、卻又亂七八糟堆一堆」的東西吧?😂 有些是待辦清單、有些是靈感筆記,還有些是「一定要看」但最後都吃...

鐵人賽 Vue.js DAY 21

Day 21:共享能量池 — 跨元件資料共享(store 實作)

今天要學什麼?1.多個元件取用同一個 store→ 例如星艦的「燃料」狀態,在駕駛艙顯示剩餘量,在維修艙也能操作加油。 2.修改資料的影響是同步的→ 任何一個元...

鐵人賽 Security DAY 23

Day23:Kali Purple 實戰安裝與初始硬化

來源下載:從 Kali Linux 官方網站下載 Kali Purple 映像檔。下載網址:https://www.kali.org/get-kali/#kal...

鐵人賽 Modern Web

DAYX 歷史上的今天

本文不會再更新了,這些文章之後會整理到我的blog上面我的BLOG邦幫忙這邊我沒法留言跟回覆留言(僅能看到而已),想聊天可以直接到BLOG那邊留言本次鐵人賽文章...

Day 19:介紹 Message Passing(content ↔ background ↔ popup 溝通)

在昨天的實作中,我們使用到了 chrome.runtime.sendMessage 這個 API今天來介紹一下! 什麼是 Message Passing 在 C...

鐵人賽 AI & Data DAY 19

AI語音的訓練

把「聲音 → 文字」流程:收集資料:大量的語音錄音 + 對應逐字稿(最好有多種口音、音量、背景雜訊)資料前處理:降噪、切分語音片段,把音檔轉成 梅爾頻譜 (Me...

鐵人賽 Mobile Development DAY 19

Day 19:增進App整體使用體驗

上篇提到雖然說現在軟體已經到了堪用的程度,但距離順暢使用還有很大距離 盤點改進 只有設定_isUpdate,沒有其他自動清除方式(像是跳轉頁面) TodoLi...

鐵人賽 IT 管理 DAY 20
小店IT管理神話與現實 系列 第 20

Day20 外送其實是很不爽的

經營外帶、外送與內用的營業附加項目,其實外送本來不是最大業務,但隨著疫情後宅經濟的影響,使得商家外送的範圍,從團體到廣大的個人戶,業績的增能,應該是賺得滿缽滿盆...

鐵人賽 Modern Web DAY 19

# Day19. HTML & CSS 元件進階:長度單位大解密(px、em、rem、%、vh、vw)

昨天我們學了文字行高 (line-height) 控制,今天來討論另一個核心技能:CSS 長度單位與大小控制! 1. 為什麼單位很重要? CSS 的單位決定了...

鐵人賽 Vue.js DAY 19

元件溝通規範:props/emit 強化

在前幾十天,雖然已經可以透過 Vue 的基礎機制,把任務清單、統計列、篩選工具、主題與語言切換做出來,功能逐漸成形,畫面也能操作,但如果仔細檢查的話,就會發現父...

鐵人賽 Modern Web DAY 19

DAY19

before/after 效果的成果展示(1) 在今天的文章中,將展示 Before/After 效果 的成果,並通過圖片對比直觀地展示這個功能的價值。這個功能...

鐵人賽 Security DAY 19

Day.19 記憶體鑑識(五)Volatility3 介紹與安裝

目錄 前言 Volatility3 介紹 安裝教學 總結 正文 前言 介紹完 Volatility2 後,準備學 Volatility3 怎麼用啦! Vol...

鐵人賽 Modern Web DAY 19

Day19.串接 OpenWeather API

「今天後端不再回傳假資料,而是直接去 OpenWeather API 拿即時天氣。從這一步開始,你的天氣小工具就真正能顯示即時資訊了!」 內容重點: 使用 f...

第19天:持續學習與適應:保持技術影響力的長期動力

時間是我們最有限的資源,而影響力的期望卻是無止境的。 在技術領域,這個矛盾被一個額外的、加速的因素所放大:知識的半衰期正在急劇縮短。 昨天引以為傲的專業知識,很...

鐵人賽 Modern Web DAY 19

Day 19:專案架構升級!實作 Game 類別,告別混亂的 start()

昨天我們為小女巫加入了自動攻擊能力,但正如我們在總結中預見的,start() 函數已經開始變得過於臃腫:它既要負責初始化背景,又要管理女巫的事件,甚至還要管理圖...

鐵人賽 自我挑戰組 DAY 20

第二十關 - 來企排隊:網頁地圖/流程圖/時序圖/設計稿

本文將詳細展示系統的網頁架構和使用者操作流程。透過視覺化的方式,讓開發者和使用者都能清楚了解系統的完整結構和操作邏輯。 「來企排隊」(LaiQiPaiDui)...

鐵人賽 Modern Web DAY 26

【Day 26】Next.js 的 JavaScript 載入優化方式 - next/dynamic

昨天看過圖片的優化方式,今天接著再來看看載入 JavaScript 的優化方式。在正式來看為什麼需要額外做一些動作來優化 JavaScript 的載入之前,我們...

鐵人賽 Software Development DAY 20

第二十關 - 來企排隊:網頁地圖/流程圖/時序圖/設計稿

本文將詳細展示系統的網頁架構和使用者操作流程。透過視覺化的方式,讓開發者和使用者都能清楚了解系統的完整結構和操作邏輯。 「來企排隊」(LaiQiPaiDui)...