[筆記] Vue3 SPA 網頁與 Docker
這是 Vue 的一個長年疑問。準確來說是 Single-Page Application SPA 網頁應用,究竟有什麼方式可以取得 runtime 的變數,而不 Read More …
[筆記] Nuxt3 佈署 runtime Config 的枚角和 Docker
近期在佈署 Nuxt3 的 SSR 專案時,由於專案有 5 個環境,想要達成「最小數量的 build Image」並在佈署時將環境變數給傳遞進去。這邊筆記一下誤 Read More …
[筆記] Tailwind css – JIT Just-In-Time Mode 模式簡介
從 Tailwind CSS 問世以來,也經歷過了數年發展來到第 3 代。這回筆記下 tailwind css 的 JIT 模式。 內容 1. 設定上要由 ta Read More …
[筆記] Jest 如何 Mock Axios API 的回傳值的兩種方式
前端專案撰寫測試時,若遇上 Axios API 的回傳值測試時,除了運用 Jest 所提供的定義來通過 TypeScript 的測試外,也可運用 axios-m Read More …
[筆記] Husky + Lint-staged – Monorepo 專案的設定方式
在 2023 年的現在,Monorepo 也是種常見的前後端的專案管理方式。由於 husky 搭配 lint-staged 預設是 .git 和 packlag Read More …
[金融] 華南 SNY 轉一般戶 2023 經驗分享
華南 SNY 數位帳戶由於其先天帳戶上的限制,導致沒有辦法到分行進行臨櫃認證為數位一類帳戶。為了排除這個問題,將「華南 SNY」轉為一般戶會是一個可行的選項。華 Read More …
[筆記] Tailwind css – 使用官方定義樣式
從 Tailwind CSS 問世以來,也經歷過了數年發展來到第 3 代。這回筆記下 tailwind css 的內建定義樣式。 內容 1. 官方的 plugi Read More …
[筆記] Vue3 + TypeScript + Jest 單元測試整合 2023
在上手開發一陣子後,總算是迎來撰寫單元測試的機會。由於測試工具的更迭速度比預期的快很多,這篇撰寫的當下是用 Vue3 + TS + Jest 來撰寫單元測試。 Read More …
[筆記] React Hooks 起來 – Ch4 – SVG
因為實務上的需要來熟悉 React,就趁機筆記一下從 Vue 3 轉 React Hooks 的一些細節差異。這邊筆記載入 SVG 圖示和如何傳入 props Read More …

