Canvas 下雨動畫（含風力效果）CodePen 實作分享 這篇文章將分享一個以 Canvas 製作的下雨動畫 side project，並加入風力效果，讓雨滴呈現自然飄動。 作品介紹 這個 CodePen 範例利用 JavaScript 操作 Canvas，實現下雨動畫，並可調整...
簡易番茄鐘（Pomodoro Timer）CodePen 實作分享
簡易番茄鐘（Pomodoro Timer）CodePen 實作分享 這篇文章將分享一個簡單的番茄鐘（Pomodoro Timer）side project。 作品介紹 番茄鐘是一種提升專注力的時間管理工具，常見於前...
Gmail 信件分類全攻略：標籤、篩選器、自動化一次學會
前言 Gmail 內建強大的信件分類與自動化功能，讓你能有效管理大量郵件。本文將帶你一次學會 Gmail 分類信件的所有方法，從標籤、篩選器到進階自動化。 一、利用「標籤」分類信件 Gmail 的「標籤」就像資料夾，可以自訂名稱、顏色。 一...
時區與時間：前後端溝通、RFC3339/ISO8601 差異與 JavaScript 實戰
前言 在現代 Web 系統中，時間與時區的處理是前後端溝通常見的痛點。若處理不當，容易導致資料錯亂、顯示誤差、跨國用戶體驗不佳。本文將說明： 前後端如何正確傳遞與解析時間 RFC3339 與 ISO8601 差異 JavaScript 時區處理範例 UTC 概念與常見誤區 實...
[JavaScript] 如何使用JavaScript與blob下載檔案？
JavaScript 與 Blob 下載檔案最佳實踐 在現代網頁開發中，下載檔案（如 PDF、圖片、Excel 等）時，常見的最佳做法如下： 1. 使用 fetch + response.blob()（自動解析 Content-Type） fetch('<PDF URL>') .then(response => response.blob()) .then(blob => { const url...
用 Google Apps Script 製作台北股市爬蟲教學
前言 Google Apps Script（GAS）是一個基於 JavaScript 的雲端自動化平台，非常適合用來串接 Google 服務與自動化日常任務。本篇指南將以「台北股市爬蟲」為例，帶你從零開始，實作一個自動抓取台股即時報價並寫入 Google Sheet 的小工具。 步驟...