在前四天的 Helm 實戰中,我們認識到「平台級服務」這個概念。今天,我們接著介紹 GitLab——一個集結多種需求的典型平台。 從程式碼管理、協作流程,到持續...
昨天我們調整了使用者面板,讓它對出新使用者友善,今天我們繼續來增加一些小巧思吧! WHY 在不同專案裡面,Merge Request 的通知格式可能會需要不同的...
昨天我們學了 型別守衛(Type Guards), 今天來看看 TypeScript 內建的「型別小工具」。 它們能讓你不用重寫型別,就能快速得到你想要的型別變...
前一篇文章介紹了Dockerfile的關鍵字的意義,接下來要來介紹他到底是怎麼運作的了一樣附上前一篇的腳本 FROM golang:1.23-bookworm...
JavaScript 裡,常數 (constant) 是透過 const 關鍵字宣告的變數,一旦被指定值後就 不能再被重新指派。 基本語法 const 常數名稱...
今天我們來談談components組件 componentscomponents : 組件,可將網頁的使用者介面(UI)拆成獨立,可重複使用的程式碼區塊。組件包...
當你拜訪一個網站時,同時會看到一個視窗要你同意 cookies 的資料搜集,你知道如果點下同意,它會記錄你在這個網站使用的資訊或偏好,這就是資安規則的一環。 C...
你想在場景裡放 幾百、幾千 棵樹、石頭、子彈殼嗎?一個一個畫(Draw Call)會把 CPU 累死。GPU Instancing 的想法超單純:同一個網格+...
繼續說明昨天沒說到的部分 Box Model (盒模型) 一個 box model 包含,margin、border、padding、content。![!...
昨天我們介紹了自動化的核心元素,裡面的案例有提到:在 n8n 的 Workflow 裡,如果要使用 Google Drive Node,打開 Node 第一個格...
今天是鐵人賽 Day12,目標是新增商品搜尋功能,能夠依商品名稱與描述來篩選商品,讓使用者能更快速找到想要的商品,同時保留新增商品的功能。 1️⃣ 前端 Hom...
今天挑戰的是:題目描述問我們能不能找到「robots」,並提示要思考網站作者不想讓人看到的地方。 解題思路一、觀察題目給的網址wget -q -O robots...
前言 在前面的章節中,我們大多專注於 設計與實作自己的 API 。但在真實專案中,我們經常需要 使用別人的 API —— 例如 Google Maps API、...
在 CSS background 背景設計系列中,包含許多重要屬性,例如用來設計網頁背景顏色的 background-color、顯示背景圖片的 backgro...
前言 這兩篇主要會談談「資料規格書」,以及筆者自己執行過資料專案的一些經驗分享。雖然筆者在團隊內的角色是資料工程師,但本文並不會深入討論技術細節,而是專注於專案...
今天的挑戰聚焦在 Contact 區塊,除了排版之外,也開始進入表單設計。版面配置延續整體風格:電腦版使用 雙欄式,手機版則轉為 單欄垂直排列,確保在不同裝置上...
在生成式 AI 的眾多應用中,音樂與聲音生成 是一個兼具藝術性與技術性的領域。與文本或圖像不同,聲音具有連續性與時間依賴性,因此生成模型必須同時捕捉 頻率特徵...
HTML 骨架 1. 文件宣告 <!DOCTYPE html> 宣告這是一份 HTML5 文件。讓瀏覽器知道要用 HTML5 標準來解析。 2....
Day 10|Discord + n8n:發送訊息到指定頻道 本文將示範如何將 Discord Bot 串接到 n8n 工作流,完成自動化發送訊息到指定頻道的流...
要使用Docker,先熟悉幾個常見的指令,就能完成大部分日常操作。這些指令能幫助我們從建立映像檔到管理容器,掌握整個流程。 常見的Docker基本指令:1.do...
在分散式系統中,網路的不確定性、第三方服務的不可預測、跨服務間的資源競爭,都讓錯誤更頻繁、更難排查;在編排架構下,以分類並結構化的方式處理錯誤,讓開發者專注於業...
在經過多場教育訓練後,Jerry突然接到顧問的電話,說是有要事提醒。 聽業務說你最近地端開始也加入了DDoS的防護機制對嗎? Jerry回覆,對阿!有ISP的流...
前言 目前我們的 LINE Bot 主要使用 Text 方式回覆訊息。今天將探討 Text 類型的 Emoji 應用,以及 Sticker 回覆方式,基於 D...
繼續 Day 9 的 TTL 快取策略,今天我們來分享 Crew Up! 專案中的錯誤處理經驗。開發過程中,我們發現使用者最在意的不是 App 有沒有問題,而是...
在做 UI/UX 設計的過程中,我們常常會聽到「設計規範」、「設計系統」,還有「設計指引」。 前兩者比較具體,像是按鈕高度多少、字體行距多少,這些能被明確量化。...
1. 什麼是 DOM? DOM (Document Object Model) 就是 把 HTML 文件轉換成 JavaScript 可以操作的物件。簡單來說,...
昨天介紹了我們的需求,並且使用 Unattend-Generator 產生我們的無人值守設定檔,但...這其實還不夠。 回來看我們的需求: 系統: Windo...
透過網頁顯示具有大量文字的文章時,通常都會設定文字的「行高」或「縮排」,這個單元會介紹「什麼是行高」,以及運用 line-height 和 text-inden...
今天來看一下如何建立 workflow 吧 (因為今天時間不太夠 所以內容有點少) 創建新的workflow 我們開啟自架的 n8n 服務 http://lo...
今天請它生成 Excel 公式,實際套用測試。 實作結果: 心得:今天的主題是「ChatGPT + Excel」,我主要實驗了讓 ChatGPT 幫我生成 Ex...