![[食記] 印尼峇里島 Made’s Warung Seminyak [食記] 印尼峇里島 Made’s Warung Seminyak](https://smlpoints.com/wp-content/uploads/food-indonesia-bali-mades-warung-seminyak-1.jpg)
![[食記] 發起人肉骨茶 新加坡 Founder Bak Kut Teh Singapore [食記] 發起人肉骨茶 新加坡 Founder Bak Kut Teh Singapore](https://smlpoints.com/wp-content/uploads/food-founder-bak-kut-teh-singapore-1.jpg)
![[食記] 日本 仙台 善治郎 牛舌 初體驗 [食記] 日本 仙台 善治郎 牛舌 初體驗](https://smlpoints.com/wp-content/uploads/food-sendai-japan-gyutan-experience-1-rotated-e1713840509657.jpg)
![[食記] 高雄洲際酒店 BL.T33 期間限定下午茶 VWI by CHADWANG [食記] 高雄洲際酒店 BL.T33 期間限定下午茶 VWI by CHADWANG](https://smlpoints.com/wp-content/uploads/food-kaohsiung-inter-continental-bl-t33-vwi-by-chadwang-1.jpg)
![[食記] Alma Spanish Restaurant 台北市大安區西班牙餐廳 [食記] Alma Spanish Restaurant 台北市大安區西班牙餐廳](https://smlpoints.com/wp-content/uploads/food-alma-spanish-restaurant-1.jpg)
![[住宿] Hilton Saigon 希爾頓越南胡志明市 [住宿] Hilton Saigon 希爾頓越南胡志明市](https://smlpoints.com/wp-content/uploads/hotel-hilton-saigon-vietnam-3.jpg)
![[住宿] Comfort Hotel 東日本橋 Higashi Nihonbashi [住宿] Comfort Hotel 東日本橋 Higashi Nihonbashi](https://smlpoints.com/wp-content/uploads/hotel-comfort-hotel-higashi-nihonbashi-2.jpg)
![[住宿] 柬埔寨 金邊 萬怡 Courtyard Phnom Penh [住宿] 柬埔寨 金邊 萬怡 Courtyard Phnom Penh](https://smlpoints.com/wp-content/uploads/hotel-courtyard-phnom-penh-1.jpg)
![[住宿] 馬來西亞 馬六甲 萬怡 Courtyard Melaka [住宿] 馬來西亞 馬六甲 萬怡 Courtyard Melaka](https://smlpoints.com/wp-content/uploads/hotel-courtyard-melaka-malaysia-1.jpg)
![[住宿] 九州 大分 由布院 湯布院 おやど 花の湯 [住宿] 九州 大分 由布院 湯布院 おやど 花の湯](https://smlpoints.com/wp-content/uploads/hotel-kyushu-ooita-kenyufuin-oyado-hananoyu-1.jpg)
![[飛行] BR226 長榮航空商務艙 ( KUL 馬來西亞吉隆坡 – TPE 台灣桃園 ) [飛行] BR226 長榮航空商務艙 ( KUL 馬來西亞吉隆坡 – TPE 台灣桃園 )](https://smlpoints.com/wp-content/uploads/flights-br-226-kul-tpe-eva-airways-business-class-1.jpg)
![[飛行] SQ949 新加坡航空商務艙 ( DPS 印尼峇里島 – SIN 新加坡 ) [飛行] SQ949 新加坡航空商務艙 ( DPS 印尼峇里島 – SIN 新加坡 )](https://smlpoints.com/wp-content/uploads/flights-sq-949-dps-sin-singapore-airlines-business-class-3.jpg)
![[飛行] SQ944 新加坡航空商務艙 ( SIN 新加坡 – DPS 印尼峇里島 ) [飛行] SQ944 新加坡航空商務艙 ( SIN 新加坡 – DPS 印尼峇里島 )](https://smlpoints.com/wp-content/uploads/sq-878-singapore-business-class-sin-tpe-10.jpg)
![[飛行] BR 225 長榮航空商務艙 ( TPE 台灣桃園 – SIN 新加坡 ) [飛行] BR 225 長榮航空商務艙 ( TPE 台灣桃園 – SIN 新加坡 )](https://smlpoints.com/wp-content/uploads/flights-br225-tpe-sin-eva-airways-business-class-1.jpg)
![[飛行] CI 753 中華航空經濟艙 ( TPE 台灣桃園 – SIN 新加坡 ) [飛行] CI 753 中華航空經濟艙 ( TPE 台灣桃園 – SIN 新加坡 )](https://smlpoints.com/wp-content/uploads/flights-ci753-tpe-sin-china-airlines-economy-class-1.jpg)
![[書籍分享] 拒絕失衡的情緒勞動 [書籍分享] 拒絕失衡的情緒勞動](https://smlpoints.com/wp-content/uploads/fed-up-emotional-labor-women-and-the-way-forward-1.jpg)
![[書籍] 我可能錯了 [書籍] 我可能錯了](https://smlpoints.com/wp-content/uploads/jag-kan-ha-fel-och-andra-visdomar-fran-mitt-liv-som-buddhistmunk-1.jpeg)
![[閱讀] 人生4千個禮拜 [閱讀] 人生4千個禮拜](https://smlpoints.com/wp-content/uploads/reading-four-thousand-weeks-time-management-for-mortals-1.jpeg)
![[閱讀] 人生實用商學院 – 富有是一種選擇 [閱讀] 人生實用商學院 – 富有是一種選擇](https://smlpoints.com/wp-content/uploads/be-wealthy-is-a-life-choice-1.jpeg)
![[閱讀] 不被投資綁住的樂活生活理財族 [閱讀] 不被投資綁住的樂活生活理財族](https://smlpoints.com/wp-content/uploads/the-lifestyle-investor-the-10-commandments-of-cash-flow-investing-for-passive-income-and-financial-freedom-1.jpeg)
![[指南] 美國 HSBC US Debit Card 於 Allpoint ATM 服務提款經驗 [指南] 美國 HSBC US Debit Card 於 Allpoint ATM 服務提款經驗](https://smlpoints.com/wp-content/uploads/guide-hsbc-us-apply-record-2022-1.png)