JS Ying's Blog https://blog.jsy.tw/ Sun, 14 Dec 2025 06:25:38 +0000 zh-TW hourly 1 https://wordpress.org/?v=6.8.5 https://blog.jsy.tw/wp-content/uploads/2022/03/cropped-logo-32x32.png JS Ying's Blog https://blog.jsy.tw/ 32 32 188181961 【時事】Firefox 143 PWA 重新回歸：Taskbar Tabs https://blog.jsy.tw/3095/firefox-143-pwa-taskbar-tabs/ https://blog.jsy.tw/3095/firefox-143-pwa-taskbar-tabs/#comments Fri, 19 Sep 2025 18:19:35 +0000 https://blog.jsy.tw/?p=3095 在 Firefox 143 版本中，Mozilla 重新加入了 PWA (Taskbar Tabs) 功能，允許使用者將網站作為應用程式固定在工具列。雖然 Mozilla 對 Web Apps 有獨特的見解，但與一般使用者的期望可能存在差距。未來 Firefox Taskbar Tabs 的發展值得繼續看下去。

這篇文章 【時事】Firefox 143 PWA 重新回歸：Taskbar Tabs 最早出現於 JS Ying's Blog。

]]> https://blog.jsy.tw/3095/firefox-143-pwa-taskbar-tabs/feed/ 4 3095 【開箱】MacBook Pro M4 Pro 太空黑 48GB / 1TB（含規格挑選與 Line 導購心路歷程） https://blog.jsy.tw/3069/macbook-pro-m4-pro-48gb-1tb/ https://blog.jsy.tw/3069/macbook-pro-m4-pro-48gb-1tb/#comments Thu, 21 Aug 2025 17:52:20 +0000 https://blog.jsy.tw/?p=3069 入手了 MacBook Pro M4 Pro 太空黑 48 GB / 1 TB。長那麼大了，拿到新電腦還是很開心。本文將會介紹我這次挑選規格的心路歷程，以及簡單快速的開箱，讓一些第一次購買 MacBook，或是有選擇障礙的人可以當個參考。

這篇文章 【開箱】MacBook Pro M4 Pro 太空黑 48GB / 1TB（含規格挑選與 Line 導購心路歷程） 最早出現於 JS Ying's Blog。

]]> https://blog.jsy.tw/3069/macbook-pro-m4-pro-48gb-1tb/feed/ 6 3069 【遊記】2025 峇里島八天七夜自由行 https://blog.jsy.tw/3037/2025-bali-8-day-diy-trip/ https://blog.jsy.tw/3037/2025-bali-8-day-diy-trip/#comments Sat, 26 Jul 2025 06:37:24 +0000 https://blog.jsy.tw/?p=3037 這篇文章簡單記錄了我人生第一次的峇里島 Bali 八天七夜自由行，從台灣出發，走訪 Canggu、Ubud、Uluwatu 和 Penida，包含行程規劃、美食推薦與旅遊心得。希望這份行程紀錄能提供給想自由行的朋友一些參考與靈感。

這篇文章 【遊記】2025 峇里島八天七夜自由行 最早出現於 JS Ying's Blog。

]]> https://blog.jsy.tw/3037/2025-bali-8-day-diy-trip/feed/ 1 3037 【筆記】React Input 輸入框 autoFocus 無法生效 https://blog.jsy.tw/2806/react-input-autofocus-not-working/ https://blog.jsy.tw/2806/react-input-autofocus-not-working/#comments Wed, 18 Jun 2025 10:21:06 +0000 https://blog.jsy.tw/?p=2806 最近遇到一個有趣的小問題，簡單地筆記一下：React 用變數判斷是否啟用 autuFocus，有時會失效？原來是跟 DOM 的行為有關。本文將提供三種解法——條件渲染、初始寬度判斷以及 ref 手動 foucs。

這篇文章 【筆記】React Input 輸入框 autoFocus 無法生效 最早出現於 JS Ying's Blog。

]]> https://blog.jsy.tw/2806/react-input-autofocus-not-working/feed/ 2 2806 【筆記】Node 應用使用 Redis 進行快取管理 https://blog.jsy.tw/2760/nodejs-redis-cache/ https://blog.jsy.tw/2760/nodejs-redis-cache/#comments Mon, 18 Nov 2024 15:04:55 +0000 https://blog.jsy.tw/?p=2760 當初寫台鐵時刻表的後端時，資料快取這塊我是直接將資料儲存在變數裡，並自行做 TTL的驗證和持久化的機制。但用了一年後，我發現直接使用 redis 還是會比自造輪子來的方便些。本文將簡單記錄我的一些快取心得和 redis 的設定方式。

