vince115 Blog

vince115 Blog https://vince115-blog.vercel.app Vince 的技術筆記 Fri, 06 Nov 2026 06:59:42 GMT <![CDATA[Periodic 3D：一個每筆資料都要對得上來源的互動式元素週期表]]> https://vince115-blog.vercel.app/blog/periodic-3d-interactive-periodic-table https://vince115-blog.vercel.app/blog/periodic-3d-interactive-periodic-table Mon, 19 Oct 2026 00:00:00 GMT <![CDATA[ActiFlow：活動建立、報名與審核的全端平台]]> https://vince115-blog.vercel.app/blog/actiflow https://vince115-blog.vercel.app/blog/actiflow Tue, 15 Sep 2026 00:00:00 GMT <![CDATA[【京阪自由行】五天四夜全攻略：從京都古都散策到大阪難波血拼，行程、交通、住宿一網打盡！]]> https://vince115-blog.vercel.app/blog/202605-travel-jp https://vince115-blog.vercel.app/blog/202605-travel-jp Wed, 03 Jun 2026 07:11:05 GMT <![CDATA[nextforge：用插件與生命週期設計一個 Next.js 專案產生器]]> https://vince115-blog.vercel.app/blog/nextforge-plugin-cli-architecture https://vince115-blog.vercel.app/blog/nextforge-plugin-cli-architecture Mon, 04 May 2026 00:00:00 GMT <![CDATA[桃園機場捷運 3D：用 React Three Fiber 讓時刻表動起來]]> https://vince115-blog.vercel.app/blog/tymetro-3d-digital-twin https://vince115-blog.vercel.app/blog/tymetro-3d-digital-twin Fri, 01 May 2026 00:00:00 GMT <![CDATA[數位魚缸：用 React Three Fiber 打造可以自己佈置的 3D 海底世界]]> https://vince115-blog.vercel.app/blog/aquarium-react-three-fiber https://vince115-blog.vercel.app/blog/aquarium-react-three-fiber Mon, 27 Apr 2026 00:00:00 GMT <![CDATA[Nexus 台美股即時儀表板：一個畫面看台股與美股]]> https://vince115-blog.vercel.app/blog/investment-dev https://vince115-blog.vercel.app/blog/investment-dev Sat, 18 Apr 2026 00:00:00 GMT <![CDATA[Alphabet Academy 英語字母小學堂：一本會回應的字母描寫簿]]> https://vince115-blog.vercel.app/blog/alphabet-academy-handwriting https://vince115-blog.vercel.app/blog/alphabet-academy-handwriting Wed, 15 Apr 2026 00:00:00 GMT <![CDATA[Taiwan Weather Command Terminal：用中央氣象署開放資料打造台灣氣象儀表板]]> https://vince115-blog.vercel.app/blog/taiwan-weather-command-terminal https://vince115-blog.vercel.app/blog/taiwan-weather-command-terminal Wed, 01 Apr 2026 00:00:00 GMT <![CDATA[NextShop：一個在意「同時發生」的全端電商 Demo]]> https://vince115-blog.vercel.app/blog/next-shop-fullstack-ecommerce https://vince115-blog.vercel.app/blog/next-shop-fullstack-ecommerce Thu, 26 Mar 2026 00:00:00 GMT <![CDATA[Temple Oracle 線上抽籤：把廟宇抽籤的儀式節奏搬進網頁]]> https://vince115-blog.vercel.app/blog/temple-oracle-digital-ritual https://vince115-blog.vercel.app/blog/temple-oracle-digital-ritual Thu, 26 Mar 2026 00:00:00 GMT <![CDATA[Next Book：用資料夾當資料庫的 GitBook 風格線上書架]]> https://vince115-blog.vercel.app/blog/next-book-mdx-library https://vince115-blog.vercel.app/blog/next-book-mdx-library Tue, 03 Mar 2026 00:00:00 GMT <![CDATA[OpenClaw 本地端 AI Agent 架構與部署實作：以 Mac mini 為例]]> https://vince115-blog.vercel.app/blog/openclaw-installation-retrospective-mac-mini https://vince115-blog.vercel.app/blog/openclaw-installation-retrospective-mac-mini Sat, 07 Feb 2026 14:00:00 GMT <![CDATA[🦞 什麼是「龍蝦」？前端／全端工程師把 Agent 接進開發流程的實戰用法]]> https://vince115-blog.vercel.app/blog/openclaw-agent-for-frontend-and-fullstack https://vince115-blog.vercel.app/blog/openclaw-agent-for-frontend-and-fullstack Fri, 30 Jan 2026 00:00:00 GMT <![CDATA[熊出沒警報地圖：用 Leaflet 把 846 筆通報變成看得懂的地圖]]> https://vince115-blog.vercel.app/blog/bear-alert-map-leaflet https://vince115-blog.vercel.app/blog/bear-alert-map-leaflet Fri, 07 Nov 2025 00:00:00 GMT <![CDATA[Hello World（黑底語法測試）]]> https://vince115-blog.vercel.app/blog/hello-world https://vince115-blog.vercel.app/blog/hello-world Wed, 29 Oct 2025 00:00:00 GMT <![CDATA[2025 UI/UX 設計趨勢]]> https://vince115-blog.vercel.app/blog/ui-design-trends-2025 https://vince115-blog.vercel.app/blog/ui-design-trends-2025 Tue, 15 Jul 2025 00:00:00 GMT <![CDATA[Sanity CMS 內容管理入門]]> https://vince115-blog.vercel.app/blog/sanity-cms-setup https://vince115-blog.vercel.app/blog/sanity-cms-setup Fri, 02 May 2025 00:00:00 GMT <![CDATA[GraphQL 與 REST API 的比較]]> https://vince115-blog.vercel.app/blog/graphql-vs-rest-api https://vince115-blog.vercel.app/blog/graphql-vs-rest-api Sun, 20 Apr 2025 00:00:00 GMT <![CDATA[開發者必備的 AI 工具清單]]> https://vince115-blog.vercel.app/blog/ai-tools-for-developers https://vince115-blog.vercel.app/blog/ai-tools-for-developers Thu, 10 Apr 2025 00:00:00 GMT <![CDATA[Three.js 視覺化入門]]> https://vince115-blog.vercel.app/blog/threejs-intro-visualization https://vince115-blog.vercel.app/blog/threejs-intro-visualization Wed, 12 Mar 2025 00:00:00 GMT <![CDATA[Tailwind CSS 夜間模式技巧]]> https://vince115-blog.vercel.app/blog/tailwind-dark-mode-tips https://vince115-blog.vercel.app/blog/tailwind-dark-mode-tips Wed, 05 Mar 2025 00:00:00 GMT <![CDATA[Redux Toolkit 最佳實踐與架構模式]]> https://vince115-blog.vercel.app/blog/redux-toolkit-patterns https://vince115-blog.vercel.app/blog/redux-toolkit-patterns Tue, 18 Feb 2025 00:00:00 GMT <![CDATA[React 效能最佳化實戰]]> https://vince115-blog.vercel.app/blog/react-performance-optimization https://vince115-blog.vercel.app/blog/react-performance-optimization Wed, 12 Feb 2025 00:00:00 GMT <![CDATA[Next.js 14 App Router 完整指南]]> https://vince115-blog.vercel.app/blog/next14-app-router-guide https://vince115-blog.vercel.app/blog/next14-app-router-guide Tue, 28 Jan 2025 00:00:00 GMT <![CDATA[PUMPKIN 萬聖節：用 GSAP ScrollTrigger 與 three.js 讓捲動變成一段旅程]]> https://vince115-blog.vercel.app/blog/pumpkin-halloween-scrolltrigger-threejs https://vince115-blog.vercel.app/blog/pumpkin-halloween-scrolltrigger-threejs Wed, 30 Oct 2024 00:00:00 GMT <![CDATA[圓夢繪本資料庫：用 D3.js 與 SVG 設計兒童數位圖書館的視覺化搜尋介面]]> https://vince115-blog.vercel.app/blog/2016-visualizing-child-library-interface https://vince115-blog.vercel.app/blog/2016-visualizing-child-library-interface Fri, 17 Jun 2016 14:00:00 GMT