iT邦幫忙

技術文章

RSS
鐵人賽 生成式 AI DAY 10
30天用React打造AI工具箱 系列 第 10

30天用React打造AI工具箱 Day10

30天用React打造AI工具箱 Day10 React受控表單:讓使用者輸入資料 到現在為止,我們已經能顯示清單,但清單內容都是寫死的。今天要學的是「受控表單...

鐵人賽 生成式 AI DAY 11

Day 11:(番外篇)擴充工具開發 - IT鐵人賽輔助編輯擴充工具

發了那麼多篇文章, 真的覺得IT鐵人賽的編輯器有待加強, 所以我打算來開發個輔助擴充工具, 方便我後續上傳文章~ 痛點 首先 先了解我的痛點 1. 編輯工具在最...

鐵人賽 生成式 AI DAY 10

Day 10:數學不會算?用 Function Calling 做小計算機

昨天我們用 Function Calling 做了一個「查天氣外掛」,AI 能自己決定呼叫 get_weather。 今天來挑戰更實用的功能小計算機。 這樣 A...

[Day-23] 獻上一首給愛麗絲!使用排程自動清理資料

大家有追垃圾車的經驗嗎?無論是《少女的祈禱》還是《給愛麗絲》,我們聽到垃圾車的鈴聲,身體就會自己動起來 XD(並沒有) 這種在某個特定的時間段自動執行例行事項...

鐵人賽 Modern Web DAY 14

[Day14] 用Babylon.js為3D世界加上環景背景(Feature - 單元五)

Feature單元五 A Better Environment:加上環景背景布幕 這次要來玩的是環境,在3D中一個可以利用黑白圖快速生成地形的方式。白色式高點,...

鐵人賽 生成式 AI DAY 10
生成式 AI 實驗室 系列 第 10

AI 寫說明文:一個我熟悉的主題

今天請AI生成一篇說明文,以四季為題題目:四季 一年有四個季節,分別是春、夏、秋、冬。每個季節都有不同的氣候、景色和特點。四季的變化不僅影響自然環境,也影響人們...

鐵人賽 Modern Web DAY 10

Day 10 - Animate UI Code

前言 身為工程師的文章,肯定少不了用到一些程式碼相關的文章段落。若有程式碼對應的元件,可以讓網頁在呈現上顯得更加活潑有趣。 Code 使用 Shadcn C...

鐵人賽 生成式 AI DAY 10

[10] 訪談過程 - 驗收標準

前言 前面我們已經利用 4 篇篇幅聚焦在需求整理,本篇將探討如何「驗證工具可用性」,如何確認開發出來的工具是好用的? 內文 在與身為排班負責人的水獺不斷訪談...

鐵人賽 Cloud Native DAY 14

scx_simple 實作解說

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

鐵人賽 自我挑戰組 DAY 10

用 n8n 打造表單到 Google Sheet 的自動化流程

昨天我們創建了一個google sheet檔案,那今天就要來讓n8n接收到表單資料並自動寫入指定的 Google 試算表中。這裡我會用終端機來模擬表單送出,we...

鐵人賽 Vue.js DAY 12
從零開始的Vue之旅 系列 第 12

語法介紹Part5-components

今天我們來談談components組件 componentscomponents : 組件,可將網頁的使用者介面(UI)拆成獨立,可重複使用的程式碼區塊。組件包...

鐵人賽 生成式 AI DAY 10

[Day 10] 簡單了解 FastAPI

前言 使用 Python 時,應該會聽到 FastAPI 這個名字吧?(o゚▽゚)o它主打「快速、現代、好用」,今天就帶大家來看看什麼是FastAPI吧~ F...

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

Day17 leetcode程式自學

這題要求計算一個由非負整數構成的陣列中,根據每個數字所代表的牆高度,能夠存放多少水。每個數字代表一個牆,高度代表柱子的高度,且每個柱子的寬度都是1。接水的量取決...

鐵人賽 Modern Web DAY 11
現在就學Node.js 系列 第 11

Express.js 入門 - Day11

昨天我們用 http 模組 開發了一個簡易的伺服器和 API。 在過程中,你應該會發現一些狀況: 路由判斷要自己寫 if (req.url === ...),...

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

Day 9|數大便是美:GPU Instancing 實作(零基礎+Unity 範例)

你想在場景裡放 幾百、幾千 棵樹、石頭、子彈殼嗎?一個一個畫(Draw Call)會把 CPU 累死。GPU Instancing 的想法超單純:同一個網格+...

鐵人賽 Modern Web DAY 10
30天絕望倒數JavaScript 系列 第 10

