KD's Tech Blog

Hi, 我是 KD Chang 凱迪，我在這書寫我的軟體開發/程式設計技術筆記 | KD 技術部落格

Git Flow 介紹與 GitHub Flow 介紹入門教學筆記 | 學習筆記

前言在軟體開發中，版本控制是協作開發中至關重要的工具。Git 作為當前最受歡迎的版本控制系統，其強大的分支管理和版本控制功能，使得開發團隊能夠高效地進行協作。兩種常見的 Git 工作流是 Git Flow 和 GitHub Flow，這些工作流提供了清晰的分支管理策略，讓團隊可以更加有序地開發和部署代碼。本文將介紹 Git Flow 和 GitHub Flow 的基本概念、使用方法，以及它們......

Posted by kdchang on 2024-12-04

滾動視差（Parallax Scrolling）網頁設計入門教學筆記 | 學習筆記

一、什麼是滾動視差？滾動視差（Parallax Scrolling）是一種前端網頁設計技術，透過不同層的背景與內容以不同的速度滾動，營造出立體感與動態視覺效果。這種技術常見於品牌網站、產品介紹頁面或作品展示頁面，能有效提升使用者的沉浸感與互動體驗。 滾動視差的視覺效果 背景與內容滾動速率不同：背景滾動速度較慢，前景滾動速度較快，模擬景深效果。 多層次視覺變化：不同層的元素可以有獨立的......

Posted by kdchang on 2024-12-03

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

一、什麼是 TypeScript？TypeScript 是由 Microsoft 開發的 JavaScript 超集（Superset），提供靜態型別檢查（Static Type Checking），讓開發者在編譯時發現錯誤，提升程式碼的可靠性與可維護性。TypeScript 會被編譯為標準 JavaScript，並可以運行於任何支援 JavaScript 的環境，例如瀏覽器或 Node.j......

Posted by kdchang on 2024-12-02

Nuxt.js 入門教學筆記 | 學習筆記

一、什麼是 Nuxt.js？Nuxt.js 是一個基於 Vue.js 的漸進式框架，專為構建伺服器端渲染（SSR）和靜態站點生成（SSG）應用程式而設計。它提供開發者一個強大的開發體驗，並簡化 Vue.js 應用的架構與設定，適合 SEO 優化、效能最佳化以及提升開發效率。 Nuxt.js 的核心特性包括： 伺服器端渲染（SSR）：增強 SEO 並提升初始載入速度。 靜態站點生......

Posted by kdchang on 2024-12-01

Django「一對一」、「一對多」、「多對多」關聯入門教學筆記 | 學習筆記

前言當你在學 Django 或資料庫設計時，常會遇到「一對一」、「一對多」、「多對多」這三種關聯（Relationship）。這些是資料庫中表與表之間的關係，下面用簡單的例子幫你搞懂它們的差異： 一對一（One-to-One）概念：一個資料只對應另一個資料，彼此之間是唯一配對的關係。 例子：每個人都有一張身份證 → 一個人對應一張身份證，一張身份證只對應一個人。 Django 實作：cla......

Posted by kdchang on 2024-12-01

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

1. Emotion CSS 簡介Emotion 是一款強大的 CSS-in-JS 解決方案，提供高效能且靈活的樣式管理方式，適用於 React 應用。Emotion 支援兩種主要的使用方式： CSS Prop（使用 JSX 內嵌樣式） styled API（使用 styled 函式創建元件） 2. 安裝 Emotion使用 npm 或 yarn 安裝 Emotion 核心套件： npm......

Posted by kdchang on 2024-11-30

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

一、什麼是 Tailwind CSS？Tailwind CSS 是一款以「工具類別優先」（Utility-First）為核心設計理念的 CSS 框架，與傳統的 CSS 框架（如 Bootstrap、Bulma）不同，它不提供預設的 UI 元件，而是提供大量的樣式工具類別，讓開發者可以快速組合來建構 UI，而不需要額外撰寫自訂 CSS。 相較於傳統 CSS 框架，Tailwind CSS ......

Posted by kdchang on 2024-11-30

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

前言在現代網頁開發中，動畫是一種強而有力的表現手法，能提升使用者體驗，使介面更加生動、有趣。相比 JavaScript，CSS Animation 提供一種更簡潔、性能更佳的動畫解法，尤其適合製作 UI 中的小型動畫效果。 本篇教學筆記將介紹 CSS Animation 的基本語法、常見屬性與一個實際範例，幫助你快速上手。 為什麼使用 CSS Animation？CSS Animation......

Posted by kdchang on 2024-11-16

Django Middleware 入門教學筆記

前言在 Web 應用程式中，每一次的 HTTP 請求與回應都會經過一連串的處理流程。在 Django 框架中，這些處理流程的攔截點與操作邏輯就是透過「Middleware（中介軟體）」來實現。 Middleware 是 Django 請求與回應處理流程中一個極為關鍵的機制，允許開發者在請求進入 View 前或回應送出前進行特定操作，例如：身份驗證、日誌紀錄、權限控制、跨域處理、錯誤攔截、壓縮......

Posted by kdchang on 2024-11-16

Django 中的 n+1 問題入門教學筆記

Django 中的 n+1 問題入門教學筆記前言Django 作為一個功能完整的 Python Web 框架，其 ORM（Object-Relational Mapping）能讓開發者以物件導向方式操作資料庫。然而，這樣的便利也容易隱藏一些效能陷阱，其中最常見也最容易忽略的就是 n+1 查詢問題（n+1 query problem）。 n+1 問題會導致程式在執行查詢時產生大量多餘的 SQL......

Posted by kdchang on 2024-11-16

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

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

FRIENDS