JS Ying 的個人部落格：程式筆記、開箱、遊記與觀後心得。https://blog.jsy.tw/zh-TWhttps://blog.jsy.tw/3095/firefox-143-pwa-taskbar-tabs/https://blog.jsy.tw/3095/firefox-143-pwa-taskbar-tabs/在 Firefox 143 版本中，Mozilla 重新加入了 PWA (Taskbar Tabs) 功能，允許使用者將網站作為應用程式固定在工具列。雖然 Mozilla 對 Web Apps 有獨特的見解，但與一般使用者的期望可能存在差距。未來 Firefox Taskbar Tabs 的發展值得繼續看下去。Fri, 19 Sep 2025 18:19:35 GMT3C 科技數位應用https://blog.jsy.tw/3069/macbook-pro-m4-pro-48gb-1tb/https://blog.jsy.tw/3069/macbook-pro-m4-pro-48gb-1tb/入手了 MacBook Pro M4 Pro 太空黑 48 GB / 1 TB。長那麼大了，拿到新電腦還是很開心。本文將會介紹我這次挑選規格的心路歷程，以及簡單快速的開箱，讓一些第一次購買 MacBook，或是有選擇障礙的人可以當個參考。Thu, 21 Aug 2025 17:52:20 GMT3C 科技開箱https://blog.jsy.tw/3037/2025-bali-8-day-diy-trip/https://blog.jsy.tw/3037/2025-bali-8-day-diy-trip/前言 出社會後，出國旅遊已成了我放鬆身心最佳的一種方式。不過，我從沒想過旅遊經驗僅限於日本和香港的我，這次竟然會前往峇里島 Bali，而且還是一趟長達八天七夜的自由行。 這次的行程是我和另外三位旅伴分工合作規劃出來的。雖然現在很多人都習慣看…Sat, 26 Jul 2025 06:37:24 GMT生活旅行https://blog.jsy.tw/2806/react-input-autofocus-not-working/https://blog.jsy.tw/2806/react-input-autofocus-not-working/最近遇到一個有趣的小問題，簡單地筆記一下：React 用變數判斷是否啟用 autuFocus，有時會失效？原來是跟 DOM 的行為有關。本文將提供三種解法——條件渲染、初始寬度判斷以及 ref 手動 foucs。Wed, 18 Jun 2025 10:21:06 GMT程式相關前端https://blog.jsy.tw/2760/nodejs-redis-cache/https://blog.jsy.tw/2760/nodejs-redis-cache/當初寫台鐵時刻表的後端時，資料快取這塊我是直接將資料儲存在變數裡，並自行做 TTL的驗證和持久化的機制。但用了一年後，我發現直接使用 redis 還是會比自造輪子來的方便些。本文將簡單記錄我的一些快取心得和 redis 的設定方式。Mon, 18 Nov 2024 15:04:55 GMT程式相關Serverhttps://blog.jsy.tw/2752/unbox-apple-watch-series-10-gps/https://blog.jsy.tw/2752/unbox-apple-watch-series-10-gps/前言 我沒有戴手錶的習慣，所以雖然我擁有很多蘋果的產品，但也不曾考慮蘋果手錶。最近因為發生了很多事情，讓我開始注意並想更瞭解自己的身體健康，包括心異變率（HRV）和睡眠品質，所以搭上這次的蘋果發表會，我決定入手我人生中第一支 Apple W…Tue, 01 Oct 2024 06:32:04 GMT3C 科技開箱https://blog.jsy.tw/2731/react-to-image-pc-and-mobile-issue/https://blog.jsy.tw/2731/react-to-image-pc-and-mobile-issue/前言 最近使用了 react-to-image 實現將網頁內容存成 PNG 檔的功能，過程中有發現一些內容跑版以及手機版 UX 不如預期的議題，所以簡單寫篇文章跟大家做分享。 react-to-image 簡介 hugocxl/react-…Mon, 19 Aug 2024 06:39:13 GMT程式相關前端https://blog.jsy.tw/2723/github-actions-node-ubuntu/https://blog.jsy.tw/2723/github-actions-node-ubuntu/將程式碼 push 到 GitHub，同時自動部署到伺服器上，是再方便不過的事。一直仗著 SPA 部署簡單而不肯學習自動部署的我，在面對最近開發的 Next.js 專案繁瑣的部署流程，決定好好研究 GitHub Actions，並將過程筆記下來與大家分享。Thu, 25 Jul 2024 15:49:54 GMT程式相關Serverhttps://blog.jsy.tw/2715/nextjs-ubuntu-apache-depoyment/https://blog.jsy.tw/2715/nextjs-ubuntu-apache-depoyment/Next.js 新手的我，對於第一次要部署有伺服器渲染（SSR）的網站總有些緊張。不過實際操作起來並沒有想像中困難。本文中將記錄我的 Next.js 14 應用部署 Ubuntu 20 並使用 apache 進行反向代理的流程，做個筆記並供各位參考。Fri, 14 Jun 2024 15:45:42 GMT程式相關Serverhttps://blog.jsy.tw/2702/theme-color/https://blog.jsy.tw/2702/theme-color/Html Head 中有個叫 theme-color 的 meta 標籤，其 content 可以放 css 有效的 color 值，來影響瀏覽器或移動裝置的狀態欄和工具列的顏色。本文將介紹 theme-color 的支援環境和使用方法。Tue, 28 May 2024 16:51:00 GMT程式相關前端https://blog.jsy.tw/2690/jdbcpagingitemreader-data-miss/https://blog.jsy.tw/2690/jdbcpagingitemreader-data-miss/在 JAVA Spring Batch 中，JDBC 分頁讀取器（JdbcPagingItemReader）可用於從資料庫中逐筆讀取資料。然而我最近遇到了一個問題：查出來的總筆數竟然與直接下 SQL 查詢的總筆數不一致！在本文中，我將分享解決這個問題的過程和相應的解決方法。Sat, 02 Mar 2024 13:00:06 GMT程式相關後端https://blog.jsy.tw/2666/traintime-best-counts/https://blog.jsy.tw/2666/traintime-best-counts/從 2020 年 04 月上線的作品台鐵時刻表（https://traintime.jsy.tw/），在 2022 年 6 月開始每天維持 300~400 人使用，2023 年 1 月開始每天破千人次使用，在 2023 年 9 月來到歷史新高，最高一天來到快兩萬人次使用。最後在 2023 年 10 月1 號獲得了 28 天內 22 萬次使用量的最高成就。Mon, 16 Oct 2023 17:56:07 GMT程式相關作品集https://blog.jsy.tw/2661/pm2-node-service-manager/https://blog.jsy.tw/2661/pm2-node-service-manager/最近開始在嘗試在 server 架設後端 node 服務，除了 screen 可以幫助我進行終端機的畫面切換之外，勢必還需要一套協助我監控服務和自動重啟服務以防服務中斷的工具，於是就找到了這一款好用又強大的工具 pm2。以下就簡單做一下筆記吧。Tue, 03 Oct 2023 18:48:12 GMT程式相關Serverhttps://blog.jsy.tw/2656/screen-ubuntu-terminal-manager/https://blog.jsy.tw/2656/screen-ubuntu-terminal-manager/最近開始在嘗試在 server 架設後端 node 服務，需要使用工具進行 terminal 的視窗管理，於是找到了這一款很好用的工具 screen。就簡單做一下筆記吧。Sat, 16 Sep 2023 16:19:28 GMT程式相關Serverhttps://blog.jsy.tw/2648/ssh-login-failed-after-remve-shell-permission-denied-publickey-digital-coean-solution/https://blog.jsy.tw/2648/ssh-login-failed-after-remve-shell-permission-denied-publickey-digital-coean-solution/一直以來我都是在我的電腦使用 ssh key 機制登入我的遠端 ubuntu server，有一天突然出現登入失敗的訊息：Permission denied (publickey)，但我確認我並沒有異動任何 ssh key 登入設定，公私鑰的配對也沒有錯誤。研究了很久後終於發現是我上次 ubuntu server 切換預設 shell 沒切換好所造成的。以下就來紀錄這次遇到問題、發生原因和解決過程。Sat, 16 Sep 2023 15:01:58 GMT程式相關Serverhttps://blog.jsy.tw/2569/unpack-benq-basic-screenbar/https://blog.jsy.tw/2569/unpack-benq-basic-screenbar/螢幕掛燈到底有沒有用？我想這是很多人被 BenQ ScreenBar 高質感外型給燒到的第一個疑問。本文就來簡單介紹一下我使用幾個月來的心得。Sun, 23 Jul 2023 10:21:47 GMT3C 科技開箱https://blog.jsy.tw/2563/unbox-ipad-air-5-and-penoval-pencil-ax/https://blog.jsy.tw/2563/unbox-ipad-air-5-and-penoval-pencil-ax/我的人生第一台 iPad 是在 2017 年買的，事隔六年依然頭好壯壯。就在我覺得還可以再戰好幾年時，我爸的 ASUS 平板壞了。我決定把我的這台給他，自己則再買一台新的，藉此嘗試新世代的 iPad。本文會簡單介紹我的 iPad Air 5 的購買方式、規格挑選和使用心得。Sun, 02 Jul 2023 16:43:15 GMT3C 科技開箱https://blog.jsy.tw/2541/blog-recap-and-try-wordpress-site-editor-dark-theme/https://blog.jsy.tw/2541/blog-recap-and-try-wordpress-site-editor-dark-theme/終於在今年三月初將我的 Wordpress 佈景主題調整成一個還算滿意的樣式了，所以決定寫下這一篇文分享我的心得，順便回顧一下對部落格的心路歷程。Sun, 12 Mar 2023 16:59:50 GMT程式相關作品集https://blog.jsy.tw/2387/virtual-host-sub-domain-ssl/https://blog.jsy.tw/2387/virtual-host-sub-domain-ssl/以下環境為 Ubuntu 20 + apache2。本文將介紹假設都已經成功設定過 Virtual Host 子網域的情況下，要加入新的 Virtual Host 子網域，到建立 SSL (https) 憑證可能會遇到的相關指令。Mon, 10 Oct 2022 14:37:05 GMT程式相關Serverhttps://blog.jsy.tw/2377/build-python-docker-image/https://blog.jsy.tw/2377/build-python-docker-image/不太碰後端的我，因緣際會下用 Python Flask 寫了支簡單的爬蟲 API，想要部署到 server 上時用 docker 做隔離，於是我把相關的步驟筆記下來，給自己日後複習，有錯誤的地方也歡迎指教。本文將介紹如何 build python docker image。Sun, 09 Oct 2022 10:24:12 GMT程式相關後端https://blog.jsy.tw/2359/windows-nvm-bugs-solutions/https://blog.jsy.tw/2359/windows-nvm-bugs-solutions/NVM 是 Node.js 的管本管理工具，可以快速切換電腦中 Node.js 版本。本文會向大家簡單分享 Windows 安裝 MVM 的方法，以及安裝後無法正常使用 nvm use 和 use 完無法辨識 'npm' 詞彙之解法。Mon, 19 Sep 2022 17:13:41 GMT程式相關開發工具https://blog.jsy.tw/2327/totolink-wisp/https://blog.jsy.tw/2327/totolink-wisp/本文以 TOTOLINK A950RG 路由器為例，向大家示範設定「WISP 模式：無線轉有線」的方式，也算是一個小開箱。Fri, 01 Jul 2022 04:48:40 GMT3C 科技數位應用https://blog.jsy.tw/2288/wireless-router-six-modes/https://blog.jsy.tw/2288/wireless-router-six-modes/路由器模式，在不同時代或不同品牌，常常會有功能一樣但名稱不一樣的情況。為了幫助好不容易理解的我自己，我決定做寫下筆記，以加強印象，也希望可以順勢幫助到其他想要瞭解路由器模式的人。本篇文章會介紹路由器常見的六種模式：AP、無線路由、中繼、橋接、Client 和 WISP。Tue, 14 Jun 2022 19:04:24 GMT3C 科技數位應用https://blog.jsy.tw/2282/wifi-to-lan/https://blog.jsy.tw/2282/wifi-to-lan/房間沒有網路孔，從客廳拉實體線到房間又不太美觀，於是我開始嘗試讓我的桌電能收到穩定的 WIFI 而取代有線。本篇文章會介紹三種桌電接收 WIFI 的方法：USB WIFI 接收器、PCIe 無線網卡和外接路由器。以及最後為什麼我選擇外接路由器的原因。Tue, 14 Jun 2022 18:06:33 GMT3C 科技數位應用https://blog.jsy.tw/2124/ubuntu-vps-security-settings/https://blog.jsy.tw/2124/ubuntu-vps-security-settings/這篇文章會記錄著剛拿到全新 Ubuntu VPS 後該做的一些簡易安全相關設定：登入伺服器與建立自訂帳號、開啟 Ubuntu 自動安全性、更新改變 SSH Port、關閉 root 的 SSH 權限/允許 SSH 登入帳號、設定 SSH 免密碼登入（SSH Key）、關閉 SSH 密碼登入功能、安裝 UFW 防火牆以及入侵檢測 Intrusion Detection。Sun, 15 May 2022 15:27:42 GMT程式相關Serverhttps://blog.jsy.tw/2011/high-speed-train-time/https://blog.jsy.tw/2011/high-speed-train-time/2020 年時做了台鐵時刻查詢的網站後，其實我就一直有想要再做一個高鐵的版本，純脆是覺得這樣比較對稱 🤗。但因為高鐵官方網站和 APP 的 UI/UX 其實都很優秀，而且 APP 也擁有訂票和電子車票進站的功能，說實在的，用第三方時刻表的意…Mon, 15 Nov 2021 16:40:52 GMT程式相關作品集https://blog.jsy.tw/1933/ubuntu-1804-apache-snap-certbot-lets-encrypt-free-ssl/https://blog.jsy.tw/1933/ubuntu-1804-apache-snap-certbot-lets-encrypt-free-ssl/前言 之前我的網站一直都是使用 SSL For Free 來取得 SSL 憑證，雖然在 2020 年 SSL For Free 疑似是被 ZeroSSL 給買下來了，在註冊與安裝 SSL 憑證的方式基本上差不多。讓我沒有想到的是，這次在 r…Sun, 11 Jul 2021 06:10:07 GMT程式相關Serverhttps://blog.jsy.tw/1919/source-tree-ssh-key-github-enterprise/https://blog.jsy.tw/1919/source-tree-ssh-key-github-enterprise/以下會簡單介紹 Source Tree 在 Windows 和 Mac 系統中產生和加入 SSH Keys 的方法，並綁定 Github，讓 GitHub Enterprise 帳戶也可以成功授權。Wed, 16 Jun 2021 04:49:25 GMT程式相關開發工具https://blog.jsy.tw/1878/javascript-decimal-js/https://blog.jsy.tw/1878/javascript-decimal-js/在工作上遇到了大位數金額計算的需求，才發現 Javascript 的 number 有著先天的問題無法處理大數，於是我就找了第三方函式庫來協助我完成需求。 以下是這次的學習筆記。 問題說明 Javascript 的數字型態一律為遵守 IEE…Wed, 28 Apr 2021 14:14:12 GMT程式相關前端https://blog.jsy.tw/1834/homepod-mini/https://blog.jsy.tw/1834/homepod-mini/現在，我正聽著 Homepod Mini 播的音樂，撰寫這篇文章。 就在去年 2020 蘋果十月的秋季發表會上，除了大家議論紛紛的 iPhone 12 外，還有一個很吸引我注目的小驚喜—— Homepod Mini。 Homepod Min…Sat, 30 Jan 2021 16:07:56 GMT3C 科技開箱