JavaScript 常數

JavaScript 裡,常數 (constant) 是透過 const 關鍵字宣告的變數,一旦被指定值後就 不能再被重新指派。 基本語法 const 常數名稱...

鐵人賽 Modern Web DAY 10

DAY10

專案初始化(2) 在上一篇,我們完成了檔案結構規劃與環境建立。接下來,要讓這個專案真正「動起來」,就需要初始化 後端 Flask 服務,並測試一個最基本的 AP...

鐵人賽 Modern Web DAY 10

Day10 - API 安全:Agent 模擬攻擊 + 自動生成防護建議

API 已經是現代服務的核心,無論是手機 App、前端網站、甚至 IoT,都靠 API 互通。 但這也代表 駭客最愛的攻擊目標,因為只要 API 有一點點漏洞,...

鐵人賽 Modern Web DAY 14

Day 14|Utility Types:TS 內建的型別小工具大全

昨天我們學了 型別守衛(Type Guards), 今天來看看 TypeScript 內建的「型別小工具」。 它們能讓你不用重寫型別,就能快速得到你想要的型別變...

Day11-淺談Dockerfile-2-cache

前一篇文章介紹了Dockerfile的關鍵字的意義,接下來要來介紹他到底是怎麼運作的了一樣附上前一篇的腳本 FROM golang:1.23-bookworm...

鐵人賽 Security DAY 14

為什麼要有資安合規?GDPR 與 ISO 27001 的重要性

當你拜訪一個網站時,同時會看到一個視窗要你同意 cookies 的資料搜集,你知道如果點下同意,它會記錄你在這個網站使用的資訊或偏好,這就是資安規則的一環。 C...

鐵人賽 Modern Web DAY 11

Day- 11 CSS文字段落

昨天教了文字樣式今天則是文字段落,主要還可以使用css來調整字元間距、行高、文字對齊等等,這些都是在排版上很重要的細節,尤其是行高的部分,若是行高過小會讓閱讀上...

鐵人賽 生成式 AI DAY 10

Day 10 : Discord + n8n :發送訊息到指定頻道

Day 10|Discord + n8n:發送訊息到指定頻道 本文將示範如何將 Discord Bot 串接到 n8n 工作流,完成自動化發送訊息到指定頻道的流...

鐵人賽 生成式 AI DAY 10

音樂與聲音生成的發展

在生成式 AI 的眾多應用中,音樂與聲音生成 是一個兼具藝術性與技術性的領域。與文本或圖像不同,聲音具有連續性與時間依賴性,因此生成模型必須同時捕捉 頻率特徵...

鐵人賽 AI & Data DAY 10

[ Day 10 ] 千里之行,始於資料規格書 (上)

前言 這兩篇主要會談談「資料規格書」,以及筆者自己執行過資料專案的一些經驗分享。雖然筆者在團隊內的角色是資料工程師,但本文並不會深入討論技術細節,而是專注於專案...

鐵人賽 自我挑戰組 DAY 11

Day 11 Contact section + 基礎表單設計

今天的挑戰聚焦在 Contact 區塊,除了排版之外,也開始進入表單設計。版面配置延續整體風格:電腦版使用 雙欄式,手機版則轉為 單欄垂直排列,確保在不同裝置上...

免費資源能學多少 系列 第 10

免費線上資源學習打卡Day 10:Amazon Web Services 基礎入門_Part 5

早安大家!我是QNA,今天要學習的主題是:AWS 前面三天我們討論到「創建個網站首先需要考慮的四個問題」,而今天課程講師丟出了一個新的問題:「我們真的需要伺服器...

鐵人賽 自我挑戰組 DAY 10

[Day 9] 今天來搞點縫合術 - OEM資料夾 (Part.1)

昨天介紹了我們的需求,並且使用 Unattend-Generator 產生我們的無人值守設定檔,但...這其實還不夠。 回來看我們的需求: 系統: Windo...

鐵人賽 自我挑戰組 DAY 16
DevOps 工具鏈 系列 第 16

Docker指令

要使用Docker,先熟悉幾個常見的指令,就能完成大部分日常操作。這些指令能幫助我們從建立映像檔到管理容器,掌握整個流程。 常見的Docker基本指令:1.do...

鐵人賽 Software Development DAY 10

Day10 - 重試之前先判斷:錯誤分類與處理路徑設計

在分散式系統中,網路的不確定性、第三方服務的不可預測、跨服務間的資源競爭,都讓錯誤更頻繁、更難排查;在編排架構下,以分類並結構化的方式處理錯誤,讓開發者專注於業...