Tags

I don’t know where I am going, but I am on my way......
node.js

Integrating GPT-3.5-Turbo with DC for Custom Bot Development --

Create a custom Discord bot with OpenAI's GPT API

discord.js

Integrating GPT-3.5-Turbo with DC for Custom Bot Development --

Create a custom Discord bot with OpenAI's GPT API

JavaScript

Integrating GPT-3.5-Turbo with DC for Custom Bot Development --

Create a custom Discord bot with OpenAI's GPT API

Ext JS 筆記：異步函數(async/await) 的重要性 --

網速影響發生錯誤的機率

Synchronized Scrolling Indicator --

同步捲動指示器

JS IIFE 筆記 - 立即調用函式 --

JS Modularity 過程筆記 - 汰換大型專案所有 alert 成可重複使用的訊息區塊元件 --

JS 物件導向 - Customize Dialog UI component replaced JQuery Dialog --

GPT

Integrating GPT-3.5-Turbo with DC for Custom Bot Development --

Create a custom Discord bot with OpenAI's GPT API

Ext JS

Ext JS 筆記：異步函數(async/await) 的重要性 --

網速影響發生錯誤的機率

Tailwind CSS

Synchronized Scrolling Indicator --

同步捲動指示器

在沒有 Webpack 的非現代化專案 localize TailwindCSS CDN --

紀錄 plain php 專案 Localize Tailwind CSS CDN 的步驟

2025 OEM 網站開發筆記 [1] - 📌 Tech Stack --

記錄一下專案使用到的技術，會隨著專案進行時更新

2025 OEM 網站開發筆記 [2] - 用 Dummy Data 熟悉前端開發 Workflow --

React + Vite + TypeScript + Tailwind CSS + TanStack Query + Django + MySQL

JS Modularity 過程筆記 - 汰換大型專案所有 alert 成可重複使用的訊息區塊元件 --

JS 物件導向 - Customize Dialog UI component replaced JQuery Dialog --

CSS

在沒有 Webpack 的非現代化專案 localize TailwindCSS CDN --

紀錄 plain php 專案 Localize Tailwind CSS CDN 的步驟

React

2025 OEM 網站開發筆記 [1] - 📌 Tech Stack --

記錄一下專案使用到的技術，會隨著專案進行時更新

Typescript Path Alias 設定及錯誤解決 --

Django + React 電商專案練習 [10] - 後台實作 - 訂單管理(CRUD) --

2025 OEM 網站開發筆記 [2] - 用 Dummy Data 熟悉前端開發 Workflow --

React + Vite + TypeScript + Tailwind CSS + TanStack Query + Django + MySQL

Django + React 電商專案練習 [1] - react-redux 觀念筆記 --

管理state的好工具

Django + React 電商專案練習 [11] - 後台實作 - 訂單運送狀態更新 --

Django + React 電商專案練習 [12] - 搜尋產品功能 --

Django + React 電商專案練習 [13] - 產品評論功能(含星數計算) --

Django + React 電商專案練習 [14] - 分頁功能 --

Django + React 電商專案練習 [15] - 產品輪播圖 --

輪播顯示高評價的產品

Django + React 電商專案練習 [16] - 整合前端(React)與後端(Django) --

不再需要特地去前端執行 npm run start

Django + React 電商專案練習 [17] - Hash Route --

Django + React 電商專案練習 [19] - 用戶頭貼更換/上傳功能 --

Django + React 電商專案練習 [2] - Postman 後端 API 測試 --

Django + React 電商專案練習 [3] - React 整合 PayPal 付款元件 --

Django + React 電商專案練習 [4] - 用戶歷史訂單頁面 --

Django + React 電商專案練習 [5] - 用戶更新個資功能 --

User Update Profile

Django + React 電商專案練習 [7] - 後台實作 - 後台管理員頁面權限與路由規劃 --

非管理員使用者重新導向至登入頁面，不必在每個頁面都額外撰寫檢查權限的作法

Django + React 電商專案練習 [8] - 後台實作 - 產品管理(CRUD) --

Django + React 電商專案練習 [9] - 後台實作 - 上傳&更新產品圖片功能 --

Django + React 電商專案練習 [6] - 後台實作 - 用戶管理(CRUD) --

TypeScript

2025 OEM 網站開發筆記 [1] - 📌 Tech Stack --

記錄一下專案使用到的技術，會隨著專案進行時更新

Typescript Path Alias 設定及錯誤解決 --

2025 OEM 網站開發筆記 [2] - 用 Dummy Data 熟悉前端開發 Workflow --

React + Vite + TypeScript + Tailwind CSS + TanStack Query + Django + MySQL

Vite

2025 OEM 網站開發筆記 [1] - 📌 Tech Stack --

記錄一下專案使用到的技術，會隨著專案進行時更新

