.NET 5 之後會將 dotnet 各 platform 整合起來，且 dotnet 3.1 cshtml HMR 的 extension 功能被官方強迫棄用，目前我看各方文章感覺還沒有一個很好的升級方式。要馬就是改用網友寫的 Vue-Cli，把 config 轉到 cli，要馬就是 Nuget 套件改用網友寫的。我自己參考國外文章，是有人用 Vite 做到用 index.cshtml 的 HMR: 這篇。但是因為公司內部還是有 IE 瀏覽器且 Vite 相關套件還沒有到完整，沒辦法放棄使用 webpack，只好參考這篇嘗試用 webpack HMR，很不幸的，若照文章模仿雖然 HMR 字眼有出現，但一直沒有正常作用，胡亂嘗試了一番，勉強用奇怪的方式有做到 Auto Reload，但沒有 HMR 效果就不太滿意。目前先將這些研究文章和亂試的方式記錄下來。

今年四月信箱發現 Vue Mastery 又開放幾天全部課程免費的消息，所以趕快把之前沒看到的 Vue 3 Composition API 給補看起來！！

當複製貼上大量中文字在 Figma 時，你可能會發現貼上的文章段落怎麼會一個洞一個洞的呢？此篇就是要說明怎麼解決 Figma 中文缺字的問題啦～

Spline Design 是一款可以繪製並匯出 3D 設計至網頁的工具。我第一次是在臉書看到有人分享，今天下載過後，覺得功能強大且有趣，後續會試著玩玩看再分享心得，今天先來簡略介紹一下 Spline。

此篇記錄 Vuetify 從 v1 升級到 v2 所要注意的事情。

還沒接觸到 Figma 前，我的工作流是用 Sketch (設計) + Abstract (版控) + AdobeXD (原型)，三者各取所長提供使用者最適合的設計方案。但其實很多時間會花在操作三種不同軟體的工上，但 Figma 解決了我長期的困擾，一個軟體就可以做到原本的事情，且還不用下載任何軟體，只要有瀏覽器就可以線上設計，還支援線上多人協作，優點多多。此篇紀錄將設計檔案從 Sketch 轉移到 Figma 需要注意的小細節。

公司突然說要 Scrum 考試，只好卯起來讀書了。找了線上考題練習，參考 Scrum Guide 把筆記整理在這篇。

近期收到 Material Design 對 component 的更新訊息，趁此機會重新審視組件的使用方式。這次主要來看 Sliders。

因為官方的資源部分要付費，所以去 YouTube 找了一些可延伸學習的內容來看看。這次找到關於 Reactivity 更深入一點的用法。

新功能 teleport 讓我們可以很輕鬆的將 HTML render 在 app 以外的地方，且不影響商業邏輯的整理，趕緊來看看吧！