iT邦幫忙

技術文章

RSS
鐵人賽 Modern Web DAY 21

Day 21: 30天打造SaaS產品前端篇 - React Testing Library 與元件測試策略

前情提要 在 Day 20 完成前端架構盤點後,我們發現測試覆蓋率還需要提升。今天我們將使用 Vitest + React Testing Library 建立...

鐵人賽 Build on AWS DAY 21

Day 21: 30天部署SaaS產品到AWS - CI/CD Pipeline 自動化部署實作

前情提要 在 Day 20 完成架構盤點後,我們發現部署流程仍然是手動的。今天我們將建立完整的 CI/CD Pipeline,使用 GitHub Actions...

鐵人賽 Software Development DAY 24

Day 24 - 抓取每日 K 線 → 計算 KD/MACD → 存回 DB

今日目標 今天我們把前幾天的成果串起來,完成 選股工具的資料基礎建設: 使用 IStockApiService 抓取股票的 日 K 線資料(近一年或增量補齊)...

鐵人賽 Modern Web DAY 21

終極煉金術:揭曉秘密武器 css-gum

在「手工刻印的快捷符文」的最後,我們留下一個問題:為了提升等比縮放的開發體驗,我們需「手動」維護整套函式與 Snippet,那有沒有可能只需準備設計稿寬度等基礎...

鐵人賽 Software Development DAY 28
leetcode程式自學 系列 第 28

Day28 leetcode程式自學

今天解的題目是第四十八題 Rotate Image。這題的目標是將一個 n x n 的二維矩陣順時針旋轉 90 度,並且必須原地修改,也就是不能建立新的矩陣來存...

鐵人賽 Modern Web DAY 21

Day21 購物車頁面完成:顯示清單、修改數量與模擬結帳

今天是鐵人賽 Day21,目標是完成購物車頁面功能,包含「顯示購物車清單」、「修改商品數量」、「刪除商品」以及「模擬結帳」。 1️⃣ 前端 Cart.jsx今天...

鐵人賽 Mobile Development DAY 21
我將點燃Swiftの大海 系列 第 21

Day21. Swift一定要會のios鬧鐘復刻實作篇 (2)

RealmSwift 在大家都依照之前的要求建好需要的 ViewController 和 tableViewCell 後我相信大家應該沒這麼快忘記設定 Real...

鐵人賽 Modern Web DAY 28

【Day 28】Next.js 是成為全端框架?!建立 API 和直接接觸後端 DB 的方式

一直以來專注在前端領域的我,有一天突然聽到身邊的朋友跟我說:「你是寫全端的喔?」我黑人問號了一下,回他:「不是,我是寫前端的,我是前端工程師。」 一來一往的對話...

鐵人賽 自我挑戰組 DAY 25

Day 25 - Leetcode刷題 740. Delete and Earn(Med)

介紹一題利用轉化的方法來變成熟悉的DP問題 題目連結: 740. Delete and Earn 題目描述:給你一個整數陣列 nums。你需要執行以下操作多次,...

鐵人賽 Odoo DAY 22

Day 22:Odoo 的前端框架 Owl 與 Web 客製化

到目前為止,我們已經介紹了 Odoo 的後端開發,包括 Model、View、Controller 與 API 整合。今天要換個角度,來看看 Odoo 的 前端...

鐵人賽 自我挑戰組 DAY 21
AI學習之旅 系列 第 21

Day 21|PII 與 SPII:個人資料分級與保護策略

⚠️ 免責聲明本文為學習筆記與模擬教學,引用國際標準(ISO、NIST、ENISA)、GDPR 與台灣法規。非正式教材,實際落地需依組織政策與法規遵循。 一、...

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

Day22 收回自尊 抓緊胃口 快速結案

承上篇,舉凡設計相關的事務,都是相當「危險」,除了跟設計公司之間的頻繁交手外,內部跟老闆,跟主管,乃至於跟相關部門的同事,又是一個冒險的進程,是的,當你覺得設計...

鐵人賽 生成式 AI DAY 26

AIGC 的詐騙運用與模擬問題:真假難辨的智慧陷阱

🤖 AIGC 的詐騙運用與模擬問題:真假難辨的智慧陷阱 一、前言:生成式 AI 的雙面刃 生成式 AI(AIGC, AI Generated Content)讓...

鐵人賽 Software Development DAY 21

20. Effect 資源管理與作用域

這篇來要講個我個人認為挺有趣的東西,資源管理,一般如果是在前端,需要資源管理的情況可能比較沒有那麼多,因為網頁重整了就什麼都沒了,這可能是後端會比較需要的,不過...

鐵人賽 Modern Web DAY 25

🕵️‍♂️ 即時金融的登入迷霧:從 QR Code 到詐騙社工的潛伏戰場

