iT邦幫忙

技術文章

RSS
鐵人賽 Software Development DAY 28

Day 28:VIP 通行證 (二)|藉由 storageState 實現秒速進入戰場:進階應用

上一篇運用 storageState() 成功從正常登入流程拿到驗證資料,並在後續的測試當中重複使用,如此就不必在每次的測試之前重複再走一遍登入流程。接著,要更...

鐵人賽 Software Development DAY 24

Day 24 - AI 記憶係統的開發原理

今天要來探索 AI 的記憶係統是怎麼實現的我們都知道 AI 一次可以讀取的 Prompt 長度是有最大限制的所以才發展出了 RAG, Prompt 優化檢索這一...

( Day 67 ) CSS padding 內邊距

網頁元素容器由內而外的第一層就是「內邊距」,可以使用 padding 控制樣式,這個單元會介紹網頁元素的 padding,除了基本的單數值設定、多數值設定和長度...

鐵人賽 IT 管理 DAY 23

Day 23: 【n8n x Webhook - 2】(閹割版)發票管理器:讓你的 LINE 幫你收、存、對發票

昨天,我們教會了 n8n 「傾聽」外部世界 —— 透過 Webhook,即時接收使用者訊息,讓工作流不再只是被動地等待排程,而能在事件發生的瞬間自動啟動。 今天...

鐵人賽 AI & Data DAY 23

【Day 23】概念篇 - 用 Streamlit 打造 RAG 前端

在 Day 22 中,我們已經完成了一個基礎版的 RAG 後端來達成: 接收使用者輸入的問題 透過 ChromaDB 檢索最相關的 Notion 筆記 由 G...

鐵人賽 生成式 AI DAY 23

Day 23: 有了Agentic RAG就萬事OK嗎? 談談RAG系統的監控

前言 實務應用中,RAG(Retrieval-Augmented Generation)系統不只是「模型表現」的問題,而是一整條查詢流程的效能與穩定性問題;再加...

🎬 [DAY23] 故事分鏡初登場!動畫版三隻小豬開拍啦 🐷📽️

前面角色一致性後,今天我要把三隻小豬的故事用「分鏡(Storyboard)」的方式畫出來,讓接下來的動畫製作更有方向。 不需要很專業的分鏡圖,只要能讓我快速掌握...

鐵人賽 Security DAY 23
安全助手養成 Vibe UP 系列 第 23

Day 23:RSS 與政策更新 × AI 智能風險分析

🎯 今日目標 在前面已建立的供應商 RSS 與政策追蹤模組中,加入 AI 智能分析層,自動判讀每則更新內容的重要性與風險等級,並生成可閱讀的摘要報告。 1️⃣...

鐵人賽 生成式 AI DAY 24

Less agent time, more refactoring need

由於Claude Code的Weekly Limit差不多快碰頂了,今天只能請其它的agent進行專案的重構。這就相當的花時間,雖然其它的agent也是用gpt...

鐵人賽 AI & Data DAY 23

Day 23 – 建立記錄 API /log-ab-event

🎯 今日目標 建立一個 /log-ab-event API,用來紀錄使用者行為事件(例如「使用者點擊了推薦的動畫」)。 資料會寫入 workspace/log...

鐵人賽 Modern Web DAY 23

【Day 23】詳解 flex 屬性

前言 從Mdn搜尋 flex 屬性相關資料,會發現flex-direction跟flex-wrap會包含在flex裡頭,照前面說這兩者是針對 flex cont...

鐵人賽 Modern Web DAY 23

[Day 23] CSS大風吹,吹什麼?──偽元素選擇器

前兩天我們介紹了偽類選擇器。 今天我們要介紹類似的偽元素選擇器。 偽元素簡介 定義 偽元素選擇器(Pseudo-Elements),也可以譯作虛擬元素選擇器。從...

鐵人賽 自我挑戰組 DAY 23

Day 23:補完CRUD的UD,加上SQL 查詢與排序

昨天缺少的UD: SQL 查詢與排序(ResultSet、ORDER BY)目的:讓搜尋、列表與排序由SQL來處理一、為什麼要讓 SQL 處理查詢與排序在前幾天...

鐵人賽 DevOps DAY 23

Day 23:API Key 與認證安全管理 — 保護你的 n8n 自動化資產

隨著 n8n 自動化流程規模越來越大,API Key 等認證資訊的安全管理成為不可忽略的重要環節。今天這篇文章,將深入介紹如何在 n8n 生成、使用與保護 AP...

鐵人賽 生成式 AI DAY 24

Day 24:AI 協作開發 — 用 Cursor 打造智慧團隊工作流