2025 OEM 網站開發筆記 [2] - 用 Dummy Data 熟悉前端開發 Workflow --

React + Vite + TypeScript + Tailwind CSS + TanStack Query + Django + MySQL

TanStack Query

2025 OEM 網站開發筆記 [1] - 📌 Tech Stack --

記錄一下專案使用到的技術，會隨著專案進行時更新

2025 OEM 網站開發筆記 [2] - 用 Dummy Data 熟悉前端開發 Workflow --

React + Vite + TypeScript + Tailwind CSS + TanStack Query + Django + MySQL

Django

2025 OEM 網站開發筆記 [1] - 📌 Tech Stack --

記錄一下專案使用到的技術，會隨著專案進行時更新

Django + React 電商專案練習 [10] - 後台實作 - 訂單管理(CRUD) --

2025 OEM 網站開發筆記 [2] - 用 Dummy Data 熟悉前端開發 Workflow --

React + Vite + TypeScript + Tailwind CSS + TanStack Query + Django + MySQL

Django + React 電商專案練習 [1] - react-redux 觀念筆記 --

管理state的好工具

Django + React 電商專案練習 [11] - 後台實作 - 訂單運送狀態更新 --

Django + React 電商專案練習 [12] - 搜尋產品功能 --

Django + React 電商專案練習 [13] - 產品評論功能(含星數計算) --

Django + React 電商專案練習 [14] - 分頁功能 --

Django + React 電商專案練習 [15] - 產品輪播圖 --

輪播顯示高評價的產品

Django + React 電商專案練習 [16] - 整合前端(React)與後端(Django) --

不再需要特地去前端執行 npm run start

Django + React 電商專案練習 [17] - Hash Route --

Django + React 電商專案練習 [18] - 透過 Nginx 部署 Django 至私有主機(No PaaS) --

讓 Nginx 透過 uWSGI 代理 Django，也不用受第三方平台的任何流量及檔案限制

Django + React 電商專案練習 [19] - 用戶頭貼更換/上傳功能 --

Django + React 電商專案練習 [2] - Postman 後端 API 測試 --

Django + React 電商專案練習 [3] - React 整合 PayPal 付款元件 --

Django + React 電商專案練習 [4] - 用戶歷史訂單頁面 --

Django + React 電商專案練習 [5] - 用戶更新個資功能 --

User Update Profile

Django + React 電商專案練習 [7] - 後台實作 - 後台管理員頁面權限與路由規劃 --

非管理員使用者重新導向至登入頁面，不必在每個頁面都額外撰寫檢查權限的作法

Django + React 電商專案練習 [8] - 後台實作 - 產品管理(CRUD) --

Django + React 電商專案練習 [9] - 後台實作 - 上傳&更新產品圖片功能 --

Django + React 電商專案練習 [6] - 後台實作 - 用戶管理(CRUD) --

Django ORM - Reverse Relationship Query --

Django 反向查詢

MySQL

2025 OEM 網站開發筆記 [1] - 📌 Tech Stack --

記錄一下專案使用到的技術，會隨著專案進行時更新

2025 OEM 網站開發筆記 [2] - 用 Dummy Data 熟悉前端開發 Workflow --

React + Vite + TypeScript + Tailwind CSS + TanStack Query + Django + MySQL

mysqli_query VS mysqli_prepare --

npm

Typescript Path Alias 設定及錯誤解決 --

Redux

Django + React 電商專案練習 [10] - 後台實作 - 訂單管理(CRUD) --

Django + React 電商專案練習 [1] - react-redux 觀念筆記 --

管理state的好工具

Django + React 電商專案練習 [11] - 後台實作 - 訂單運送狀態更新 --

Django + React 電商專案練習 [12] - 搜尋產品功能 --

Django + React 電商專案練習 [13] - 產品評論功能(含星數計算) --

Django + React 電商專案練習 [14] - 分頁功能 --

Django + React 電商專案練習 [15] - 產品輪播圖 --

輪播顯示高評價的產品

Django + React 電商專案練習 [16] - 整合前端(React)與後端(Django) --

不再需要特地去前端執行 npm run start

Django + React 電商專案練習 [17] - Hash Route --

Django + React 電商專案練習 [19] - 用戶頭貼更換/上傳功能 --

Django + React 電商專案練習 [2] - Postman 後端 API 測試 --

Django + React 電商專案練習 [3] - React 整合 PayPal 付款元件 --

Django + React 電商專案練習 [4] - 用戶歷史訂單頁面 --

Django + React 電商專案練習 [5] - 用戶更新個資功能 --

User Update Profile

Django + React 電商專案練習 [7] - 後台實作 - 後台管理員頁面權限與路由規劃 --

非管理員使用者重新導向至登入頁面，不必在每個頁面都額外撰寫檢查權限的作法

