iT邦幫忙

技術文章

RSS
鐵人賽 自我挑戰組 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 - 重試之前先判斷:錯誤分類與處理路徑設計

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

( Day 55 ) CSS 文字行高、文字縮排

透過網頁顯示具有大量文字的文章時,通常都會設定文字的「行高」或「縮排」,這個單元會介紹「什麼是行高」,以及運用 line-height 和 text-inden...

鐵人賽 生成式 AI DAY 10
nutc_imac_Agent拼裝車 系列 第 10

Day 10 什麼是 Multi agent system ?

一、何謂多智能體系統(MAS)? 多智能體系統(MAS)是一種由多個「智能體(agent)」組成的架構,這些智能體在共同的環境中互相互動並協同運作。每個智能體都...

專輯展示區及滑動效果(2)

今天要繼續完成專輯展示區滑動的效果 接續作天的CSS: 5.左右滑動箭頭 position: absolute:固定在輪播區兩側。 :disabled:...

鐵人賽 生成式 AI DAY 24

Day 24|dotagent vs ruler:核心差異與技術對比

經過前兩天對 dotagent 和 ruler 的介紹,我們現在需要從技術角度深入比較這兩個 System Prompt 統一管理工具的核心差異。本文將聚焦於架...

鐵人賽 自我挑戰組 DAY 15
30天ChatGPT應用與實作 系列 第 15

Day 15:語言單字卡

今天請ChatGPT生成 10 個英文單字及例句,製作成表格。 好用的例句: I love to explore new places during my v...

鐵人賽 Build on AWS DAY 10

Day 10:Filter Expression的用處與陷阱

「大師,」洛基說,「昨天我學會了 Query 的技術邊界。您提到在這些邊界下,仍然還有一些更好的做法?」 諾斯克大師點頭:「讓我們從一個實際的場景開始探索。」...

鐵人賽 IT 管理 DAY 24

Day 24 - 章節二十三:防護結界之術 ‧ iptables 與 VPN 進階精控(安全傳輸篇)

前言 進入防火牆的秘境 在異世界的 IT 冒險中,VPN 是我的隱形通道,而 iptables 則是通道的守護精靈。它不僅是防火牆,更像交通管制官,決定誰能...

鐵人賽 Security DAY 15

Day 15 JWT 安全性考量

截至目前為止,關於JWT的教學我們已經完成了: Day 12:用 JWT 做 Access Token 與 Spring Security 整合 Day...

鐵人賽 Vue.js DAY 24

在 Vue 過氣前要學的第二十四件事 - 蟹老闆你有感覺了嗎 / 跨頁表單驗證 ( 上 ) / Pinia

前言 在此篇章中我們將會帶到如何使用狀態管理工具 + 驗證工具 來實現跨頁表單驗證的功能讓各位在實作中了解何為狀態管理,驗證的時機,以及還有什麼工具可以做延伸閱...