KD's Tech Blog

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

Roo Code 詳細介紹：AI VS Code 編輯器外掛入門教學筆記 | 學習筆記

前言Roo Code（原名 Roo Cline）是一款嵌入於 Visual Studio Code 編輯器中的開源 AI 代理，能讀寫檔案、自動執行終端指令、操作瀏覽器，甚至整合多種 LLM 模型。無論是編寫程式、重構、除錯、架構設計，Roo Code 都能協助你提升開發效率，更像是一個智慧且自主的開發團隊成員。 重點摘要 核心功能與定位 像開發團隊的 AI 助手，能讀寫檔案、執行命令、......

Posted by kdchang on 2024-12-20

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

前言：什麼是 Angular？Angular 是由 Google 支持與維護的前端框架，採用 TypeScript 開發，用於建構單頁應用程式（SPA）。Angular 提供了強大的資料繫結（Data Binding）、組件化設計（Component-based Architecture）、模組化管理（Modules）、路由（Routing）等功能，適合用來開發大型且可維護性的應用。 Ang......

Posted by kdchang on 2024-12-19

金流使用 Hash 原因入門教學筆記 | 學習筆記

在金流（第三方支付或自建金流）系統中使用 Hash（雜湊） 的原因，主要是為了安全性與防止資料被竄改。以下是更詳細的解釋： 一、為什麼金流需要 Hash？金流交易涉及敏感資料（如金額、訂單編號、使用者資訊、驗證參數等），若這些資料在傳輸過程中被竄改，將造成： 金額錯誤（被調整為更小金額） 偽造付款成功通知 使用者資料外洩 金流詐騙行為 因此，金流平台與商家之間需要一種方式來驗證資料完整......

Posted by kdchang on 2024-12-18

LINE Pay API 入門教學筆記 | 學習筆記

一、前言在電子商務與線上交易日益普及的今天，提供穩定又方便的金流服務已成為網站與應用程式不可或缺的一環。LINE Pay 是由 LINE Corporation 推出的行動支付平台，除了在線上與實體店面支援消費者付款外，也提供開發者 API 介面來整合第三方商務服務，使開發者可以在網站或應用程式中無縫串接付款功能。 本篇教學筆記將帶你了解 LINE Pay API 的基本觀念、運作流程，以及......

Posted by kdchang on 2024-12-16

Vue ref 與 reactive 入門教學筆記 | 學習筆記

前言在 Vue 3 中，ref 與 reactive 都是用來創建響應式資料的工具，但它們適用的情境略有不同。以下是清楚的比較與實際使用範例，幫助你理解什麼時候該用哪一個。 ref 使用情境適用於： 原始資料型別：如 Number、String、Boolean、Date 等。 你只需要追蹤單一值。 當你需要某個變數傳遞到 <template> 或函式中。 語法：import ......

Posted by kdchang on 2024-12-16

JavaScript 模組系統：CommonJS 與 AMD 入門教學 | 學習筆記

前言在 JavaScript 早期，所有程式碼通常寫在單一文件中，這樣的方式在小型專案中或許可行，但當應用程式變得更大、更複雜時，這種結構會導致管理困難。因此，模組化的概念被引入，允許開發者將程式碼拆分成可重複使用的獨立部分，提高可維護性與擴展性。 在 ES6 標準推出之前，JavaScript 主要依賴 CommonJS（CJS） 和 Asynchronous Module Defin......

Posted by kdchang on 2024-12-16

JavaScript 模組（Module）入門教學筆記 | 學習筆記

1. 什麼是 JavaScript 模組？JavaScript 模組（Module）是一種將程式碼拆分成多個獨立文件，並在不同文件間共享和管理程式碼的方式。透過模組化的設計，可以讓程式碼更具結構性、可讀性與可維護性。 在 ES6（ECMAScript 2015）之前，JavaScript 主要透過 IIFE（立即執行函式）、CommonJS 或 AMD 來模組化程式碼。而 ES6 之後，Ja......

Posted by kdchang on 2024-12-16

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

前言在現代應用程式開發中，資料儲存已不再侷限於傳統的關聯式資料庫（如 MySQL、PostgreSQL）。特別是在處理非結構化資料、需要高延展性或頻繁 schema 變動的應用場景中，NoSQL 資料庫逐漸成為主流選擇。 其中，MongoDB 是最受歡迎的 NoSQL 資料庫之一。它採用文件型（Document-Oriented）結構，使用 JSON 類型格式（實際為 BSON）儲存資料，讓......

Posted by kdchang on 2024-12-16

Node.js Express.js 入門教學筆記 | 學習筆記

1. 簡介Express.js 是一個基於 Node.js 的 Web 應用框架，提供簡潔且靈活的 API，適用於建立伺服器端應用程式。它可以用來開發 RESTful API、Web 應用或後端服務。 為什麼選擇 Express.js？ 輕量且易於學習 擴展性高 內建強大的中介軟體（Middleware）系統 支援各種範本引擎（例如：EJS, Pug） 2. 安裝與專案初始化安裝 Node......

Posted by kdchang on 2024-12-16

Pinia Setup Store 與 Option Store 比較介紹入門教學筆記

前言Pinia 是 Vue 3 推薦的狀態管理工具，作為 Vuex 的繼任者，Pinia 以簡潔且直觀的 API 設計，為 Vue 生態系帶來更輕量且易於維護的解決方案。Pinia 提供兩種撰寫 store 的方式：Option Store 與 Setup Store。兩者皆支援響應式狀態管理，但在語法結構與彈性上有所不同。理解這兩種寫法的差異，對於新手以及想提升開發效率的工程師來說相當重要......

Posted by kdchang on 2024-12-16

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

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

FRIENDS