Django + React 電商專案練習 [8] - 後台實作 - 產品管理(CRUD) --

Django + React 電商專案練習 [9] - 後台實作 - 上傳&更新產品圖片功能 --

Django + React 電商專案練習 [6] - 後台實作 - 用戶管理(CRUD) --

Linux

Django + React 電商專案練習 [10] - 後台實作 - 訂單管理(CRUD) --

Django + React 電商專案練習 [1] - react-redux 觀念筆記 --

管理state的好工具

Django + React 電商專案練習 [11] - 後台實作 - 訂單運送狀態更新 --

Django + React 電商專案練習 [12] - 搜尋產品功能 --

Django + React 電商專案練習 [13] - 產品評論功能(含星數計算) --

Django + React 電商專案練習 [14] - 分頁功能 --

Django + React 電商專案練習 [15] - 產品輪播圖 --

輪播顯示高評價的產品

Django + React 電商專案練習 [16] - 整合前端(React)與後端(Django) --

不再需要特地去前端執行 npm run start

Django + React 電商專案練習 [17] - Hash Route --

Django + React 電商專案練習 [18] - 透過 Nginx 部署 Django 至私有主機(No PaaS) --

讓 Nginx 透過 uWSGI 代理 Django，也不用受第三方平台的任何流量及檔案限制

Django + React 電商專案練習 [19] - 用戶頭貼更換/上傳功能 --

Django + React 電商專案練習 [2] - Postman 後端 API 測試 --

Django + React 電商專案練習 [3] - React 整合 PayPal 付款元件 --

Django + React 電商專案練習 [4] - 用戶歷史訂單頁面 --

Django + React 電商專案練習 [7] - 後台實作 - 後台管理員頁面權限與路由規劃 --

非管理員使用者重新導向至登入頁面，不必在每個頁面都額外撰寫檢查權限的作法

Django + React 電商專案練習 [8] - 後台實作 - 產品管理(CRUD) --

Django + React 電商專案練習 [9] - 後台實作 - 上傳&更新產品圖片功能 --

Django + React 電商專案練習 [6] - 後台實作 - 用戶管理(CRUD) --

Hexo 部署至 Nginx 設置 CI/CD 流程 --

除了 GitHub Pages 其實還有第二種選擇

SSH 縮短主機之間的距離 --

在各個主機之間穿梭自如

Nginx

Django + React 電商專案練習 [18] - 透過 Nginx 部署 Django 至私有主機(No PaaS) --

讓 Nginx 透過 uWSGI 代理 Django，也不用受第三方平台的任何流量及檔案限制

Hexo 部署至 Nginx 設置 CI/CD 流程 --

除了 GitHub Pages 其實還有第二種選擇

uWSGI

Django + React 電商專案練習 [18] - 透過 Nginx 部署 Django 至私有主機(No PaaS) --

讓 Nginx 透過 uWSGI 代理 Django，也不用受第三方平台的任何流量及檔案限制

Python

Django ORM - Reverse Relationship Query --

Django 反向查詢

私人多語言 AI 翻譯器 - Whisper API --

Real-time translation and transcription of multilingual speech sounds into different audio outputs - Whisper API

CI/CD

Hexo 部署至 Nginx 設置 CI/CD 流程 --

除了 GitHub Pages 其實還有第二種選擇

Vim

Hexo 部署至 Nginx 設置 CI/CD 流程 --

除了 GitHub Pages 其實還有第二種選擇

JQuery

JS Modularity 過程筆記 - 汰換大型專案所有 alert 成可重複使用的訊息區塊元件 --

JS 物件導向 - Customize Dialog UI component replaced JQuery Dialog --

PHP

mysqli_query VS mysqli_prepare --

Regular Expressions 正規表達式 --

利用正規表達式來切割資料

SQL

深入了解 SQL JOINS - 實戰篇 [2] --

A Comprehensive Guide to Inner, Outer, Self, and Cross Joins

深入了解 SQL JOINS - Mastering SQL Joins [1] --

A Comprehensive Guide to Inner, Outer, Self, and Cross Joins

SSH

SSH 縮短主機之間的距離 --

在各個主機之間穿梭自如

Sentiment analysis

TF-IDF 演算法 --

衡量字詞在一份文本內的重要程度之演算法

Algorithm

TF-IDF 演算法 --

衡量字詞在一份文本內的重要程度之演算法

NLP

TF-IDF 演算法 --

衡量字詞在一份文本內的重要程度之演算法

Maching Learning

TF-IDF 演算法 --

衡量字詞在一份文本內的重要程度之演算法

Whisper API

私人多語言 AI 翻譯器 - Whisper API --

Real-time translation and transcription of multilingual speech sounds into different audio outputs - Whisper API

ESC