這篇文章 【筆記】Node 應用使用 Redis 進行快取管理 最早出現於 JS Ying's Blog。

]]> https://blog.jsy.tw/2760/nodejs-redis-cache/feed/ 6 2760 【開箱】Apple Watch Series 10 GPS 鋁金屬銀色規格挑選與使用一週心得 https://blog.jsy.tw/2752/unbox-apple-watch-series-10-gps/ https://blog.jsy.tw/2752/unbox-apple-watch-series-10-gps/#comments Tue, 01 Oct 2024 06:32:04 +0000 https://blog.jsy.tw/?p=2752 我沒有戴手錶的習慣，所以雖然我擁有很多蘋果的產品，但也不曾考慮蘋果手錶。最近因為發生了很多事情，讓我開始注意並想更瞭解自己的身體健康，包括心異變率（HRV）和睡眠品質，所以搭上這次的蘋果發表會，我決定入手我人生中第一支 Apple Watch。

這篇文章 【開箱】Apple Watch Series 10 GPS 鋁金屬銀色規格挑選與使用一週心得 最早出現於 JS Ying's Blog。

]]> https://blog.jsy.tw/2752/unbox-apple-watch-series-10-gps/feed/ 3 2752 【筆記】使用 react-to-image 實現網頁截圖功能並考量電腦與手機版差異 https://blog.jsy.tw/2731/react-to-image-pc-and-mobile-issue/ https://blog.jsy.tw/2731/react-to-image-pc-and-mobile-issue/#comments Mon, 19 Aug 2024 06:39:13 +0000 https://blog.jsy.tw/?p=2731 最近使用了 react-to-image 實現將網頁內容存成 PNG 檔的功能，過程中有發現一些內容跑版以及手機版 UX 不如預期的議題，所以簡單寫篇文章跟大家做分享。

這篇文章 【筆記】使用 react-to-image 實現網頁截圖功能並考量電腦與手機版差異 最早出現於 JS Ying's Blog。

]]> https://blog.jsy.tw/2731/react-to-image-pc-and-mobile-issue/feed/ 4 2731 【筆記】利用 Github Actions 將 node 專案自動部署至 Ubuntu 伺服器 https://blog.jsy.tw/2723/github-actions-node-ubuntu/ https://blog.jsy.tw/2723/github-actions-node-ubuntu/#comments Thu, 25 Jul 2024 15:49:54 +0000 https://blog.jsy.tw/?p=2723 將程式碼 push 到 GitHub，同時自動部署到伺服器上，是再方便不過的事。一直仗著 SPA 部署簡單而不肯學習自動部署的我，在面對最近開發的 Next.js 專案繁瑣的部署流程，決定好好研究 GitHub Actions，並將過程筆記下來與大家分享。

這篇文章 【筆記】利用 Github Actions 將 node 專案自動部署至 Ubuntu 伺服器 最早出現於 JS Ying's Blog。

]]> https://blog.jsy.tw/2723/github-actions-node-ubuntu/feed/ 2 2723 【筆記】Next.js 部署至 Ubuntu 並使用 apache 進行反向代理 https://blog.jsy.tw/2715/nextjs-ubuntu-apache-depoyment/ https://blog.jsy.tw/2715/nextjs-ubuntu-apache-depoyment/#comments Fri, 14 Jun 2024 15:45:42 +0000 https://blog.jsy.tw/?p=2715 Next.js 新手的我，對於第一次要部署有伺服器渲染（SSR）的網站總有些緊張。不過實際操作起來並沒有想像中困難。本文中將記錄我的 Next.js 14 應用部署 Ubuntu 20 並使用 apache 進行反向代理的流程，做個筆記並供各位參考。

這篇文章 【筆記】Next.js 部署至 Ubuntu 並使用 apache 進行反向代理 最早出現於 JS Ying's Blog。

]]> https://blog.jsy.tw/2715/nextjs-ubuntu-apache-depoyment/feed/ 2 2715 【筆記】html meta tag: theme-color 設定方式 https://blog.jsy.tw/2702/theme-color/ https://blog.jsy.tw/2702/theme-color/#comments Tue, 28 May 2024 16:51:00 +0000 https://blog.jsy.tw/?p=2702 Html Head 中有個叫 theme-color 的 meta 標籤，其 content 可以放 css 有效的 color 值，來影響瀏覽器或移動裝置的狀態欄和工具列的顏色。本文將介紹 theme-color 的支援環境和使用方法。

這篇文章 【筆記】html meta tag: theme-color 設定方式 最早出現於 JS Ying's Blog。

]]> https://blog.jsy.tw/2702/theme-color/feed/ 2 2702