昨天參加了 Laravel x Vue Conf Taiwan 2022 的議程，這邊簡易紀錄一下心得。
場地
議程的場地辦在臺北市青少年發展處，距離善導寺站走路大約五分鐘。我自己是騎車去也停在善導寺站旁，這走路距離很剛好。
場地的部份前後端分別在五樓流行廣場和六樓國際會議廳，因為流行廣場的座位前後沒有高低差，如果前面的人比較高就有可能會被擋住，但我坐在第二排所以沒什麼感覺。
議程內容
這邊大致紀錄一下六個議程我的心得。因為內容真的蠻多的，目前也還沒拿到簡報可以回顧，我就就我有印象的部份紀錄。
你剛掉進湖裡的是『微服務』還是『微積分』？
講者 Ant 主要分享了微服務相關的內容以及其的好壞，也分享了對於職場政治、全端工程師等等的看法。Ant 分享的內容非常充實且廣，其中一個印象較深的是關於『 T 型人』 — — 作為工程師，很難 100% 只要專注在自己的專業領域就好，我們最終都得橫向去學習其他領域的知識。
更好、更直覺的開發體驗 ! 當 Vue 遇上 Atomic CSS !
繼在天瓏書局聽關於 Vue 的分享、快樂學程式聽關於 Webpack 的分享，這是第三次在聚會或議程中聽到 Mike 的分享了，這次的內容是關於 Atomic CSS。
其實看到這個主題，我第一個想到的就是不久前有人在前端社群罵 Tailwind CSS，內容大致是『難維護、破壞架構』之類的，果不其然也被 Mike Cue 出來了。我的觀點其實和 Mike 還是比較接近的：框架被設計出來是為了要解決特定問題的，應該很難有一個前端框架可以去媒合到所有情境。如果公司派發一個一次性、沒有任何互動效果、樣式設計和過去專案八竿子打不著的靜態活動頁專案下來，相信多數人也不會選用 Vue 或 React 的腳手架進行開發吧！
此外就是關於 Windi CSS、Uno CSS 的分享。我個人對 Attributify Mode 的印象蠻深的，寫起來大致像是這樣：（取自 Uno CSS 的範例）
<button
bg="blue-400 hover:blue-500 dark:blue-500 dark:hover:blue-600"
text="sm white"
font="mono light"
p="y-2 x-4"
border="2 rounded blue-200"
>
Button
</button>它其實很好地解決了原子化 CSS 在樣式高度客製化時，class 過長導致難以閱讀的窘境。沒意外之後一定會花時間玩玩這兩個 CSS 框架，若評估合適，或許能運用在工作的專案上。
那些我們在 LINE 購物中自行打造的輪子
Luke 分享了 Line 購物中他們如何使用 scheduler 解決多個動效並有前因後果的互動效果。印象較深的是他有調查還有在使用 Vue2 的人，看台下的反應，還有在用 Vue2 的工程師已經算很少數了（我也好想升…）。
網站上線前你還有什麼事情沒有做？
其實在讀到議程簡介前，我一直以為 Tommy 的分享是關於程式碼打包或 CI/CD 時要注意的事項之類的，結果是和 GA、GTM、SEO 等等較為相關的部份。
不過對於工時預估的部份我是真的蠻有感的，如果我們在工時規劃上沒有將這些項目估進去，其實很容易造成『上線後要再東補西補』的狀況，把這些項目估進工時確實是一個上上策。
單元測試？從 Vitest 開始！
ShawnL 的分享主要在撰寫測試的方式，這邊印象很深的有測試 Tip 3A（Arrange, Act, Assert）我們的測試項目似乎都能用這三件事情概括，相信只要掌握這個訣竅，撰寫測試會容易很多。
此外就是隔離機制，例如攔截 API 請求，節省等待後端回應的寶貴時間，提昇測試速度。
玩轉 Web Vitals 就是這般輕鬆、愜意
如果要說議程中哪位講者散發出了大師風範，我會毫不猶豫地選擇 Paul。Paul 的分享主要聚焦於三大 Web Vitals — LCP, FID, CLS 以及如何建構出符合它們標準的頁面。
Paul 的一些觀點我自己是非常有感的：
- 能用 CSS 辦到的，就不要用 JS
- 能用原生作法做到的，就不要重複造輪子
他也分享了許多現代常用的版型，例如 Carousel, Navigation, 跑馬燈, Mutation 等如何用純 CSS 就達成，其中有些 CSS 語法我甚至是第一次看到！也很希望未來能真正將這些屬性運用在公司的專案中，提昇產品的效能。
雜記
議程中間的休息時間蠻長的，其實應該要運用那些時間去找講師聊聊或是到攤位逛逛，現在想想有點可惜。
有一點蠻值得紀錄的，就是我在入座時選擇坐在第二排一位與會人員的旁邊，當時也沒特別想什麼，就是覺得那個座位夠前排、也能清楚看到講師，後來發現休息時間有一些人跑來找他打招呼、拍照、還有來簽書的，詢問了 Kuro 才知道旁邊的這個人竟然就是 Anthony Fu！但因為我太俗辣了，整個議程下來都不敢跟他搭話，在這裡我想說：謝謝你開發了這麼多框架和工具給我們使用 QQ。
結語
以上就是關於 Laravel x Vue Conf Taiwan 2022 的參加心得了，議程內容總體來看，我覺得這錢和時間花得是非常划算的。在閉幕式時 Kuro 有提到明年若有機會，希望能請到尤雨溪或一些國外講師，Laravel 的主辦則說會找找看 Taylor Otwell，如果找不到就找 Taylor Swift（希望他不是開玩笑的），明年若沒意外也一定會報名參加！