🧭 一表了解:即時金融登入、驗證與詐騙社工風險 主題 說明 風險類型 預防措施 例子 登入方式 以手機掃描 QR Code 或一次性登入連結,授權...

鐵人賽 Odoo DAY 24

⚙️《Odoo 的三把劍:企業管理的賽局思維》

⚙️《Odoo 的三把劍:企業管理的賽局思維》 企業經營,如同愛情,也是賽局。 每一項決策、每一次協作,都是一場「多回合博弈(Repeated Game)」。...

鐵人賽 IT 管理 DAY 21
敏捷組織的五項修練 系列 第 21

Day 21. 敏捷組織的五項修練:敏捷組織的整合與挑戰

「促進組織共榮、共好系統思考之全局觀」- 敏捷組織的行動原則 1. 敏捷組織的樣貌 一個成熟的敏捷組織,究竟是什麼樣貌?許多人對此抱有迷思。 它並非傳統意義...

鐵人賽 Modern Web DAY 21

Day 21 - Animate UI Fireworks Background

前言 參加鐵人賽寫文就像是一場長跑,眼看快要衝過終點,當然要來點華麗的慶祝儀式啦!✨這時候是不是腦中已經浮現「放煙火、放鞭炮」的畫面了?🎆 那就對啦~因為 An...

鐵人賽 AI & Data DAY 26

🎯《追愛情的三把劍:賽局裡的心與智

🎯《追愛情的三把劍:賽局裡的心與智》 愛情,不是零和遊戲。 它像一場重複博弈(Repeated Game),每一次互動都在形塑信任、策略與結果。 在這場無法預測...

鐵人賽 生成式 AI DAY 21

Day21|手把手帶你用Dify做一個旅遊規劃助理 Part 3

大家好,我今天將帶大家完成我們這個旅遊規劃助手的最後一個段落(知識檢索)最後,希望大家喜歡這個作品,也歡迎大家自己更改workflow,然後自己執行玩玩看,我們...

鐵人賽 Security

📍 Day34:AI × 資安——從自動化到自律化

前言 大家都知道,「自動化」是工程師的信仰之一。能寫 script 解決的事,絕對不要動手點 GUI。現在 AI 加入戰局,讓我們在資安工作流程中,不只少打幾行...

鐵人賽 AI & Data DAY 21

AI也會「幻覺」

生成式AI在近年來的發展中展現了驚人的能力,能夠自動生成文章、程式碼、圖片甚至音樂。然而,這類模型最常被討論的一個問題就是「幻覺」(Hallucination)...

鐵人賽 Modern Web DAY 22

Day 22 - IndexedDB 初探:瀏覽器裡的資料庫

有沒有遇過這些需求:希望筆記離線也能開、想把大量資料快取下來讓頁面秒開、希望圖片能快取而不是每次都打 API、甚至在前端就能做搜尋或分類?這時候,瀏覽器內建的重...

鐵人賽 AI & Data DAY 21

Day21. 佛系生存法則:能實作 MCP 是本事,不刻意炫技才是真高招。

前情提要:Day20. 只是為了流行才用 MCP(模組上下文協議)協作嗎?一起來看「春秋戰國時代」的上班族日常吧~ 第十回:帝國資安警報 某日,AI始皇 無預警...

鐵人賽 Cloud Native DAY 25

實作自動化測試流水線

如果覺得文章對你有所啟發,可以考慮用 🌟 支持 Gthulhu 專案,短期目標是集齊 300 個 🌟 藉此被 CNCF Landscape 採納 [ref]。...

鐵人賽 Vue.js DAY 23

Day 23:星際任務日誌 — Vue 與本地儲存(localStorage)

我們今天localStorage主要就是學會 「如何讓使用者的資料,不會因為重整或關掉瀏覽器就消失」! 學習概念 1.認識 localStorage 瀏覽器內...

鐵人賽 生成式 AI DAY 22

Day22. 三段式框架 Rewrite 重寫 → Retrieve 檢索 → Read 閱讀

單純的 Retrieve → Read (Naive RAG) 架構在初期導入時,確實能快速看到成效,從使用者提問、系統檢索文件、到透過大型語言模型生成答案。整...

鐵人賽 自我挑戰組 DAY 21

《道德經》Day 21:修身養德,赤子純真,玄同無爭

昨日我們探討道生德養、守本正道的智慧,今天聚焦《道德經》第54、55、56章:修德、赤子與玄同。 第54章教我們由身至天下,修德以廣;第55章以赤子喻純真,守和...

鐵人賽 自我挑戰組 DAY 21

《金剛經》Day 21:淨心行善,平等無執

(第 23 品 淨心行善分)《金剛經》第22品講述「無法可得」,佛陀揭示最高智慧(阿耨多羅三藐三菩提)並非抓住某物,而是放下對「得到」的執著。 第23品「淨心行...