iT邦幫忙

17th鐵人賽相關文章
共有 19714 則文章
鐵人賽 Vibe Coding DAY 18

技術 Day 18|加入暗黑模式

今天主要替記帳 App 加入 Dark Mode 暗黑模式,讓使用者可以選擇自己想要的主題。 加入全域暗黑模式我在 Header 加入暗黑模式切換按鈕,並用 i...

鐵人賽 Modern Web DAY 6

技術 Cloudflare AI Crawl Control 開箱!免費版有什麼

過去五天我們都在幹同一件苦差事:從自己的 log 裡把 AI 爬蟲挖出來、驗明正身、看他們到底理不理 robots.txt。這套功夫很有價值,但真的很折騰人。...

鐵人賽 Modern Web DAY 5

技術 Day 5 - Three.js:正式建立第一個 3D 世界

今天終於要進入這次 30 天專案的核心之一:Three.js。Three.js 是建立在 WebGL 上的 JavaScript 3D 函式庫,可以幫我們簡化很...

鐵人賽 AI 自動化 DAY 7

技術 Day7 AI導覽模擬系列2-進入淺山導覽前的預備

需要製作完整的離線地圖淺山應該看做海拔較低,離平原較近,但畢竟還是有些高度,隨時會讓手機訊號消失,如果要導覽類似的活動梯隊,不管是自己製作的離線地圖,或下載...

鐵人賽 自我挑戰組 DAY 2

技術 雲端開局!使用 Google Colab 快速打造分析環境與中文繪圖設定

昨天我們確立了專案的主軸與30天藍圖,今天進入實作第一步:搭建雲端分析環境。 為了把精力聚焦在「數據探索」本身,避免卡在本機安裝 Python、設定環境變數或套...

鐵人賽 Vibe Coding DAY 16

技術 Day 16|批次操作與介面排版優化

今天主要替記帳 App 加入批次操作功能,讓使用者可以一次選取多筆資料,進行刪除或清空。 批次操作介面優化我先調整 ExpenseList 的操作列,將「全選」...

鐵人賽 Vibe Coding DAY 15

技術 Day 15|加入每月預算:讓記帳 App 開始主動提醒

今天幫記帳 App 加入每月預算設定與超支警示功能。這次加入預算上限,不但讓使用者知道自己目前的消費進度,也可以確認花費有沒有快要超支。 設定每月預算與超支警示...

鐵人賽 Modern Web DAY 1

技術 Day 1 - 認識 Modern Web 從網頁走向 3D 宇宙

前言 這次的 30 天鐵人賽,我想從最基本的 Web 技術開始,一步步學習如何在瀏覽器中建立一個互動式三維太陽系,最終希望能夠使用 HTML5、CSS、Java...

鐵人賽 Vibe Coding DAY 14

技術 Day 14|讓每日消費變得直觀:Canvas 長條圖

今天想幫記帳 App 加上一個新的圖表功能,讓使用者可以一眼就能大概看出每天花了多少錢,所以我決定製作每日消費趨勢長條圖。用 Canvas 做每日消費趨勢圖這次...

鐵人賽 Vibe Coding DAY 13

技術 Day 13|不急著做新功能:Empty State 與 useMemo 效能優化

因為之前有先把第十三天的目標順帶做完了,但我也不想先往後做影響我整個計劃,所以我今天不急著往後做,而是選擇優化原本的功能與補強觀念。先處理沒有資料時的畫面首先,...

鐵人賽 Vibe Coding DAY 12

技術 Day 12|搞懂 React 元件之間怎麼溝通:Props 與 State

今天主要學習 React 中的 Props、State,以及元件之間的資料傳遞。前幾天開始把 App 拆成不同元件後,我就在想一個問題:元件拆開之後,它們之間到...

鐵人賽 Vibe Coding DAY 11

技術 Day 11|程式碼重構與白屏除錯

