iT邦幫忙

17th鐵人賽相關文章
共有 19758 則文章
鐵人賽 Modern Web DAY 10

技術 Day 10 - 八大行星:建立完整的太陽系成員

今天開始加入太陽系最重要的成員「八大行星」。今天不會直接複製八份 SphereGeometry + Material + Mesh,而是開始把程式整理成「資料...

鐵人賽 Vibe Coding DAY 22

技術 Day 22|歷月財務報表與跨月趨勢圖

我今天幫 App 新增了歷史月報與跨月趨勢分析。前面的功能主要是在看「這個月花了多少」,今天進一步把不同月份的資料整理起來,讓使用者可以比較每個月的收入、支出與...

鐵人賽 Modern Web DAY 9

技術 Day 9 - 打造全螢幕 3D 太陽系

前面幾天我們都是使用固定大小的 800 × 500 來顯示 Three.js 畫面。從今天開始,我們要把原本的小型 Three.js 畫面改造成 全螢幕 3D...

鐵人賽 AI Engineering DAY 8

技術 Day8:Agent 如何讀懂專案規則?拆解 AGENTS.md 的載入與優先順序

今天拆第一個元件 量測台搭好了,第一輪「拆一個元件、隔天量它」從 AGENTS.md 開始。它是 Day3 地圖上「看現況」那一站最重要的東西:把「這個專案該怎...

鐵人賽 Modern Web DAY 8

技術 Day 8 - 3D 座標與空間:開始安排行星的位置

一、今天完成目標 今天我們會完成: 再次認識 X、Y、Z 座標 建立多個 3D 球體 使用 position 設定不同位置 讓不同物件出現在 3D 空間 初步...

鐵人賽 Vibe Coding DAY 21

技術 Day 21|路由重構與多幣別結算

今天我幫App做了兩個大的升級:加入 React Router,把原本塞在一起的功能拆成不同頁面;同時完善多幣別的換算與顯示。 用 React Router 把...

鐵人賽 AI 自動化 DAY 12

技術 Day12 AI導覽模擬系列6-1 北竿篇前篇

若搭飛機從臺北松山機場到馬祖,可以選擇直飛北竿,也可以選擇直飛南竿,喜歡人文可以直飛北竿,喜歡熱鬧和美食可以直飛南竿,筆者個人導覽喜歡從北竿開始。若從北竿機場下...

鐵人賽 Modern Web DAY 7

技術 Day 7 - Geometry、Material、Mesh:打造 3D 物件

DAY 6 我們學會了 3D 座標。也學會了: position → 位置rotation → 旋轉scale → 大小 今天我們來了解 Three.js...

鐵人賽 Vibe Coding DAY 20

技術 Day 20|RWD 響應式設計:讓記帳 App 在手機上也不爆版

今天我要幫記帳 App 加入 RWD(響應式網頁設計)。我發現我的app到了手機上會出現左右欄位擠在一起、Header 按鈕爆框等問題,因此今天主要讓 App...

鐵人賽 Vibe Coding DAY 19

技術 Day 19|讓記帳 App 支援多國匯率

今天主要是讓使用者在新增他國的幣別時,可以自動轉換讓使用者可以更方便了解自己的支出與收入。 讓記帳 App 支援多種幣別我希望使用者不只能記錄台幣,也可以輸入美...

鐵人賽 AI 自動化 DAY 9

技術 Day9 AI導覽模擬系列4-漁港篇

漁港的天氣也是難以捉摸,可能一下子烈陽高照,一下子海風大作,一下子又飄雨不斷,因此,帶導覽的人會列上幾樣隨身用品,把這些用品列入清單,大致上跟旅行社作法差不多,...

鐵人賽 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 做每日消費趨勢圖這次...

鐵人賽 AI Engineering DAY 11

技術 Pre-trained Model 下載下來,就可以直接跑 QCS6490 嗎?

前幾天我們終於把 QCS6490 的 NPU 跑起來。 這時候一個很自然的想法出現: 那我去 Qualcomm AI Hub 找 Model,不就好了? 答案是...

鐵人賽 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 彈出視窗,讓畫面更簡潔,也...

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

技術 【Day 28】唯讀 ≠ 無害:稽核 MCP server

昨天講完「唯讀不等於安全」這個教訓。 今天想把這句話再往前推一步:我信任的這個 MCP server 本身,到底乾不乾淨? 稽核一個自己每天在用的工具?Day...

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

技術 【Day 26】防幻覺 System Prompt 實測

這是這系列裡我一直想做、拖到現在才做的一篇。 前面 25 天講了很多「規格上應該要怎樣」,今天想真的做一次:找一筆資訊不夠完整的告警,餵給套用防幻覺規格的 AI...

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

技術 【Day 25】RAG 知識庫設計:Chunking、Metadata 與 Routing

昨天拆開了分析管線。今天想講知識庫這一側的設計:一份文件怎麼被切段、一個問題怎麼被路由到候選頁。 這篇不需要連任何系統,我直接拿真實的檔案示範一次。 設計上的...

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

技術 【Day 22】AI 能做什麼、不能做什麼?

昨天把呈現與回應這條線收尾了。今天正式轉進 AI 主線,想先劃清界線,再往下講細節——這篇算是接下來八天的地基。 AI 該做的事設計上,AI 接兩種輸入:Wa...