KD's Tech Blog

軟體工程和產品專案管理現場觀察：關於軟體開發/程式設計/工程思維的技術部落格

Python 指定使用 OpenSSL 介紹入門教學筆記 | 學習筆記

前言如果 python -c "import ssl; print(ssl.OPENSSL_VERSION)" 顯示的是 LibreSSL 2.8.3，這表示 Python 並沒有使用 Homebrew 安裝的 OpenSSL，而是使用了系統預設的 LibreSSL。這通常發生在 Python 編譯時，沒有正確地連結到 Homebrew 的 OpenSSL 庫。 為了解決......

Posted by kdchang on 2024-08-31

Flexbox Froggy 入門教學筆記 | 學習筆記

1. Flexbox 簡介Flexbox（Flexible Box Layout）是一種 CSS3 佈局模式，專門用來設計一維的彈性佈局，適用於水平或垂直排列元素，使網頁排版更加靈活且易於維護。 Flexbox Froggy 透過小青蛙過河遊戲化方式去介紹 Flexbox 使用方式： Level 1Welcome to Flexbox Froggy, a game where you hel......

Posted by kdchang on 2024-07-10

CSS Flexbox align-items 和 align-content 入門教學筆記 | 學習筆記

前言在 CSS Flexbox 和 Grid 佈局中，align-items 和 align-content 兩者都與「對齊」有關，但適用的情境不同（單行 vs 多行）： 1. align-items 作用於單行內容（單行 Flexbox 或 Grid 容器內的項目）。 控制子元素在交叉軸（cross-axis）上的對齊方式。 常見值 值 說明 stretch 預設值，子元素會拉......

Posted by kdchang on 2024-07-10

Grid Garden 入門教學筆記 | 學習筆記

1. Grid 簡介Grid（Grid Layout）是一種 CSS3 佈局模式，專門用來設計一維的彈性佈局，適用於水平或垂直排列元素，使網頁排版更加靈活且易於維護。 Grid Garden 透過花圃澆花遊戲化方式去介紹 Grid 使用方式 Level 1Welcome to Grid Garden, where you write CSS code to grow your carrot ......

Posted by kdchang on 2024-07-10

WebSocket 入門教學筆記（ESM 模組版） | 學習筆記

前言在現代前端與全端開發中，許多應用需求都仰賴即時資料傳輸，例如即時聊天、線上協作、股票報價、IoT 裝置通訊等。而傳統的 HTTP 協定採用「請求－回應」模式，並不適合雙向即時通訊。這時，WebSocket 協定就成為更有效率的替代方案。 WebSocket 是 HTML5 標準的一部分，它允許在用戶端與伺服器之間建立一條持久的雙向連線。這使得伺服器能即時推播資料給客戶端，而非只能等待客戶......

Posted by kdchang on 2024-07-10

HTML & CSS 切版入門教學筆記 | 學習筆記

1. HTML 基礎概念HTML（HyperText Markup Language）是網頁的基礎結構，透過標籤（Tag）定義不同的內容與結構。 1.1 常見標籤 <!DOCTYPE html>：宣告 HTML 文件類型。 <html>：HTML 文件的根標籤。 <head>：包含頁面設定、SEO 資訊、CSS 連結等。 <title>：設定網......

Posted by kdchang on 2024-07-01

Lodash 介紹與入門教學筆記 | 學習筆記

前言在 JavaScript 的開發中，資料處理與函式操作經常需要處理陣列、物件、字串的轉換、搜尋與過濾等需求。儘管 ES6+ 提供了不少內建函式（如 map、filter、reduce 等），但仍有許多情境需要進階或更簡潔的處理方式。 這時候，Lodash 就是一個非常實用的工具庫。它是一個提供大量實用函式的 JavaScript 函式庫，能幫助開發者更方便地進行資料操作、提升開發效率與可......

Posted by kdchang on 2024-07-01

Ruby 語言介紹與入門教學筆記 | 學習筆記

前言Ruby 是一種純物件導向、動態型別且語法極為直覺易讀的程式語言，由日本程式設計師「松本行弘（Yukihiro Matsumoto）」於 1995 年開發推出。Ruby 的開發理念是讓程式設計變得「快樂」，它重視人類可讀性多於機器效率，因此語法貼近自然語言、少有繁複標點，受到許多開發者的喜愛。 Ruby 最廣為人知的應用即是 Web 框架 Ruby on Rails，但 Ruby 本身也......

Posted by kdchang on 2024-07-01

Ruby on Rails 介紹與入門教學筆記 | 學習筆記

前言Ruby on Rails（簡稱 Rails） 是一套以 Ruby 語言 為基礎所打造的全端開發框架，自 2004 年問世以來，因其「約定大於配置（Convention over Configuration）」與「不重複自己（Don’t Repeat Yourself, DRY）」的設計理念，成為 Web 開發世界中極具代表性的框架之一。 Rails 強調快速開發與清晰結構，幫助開發者迅......

Posted by kdchang on 2024-07-01

Tree Shaking 介紹與入門教學筆記 | 學習筆記

前言在現代前端開發中，專案的程式碼結構越來越複雜，為了提高效能與使用者體驗，減少最終打包後的 JavaScript 檔案大小成為一項重要任務。這時，「Tree Shaking」技術便扮演了關鍵角色。 Tree Shaking 是一種靜態程式碼分析技術，能夠在打包階段分析模組之間的依賴關係，移除未被實際使用的程式碼（dead code）。這不僅能優化網站載入速度，也讓程式碼更精簡、維護性更高。......

Posted by kdchang on 2024-07-01

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

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

FRIENDS