今天主要開始整理記帳 App 的程式碼。原本所有程式都放在 App.jsx,太多行讓人在修改與尋找時,造成了許多不便,所以這次我進行 Refactoring(重...

鐵人賽 Vibe Coding DAY 10

技術 Day 10|讓資料變得更直觀:圓餅圖與搜尋功能

今天主要幫記帳 App 加入分類圓餅圖和多條件搜尋功能。前幾天主要是在處理資料和功能,這次則開始思考「要怎麼讓使用者更容易看懂這些資料」。用 Canvas 做出...

鐵人賽 Vibe Coding DAY 9

技術 Day 9|記帳 App 功能重構與介面優化

今天主要對記帳 App 的資料篩選方式和介面進行重構。原本所有紀錄都全部展示出來,這次我把它改成月份切換、收支頁籤,以及 Modal 彈出視窗,讓畫面更簡潔,也...

鐵人賽 Vibe Coding DAY 8

技術 Day 8|實作記帳資料的編輯與更新功能

今天開始把記帳 App 的 CRUD 功能補完整,前面已經完成新增、讀取、刪除,這次則是加入最後的 編輯/更新功能(Update) 功能。這次主要的流程是:點擊...

鐵人賽 AI Security DAY 16
把 AI 接進 SOC 系列 第 16

技術 【Day 16】單點規則抓不到「失敗後成功」?

昨天講完 RDP 暴力破解的設計,今天想把背後更根本的一個原理講清楚:為什麼「大量失敗之後緊接著一次成功」這種型態,單靠一條規則看單一事件是抓不到的,一定要靠關...

鐵人賽 Vibe Coding DAY 6

技術 Day 6|從資料保存到 Bug 排查:記帳 App 的問題解決

這次我讓記帳 App 加入 localStorage,讓使用者重新整理或關閉網頁後,之前的記帳資料也能保留下來。整體的運作方式是:App 開啟時,先從 loca...

鐵人賽 Vibe Coding DAY 5

技術 Day 5|React UI 介面美化與 CSS 樣式

今天主要學習如何使用 CSS Style 優化 React App 的介面,讓原本簡單無趣的版面變得更加豐富。我主要調整了配色、間距、圓角、框線、按鈕以及 Ho...

鐵人賽 Vibe Coding DAY 4

技術 Day 4|加入表單防呆與分類標籤

今天是第四天,主要是幫我的記帳 App 加入了表單輸入驗證與防呆機制,以及分類標籤選單。原本每筆資料只有 { id, name, amount },這次新增了...

鐵人賽 AI Security DAY 11
把 AI 接進 SOC 系列 第 11

技術 【Day 11】Windows Security 日誌地圖

昨天停下來回顧了一次前九天。今天回到正題,想把 Windows Security 日誌這塊地形先攤開來看一遍,再往下走攻擊情境跟偵測邏輯——如果連日誌本身長什麼...

鐵人賽 Vibe Coding DAY 3

技術 Day 3|學習 HTML 結構設計與表單基礎

今天主要學習 HTML 語意化標籤和表單的基本用法。 我今天開始接觸一些 React 中常用的資料處理方式。例如使用 filter 篩選出需要保留的資料,這樣就...

鐵人賽 AI Security DAY 9
把 AI 接進 SOC 系列 第 9

技術 【Day 9】高等級告警,不一定是攻擊

前八天陸續講了環境、架構、規則。今天想講一件手量化過的事:在我環境裡等級偏高的告警裡,絕大多數根本不是攻擊。 為什麼想量化這件事?在寫 Day 8 那批規則的...

鐵人賽 AI Security DAY 6
把 AI 接進 SOC 系列 第 6

技術 【Day 6】稽核政策沒開,Windows 不會寫事件

昨天講完 Wazuh 自己內部的四個元件跟一次容量問題。今天要往前一步:Windows 端的事件是怎麼一路走到 Wazuh 手上的,以及我在這裡卡住的兩個不同原...

鐵人賽 Vibe Coding DAY 2

技術 Day 02 學習筆記:記帳 App 核心介面(JSX)切版實作

我今天開始實際動手做記帳 App 的介面,學習 了React 的 JSX,並把基本畫面架構做出來 透過與AI的對話,我對我正在做的東西更加熟悉。 我認識了...

鐵人賽 AI Security DAY 4
把 AI 接進 SOC 系列 第 4

技術 【Day 4】追一個事件:從新增帳號,到系統提權

前三天講了背景、網段跟整體架構。今天想拿一個實際發生過、我有記錄下來的事件,把它從頭到尾走一遍——比起再畫一次架構圖,我覺得跟著一筆真實事件走,比較看得出東西是...

鐵人賽 Security DAY 1

技術 Day 1:挑戰 iPAS 中級資安工程師:我的 30 天備考動機與學習藍圖

大家好!在暑假結束前給自己一個目標!就是準備 IPAS 中級資安工程師證照。第一天先不講技術性文章,先給這 30 天作為一個開端說明為什麼要考證照,以及 30...

鐵人賽 Security DAY 9

技術 Day 9 - 常見 CWE 怎麼分?從 XSS、SQL Injection、Path Traversal 到 RCE

前言 真的有不少廠商第一次碰到漏洞通報時,會問一些讓人不知道該先從哪裡解釋的問題。 「我們都已經修好了,可以把 CVE 撤銷嗎?」 「這會影響商譽,我是要找通報...

鐵人賽 Security DAY 8

技術 CWE 是什麼?為什麼漏洞要對應 CWE

CWE Logo 來源:CWE。 看到 CVE-2026-XXXXX,知道的是「哪一個漏洞」;看到 CWE-79,知道的則是「這類問題通常錯在哪裡」。兩串編號...

鐵人賽 AI Engineering DAY 3

技術 Day 3 — Model 先寫:單一事實來源 `curriculum.js`

今天要解的問題 網站有三頁,每頁都要知道「有哪些課、每門課有哪些章、每章有哪些單元」: 首頁地圖:每個節點要顯示課名、課數、完成率。 課程頁:要列出模組與章節...

鐵人賽 AI Security DAY 4

技術 AI 黑魔法(04):打 AI 跟打傳統系統有什麼不一樣?AI Red Team 在測什麼?

上一篇我們提到,生成式 AI 已經成為現今防守方與攻擊者的工具,今天要再往前一步,看很多滲透測試工程師第一次接觸 AI 都會遇到的觀念轉換,打 AI 和打傳統系...