cover
用 Google Sheets 產生 JSON 格式 API

在日常生活和工作中,我們經常使用 Google Sheets 進行資料整理和管理。但是,有沒有想過如何將這些資料變成可以方便地被其他程式或應用程序使用的API呢? 本文將帶你了解如何利用 Google Sheets,輕鬆又快速地生成一個 API,使得你可以用 JSON 格式獲取你的資料。這樣的做法不僅簡化了資料分享的流程,還為開發者提供了更多應用的可能性。

cover
GSAP 教學: ScrollTrigger

ScrollTrigger 是 GSAP 的一個擴充套件,用來製作滑鼠滾動觸發動畫。ScrollTrigger 提供強大的滾動控制,讓網頁動畫輕鬆實現。透過簡單的 API,你能精確掌握動畫觸發點、速度和方向,呈現更流暢、自然的視覺效果。

cover
GSAP 教學: Timeline

Timeline 是 Tween 或者其他 Timeline 的容器,讓我們可以更簡單的製作複雜的動畫。舉例來說,如果沒有 Timeline 我們就只能用 Tween 上的 delay 屬性來決定動畫的先後,但透過 Timeline,我們就可以直接指定動畫的先後順序

cover
GSAP 教學: Tween

在 GSAP 中,可以將 Tween 視為一個 CSS 屬性設定器,我們可以在指定元素上,賦予起始屬性或終止屬性,隨後 GSAP 就會幫我們把動畫產生出來。

cover
Astro 專案中使用 TailwindCSS 並配置 class 自動排版

本文章講解如何在 Astro 專案中安裝 TailwindCSS 套件,以及使用 Prettier 來做 class 的自動排版。

cover
Node.js 如何取得圖片的 Mime Types

最近工作上有個需求要取得圖片的 mime types,這篇文章簡單紀錄在 Node.js 環境下使用 file-type 套件來取得圖片的 mime types。

cover
TypeScript Express 設定路徑別名 (Alias)

本文章將逐步帶領讀者完成 TypeScript Express 的路徑別名配置,其中包含了開發環境下的配置,與正式環境下的配置。此處提到的路徑別名為 import 時的路徑別名。

cover
創建 express 的 typescript 環境

本篇文章將從 Node.js 環境創建,安裝相關套件,並配置 TypeScript,逐步完成一個使用 TypeScript 的 Express 應用。