當我們從個人開發走向團隊合作時,問題不再是「我怎麼寫」, 而是「我們怎麼一起寫、一起維持品質、一起用 AI」。 這一篇,我們要讓 Cursor 從「個人助理」...

鐵人賽 Modern Web DAY 28

Day 28: Web Component 的框架 Lit - @property

昨天我們初步使用 vite + TypeScript + Lit 建立了初步的元件架構。那麼今天,我們就接續來說說 Lit 的其他方法及功能吧! Lit 中的...

鐵人賽 Software Development DAY 23

指標回傳新陣列

在前面幾天的練習中,我學會了如何用指標修改陣列,也了解了 malloc 的用法今天要練的這題,可以用來練習用指標操作陣列並計算兩數最大值組合,同時體會函式如何運...

鐵人賽 自我挑戰組 DAY 24

[Day 24] GCP x IAM 權限控管 [學習筆記]

什麼是 IAM(Identity & Access Management)? IAM 是一套「確認身分、授與權限、記錄行為」的制度與技術,確保正確的人/...

鐵人賽 Mobile Development DAY 23
開除老闆計劃 系列 第 23

[DAY-23] AI 寫程式,真的懂你嗎?

最近越來越多人開始用 AI 寫程式。你只要打一句:「幫我做一個登入頁面」,AI 馬上生成前端、後端、API,全都幫你包好。剛開始我也覺得太神了,簡直像多了一個超...

完成專輯區所有歌曲的 YouTube 圖示連結

目標 1.在歌詞頁面顯示 歌名、歌詞2.若有 YouTube 連結,顯示播放按鈕 javascript // YouTube 連結資料 const y...

鐵人賽 DevOps DAY 23

【Day 23】導入 LLM 可觀測性不需從頭開始:善用 OpenTelemetry 完美整合現有架構

前言 在大型語言模型(LLM)應用席捲全球的今天,如何有效監控並觀測這些「黑盒子」的行為,已成為維運團隊最迫切的挑戰。許多團隊早已建立了成熟的 Grafana...

鐵人賽 Software Development DAY 23

Day 23:Use Cases:AI 的任務流程

設計 AI 如何接收 arguments 並完成任務。 今日主題: 在 AI 或軟體系統裡,Use Case(使用情境) 就像是「任務流程」—— 告訴 AI 要...

鐵人賽 Software Development DAY 23

[Day 23] Applicative Functor (1):應用被包裹的函數

前言 在前面的文章中,我們認識了 Functor 和 Monad。Functor 透過 map 方法,讓我們能將一個普通的函數應用到被包裹在 context(...

鐵人賽 生成式 AI DAY 23
VLM 系列 第 23

Day 23 :LoRA (Low-Rank Adaptation)

LoRA (Low-Rank Adaptation) 是一種高效、節省資源的微調(Fine-tuning)技術,在視覺語言模型 (Vision-Language...

鐵人賽 DevOps DAY 30

【Day30】Prometheus + Grafana:讓 Kubernetes 無所遁形的監控利器

前情提要 昨天我們看了 Jenkins 的 CI/CD Pipeline,理解了 Jenkins 的強大之處。配合前面學習的 Kubernetes、Kustom...

鐵人賽 Modern Web DAY 23

讓 Bot 自己說話:使用 Messaging API 自動通知顧客

昨天我們讓系統具備錯誤處理與 Logging 功能,能更穩定地記錄與除錯。 今天要讓整個訂單流程「活起來」:當訂單完成後,店家不再需要手動通知顧客,而是讓系統自...

鐵人賽 Security DAY 23
30 天 TryHackMe 實戰 系列 第 23

Day 23 資安防禦基礎,常見攻擊與個人意識防護

在前一天,我們將所有理論知識整合為一個攻擊鏈。今天我決定將重點放在 防禦意識 和 常見威脅 上。這是一個專業資安人員必須具備的常識,因為大部分成功的入侵,都是從...

鐵人賽 生成式 AI DAY 23

[23] iot mcp server 案例

其實 iot 廠商真的蠻適合開發 mcp server 讓客戶使用的, 開源的 ThingsPanel 就有做這件事, ThingsPanel 是一個物聯網的管...

鐵人賽 生成式 AI DAY 23

Day 23: 為 Agent 裝上長期記憶:整合 Mem0

前面的文章中,我們已經打造了強大的 AI Agent,他們會根據當前對話(ChatHistory)來判斷是否需要呼叫工具(Function Calling)來完...

鐵人賽 自我挑戰組 DAY 23
第一次團體專題 系列 第 23

Day 23 : ESP32-CAM 超有潛力又超便宜的小怪獸

這幾天和大家介紹我們專案的大功臣 : ESP32-CAM 當初架設的時候參考了以下資料:https://shop.mirotek.com.tw/iot/iot-...