KD's Tech Blog

軟體工程和產品專案管理現場，紀錄關於軟體開發/程式設計/工程思維的技術筆記

LangGraph 入門教學筆記：打造多步驟 AI 流程的圖形化解決方案 | 學習筆記

前言隨著生成式 AI 的應用越來越廣泛，從客服機器人、智慧問答系統到複雜的自動化工作流程，開發者面臨的不再只是單次的文字生成，而是需要處理多步驟的對話邏輯與決策流程。 傳統上，這類應用通常透過繁瑣的 if-else 邏輯、狀態機或多層函式巢狀處理，程式碼不易閱讀與維護。為此，LangGraph 應運而生。它是一個開源的 Python 函式庫，讓開發者可以用「流程圖」的方式清晰地定義每一步的處......

Posted by kdchang on 2024-12-23

useSWR 入門教學筆記：打造高效、簡潔的資料請求方式 | 學習筆記

前言在現代前端開發中，資料的取得與管理是不可或缺的一環。傳統上，我們可能使用 useEffect 搭配 fetch 或 axios 來處理資料請求，但這樣的方式不僅冗長，還需要手動管理 loading、error 狀態與快取邏輯。為了解決這些問題，Vercel 推出的 SWR（stale-while-revalidate）提供了一種簡潔、聲明式且高效的資料取得方式，特別適合搭配 React ......

Posted by kdchang on 2024-12-23

CSS transition 入門教學筆記 | 學習筆記

前言CSS transition 屬性允許元素在狀態變化時產生平滑的動畫效果，使 UI 更加流暢和自然。這項技術通常應用於按鈕、圖片、卡片等 UI 元素的互動效果，如懸停、點擊或狀態變更。 1. transition 基礎概念CSS transition 屬性用於定義當元素的某些 CSS 屬性發生變化時，該變化應如何逐漸呈現，而非立即改變。基本語法如下： transition: proper......

Posted by kdchang on 2022-12-13

CSS transform 入門教學筆記 | 學習筆記

前言CSS transform 屬性是一個強大的工具，可以用來對 HTML 元素進行旋轉、縮放、移動及傾斜等變換，而不會影響其他元素的佈局。這使得 transform 非常適合用來建立動畫效果、視覺調整以及 UI 微調。 1. transform 基礎概念transform 屬性可以接受一個或多個變換函數，使元素在不影響文檔流的情況下進行變換。這些變換主要包含： 平移 (translate......

Posted by kdchang on 2021-12-13

HTML 入門教學筆記 | 學習筆記

1. 什麼是 HTML？HTML（HyperText Markup Language，超文本標記語言）是建立網頁的標準語言。它用標籤（tags）來結構化內容，讓瀏覽器能夠解析並顯示網頁。HTML 主要負責網頁的結構，而樣式與行為則交由 CSS 和 JavaScript 負責。 2. HTML 文件基本結構一個基本的 HTML 文件包含以下部分： <!DOCTYPE html>......

Posted by kdchang on 2021-12-13

Python Decorator 入門教學筆記 | 學習筆記

前言在 Python 的日常開發中，decorator（裝飾器） 是一個非常強大的語法工具，常用於增強函式功能，例如：記錄日誌、驗證權限、計時、快取等。在許多框架（如 Flask、Django）或第三方函式庫中，也可以經常看到裝飾器的身影。 然而對初學者來說，decorator 的語法可能一開始比較難以理解，尤其涉及到函式是「第一類物件（first-class object）」、「閉包（cl......

Posted by kdchang on 2021-12-13

ABOUT ME
KD's Tech Blog 技術部落格 | KD Chang 張凱迪

KD Chang 張凱迪（@kdchang），台灣大學，主修經濟學，臺大資管所畢業。是一個軟體工程師，也是一位 PM 產品專案經理和教育工作者。曾服務過上市網路軟體公司、上市科技電子公司、台灣 AI 人工智慧新創獨角獸公司，也曾參與數個新創組織的創辦和多個網路產品服務的開發。A Software Engineer, Product/Project Manager & Educator.:)

FRIENDS