iT邦幫忙

17th鐵人賽相關文章
共有 19759 則文章
鐵人賽 自我挑戰組 DAY 10

技術 Day10 GitLab CI 基礎:Runner、Image 與 Stage 運作解析

在前四天的 Helm 實戰中,我們認識到「平台級服務」這個概念。今天,我們接著介紹 GitLab——一個集結多種需求的典型平台。 從程式碼管理、協作流程,到持續...

技術 Day 17:規劃 ─ 支援多專案 Merge Request 的差異格式

昨天我們調整了使用者面板,讓它對出新使用者友善,今天我們繼續來增加一些小巧思吧! WHY 在不同專案裡面,Merge Request 的通知格式可能會需要不同的...

鐵人賽 Modern Web DAY 14

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

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

技術 Day11-淺談Dockerfile-2-cache

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

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

技術 JavaScript 常數

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

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

技術 語法介紹Part5-components

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

鐵人賽 Security DAY 14

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

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

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

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

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

鐵人賽 Modern Web DAY 11

技術 DAY11 HTML與CSS Box Model 跟 Box-sizing

繼續說明昨天沒說到的部分 Box Model (盒模型) 一個 box model 包含,margin、border、padding、content。![!...

鐵人賽 AI & Data DAY 10

技術 Day 10:如何搞定 Google 憑證 - 取得 Client ID 和 Secret

昨天我們介紹了自動化的核心元素,裡面的案例有提到:在 n8n 的 Workflow 裡,如果要使用 Google Drive Node,打開 Node 第一個格...

鐵人賽 Modern Web DAY 12

技術 Day 12 新增商品搜尋功能

今天是鐵人賽 Day12,目標是新增商品搜尋功能,能夠依商品名稱與描述來篩選商品,讓使用者能更快速找到想要的商品,同時保留新增商品的功能。 1️⃣ 前端 Hom...

鐵人賽 自我挑戰組 DAY 14

技術 CTF 學習紀錄|where are the robots

今天挑戰的是:題目描述問我們能不能找到「robots」,並提示要思考網站作者不想讓人看到的地方。 解題思路一、觀察題目給的網址wget -q -O robots...

鐵人賽 自我挑戰組 DAY 26
API 全攻略 系列 第 26 篇

技術 Day 26:第三方 API 使用(以 GitHub API 為例)

前言 在前面的章節中,我們大多專注於 設計與實作自己的 API 。但在真實專案中,我們經常需要 使用別人的 API —— 例如 Google Maps API、...

鐵人賽 Modern Web DAY 14

技術 Day- 14 CSS background

在 CSS background 背景設計系列中,包含許多重要屬性,例如用來設計網頁背景顏色的 background-color、顯示背景圖片的 backgro...

鐵人賽 AI & Data DAY 10

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

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

鐵人賽 自我挑戰組 DAY 11

技術 Day 11 Contact section + 基礎表單設計

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

鐵人賽 生成式 AI DAY 10

技術 音樂與聲音生成的發展

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

技術 從基礎建設web網頁-第二章 HTML 骨架

HTML 骨架 1. 文件宣告 <!DOCTYPE html> 宣告這是一份 HTML5 文件。讓瀏覽器知道要用 HTML5 標準來解析。 2....

鐵人賽 生成式 AI DAY 10

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

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

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

技術 Docker指令

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

鐵人賽 Software Development DAY 10

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

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

鐵人賽 Security DAY 11
導入CDN防護大作戰 系列 第 11 篇

技術 【Day11】CDN與地端資安設備的防護配置

在經過多場教育訓練後,Jerry突然接到顧問的電話,說是有要事提醒。 聽業務說你最近地端開始也加入了DDoS的防護機制對嗎? Jerry回覆,對阿!有ISP的流...

鐵人賽 Modern Web DAY 11

技術 Day 11:LINE Bot Text Emoji 與 Sticker 訊息回覆

前言 目前我們的 LINE Bot 主要使用 Text 方式回覆訊息。今天將探討 Text 類型的 Emoji 應用,以及 Sticker 回覆方式,基於 D...

鐵人賽 Mobile Development DAY 10

技術 Day 10 - 錯誤處理與日誌記錄:建立錯誤追蹤機制

繼續 Day 9 的 TTL 快取策略,今天我們來分享 Crew Up! 專案中的錯誤處理經驗。開發過程中,我們發現使用者最在意的不是 App 有沒有問題,而是...

鐵人賽 Modern Web DAY 13

技術 Day 13 | 設計不只靠直覺:為什麼要懂設計指引和易用性原則?

在做 UI/UX 設計的過程中,我們常常會聽到「設計規範」、「設計系統」,還有「設計指引」。 前兩者比較具體,像是按鈕高度多少、字體行距多少,這些能被明確量化。...

技術 認識 JavaScript DOM 操作

1. 什麼是 DOM? DOM (Document Object Model) 就是 把 HTML 文件轉換成 JavaScript 可以操作的物件。簡單來說,...

鐵人賽 自我挑戰組 DAY 10

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

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

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

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

鐵人賽 自我挑戰組 DAY 12

技術 [Day 12] GU價格提醒系統 (6) - [學習筆記] n8n : 增加執行節點 HTTP Request

今天來看一下如何建立 workflow 吧 (因為今天時間不太夠 所以內容有點少) 創建新的workflow 我們開啟自架的 n8n 服務 http://lo...

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

技術 Day 20 :ChatGPT + Excel

今天請它生成 Excel 公式,實際套用測試。 實作結果: 心得:今天的主題是「ChatGPT + Excel」,我主要實驗了讓 ChatGPT 幫我生成 Ex...