WebConf 2024 心得

WebVue.jsDesign

紀錄一下去聽 WebConf 2024 的小小心得~

如何撰寫具彈性的測試程式

第一次看到 Summer 的真面目XDDD 知道 Summer 這個人還是從部落格「Summer。桑莫。夏天」了解的。這次議程也是從測試的一些心法概念開始講起,也有講到許多測試的 Best practice。雖然舉例是用 React,不過 Vue 應該也是同樣適用吧~

設計很豐滿,開發很骨感 — 淺談設計交付

第一次了解到 Figma 有推出 Design Tokens 的功能!!!畢竟我平常沒有在關注 Figma 的新功能,反而是這兩天,在不同議程都有聽到講者提到這個東西,才知道說這是一個神器!之後可以來玩玩看~

淺談 LLM-based AI Agents 應用開發

我以前只有稍微了解 LLM 而已,對於 Function-Call 等之類的概念都不熟,而這個議程剛好就提到這些 LLM 的基礎內容,也算是有學到新知識了~

《天下》如何思考數位敘事?從流程到技術大公開

這個議程從公佈開始我就超期待的~ 或許我就很喜歡這種解說幕後性質的吧!這回採用 PM + 工程師的兩人搭配還滿新奇的,因為我就很喜歡這種動態網頁的效果,而他們卻可以把動態網頁融入進整個數位報導之中。

且技術並不是為用而用,而是輔助整個報導可以呈現出完整的故事。最喜歡提到的一句「數位敘事,並不是報導的華麗裝飾」。技術上各個專案雖不盡相同,但大體上都是前端圖表、Three.js 3D 建模等方式來做呈現,甚至在需要呈現衛星 3D 畫面時,還需要使用專屬的套件和請教專家來完成,好厲害啊~

網站專案時程的挑戰跟威脅

這個議程 TonyQ 講得我覺得超有趣的~ 分享了滿多鬼故事和管理團隊的建議,感覺一整場都是精華,有談到不少帶團隊的內容,但離我現在還比較遠,可以以後再來慢慢研究~ 這場如果有公開錄影的話還會想再聽一次~

其中對於員工的一條建議記得最清楚:「個人工作時如果有遇到問題要先說出來,去煩死你的主管!」與其等事情爆發,還不如提出問題可以提前做處理。

Zeabur:雲端部署平台 PaaS 核心技術大揭秘

當時看到這個議程我都傻了!因為平常只會寫一點簡單的前/後端的程式碼,對雲、K8S 都沒什麼研究,這回沅霖講的靈感來自 Vercel,從零開始基於 K8S 做的部署平台 Zeabur,我基本上都聽不大懂,只覺得超厲害的說~

實戰!以 Web 3D 技術開發商品客製編輯器

當時一看到 3D 編輯器馬上就選定一定要看了~ 剛好也是因為最近也是有接做 3D 編輯器的案子,也是用 Three.js 開發,就想來了解一下有沒有有趣的分享~ 這個議程主要是分享講者 GUGU 的一些 3D 案子的故事,也有網頁做 3D 的一些小 Tips,還滿有趣的~

ESLint One for All Made Easy

哇!終於可以在現場看到我的偶像 Anthony Fu 的演講了~ 這回講的 ESLint Flat config 我也是有先了解過的,當時也是想要進入 ESLint 的世界,奈何設定太複雜,不想自己做,後來就基於 Anthony 的 ESLint Config 來擴充的。這回也聽到了一些有趣的小技巧,又在現場看到了 Anthony,滿足~

從零到頂尖:無懈可擊的網頁設計

這場勞哥真的算是把設計的精華都分享出來了~ 而對於在場聽眾的前端開發者們,我最印象深刻的是「前端要超越設計」,不是完美復刻設計稿,而是要超越設計稿,哇!感覺前端的工作開始變得高大上起來的😂 其他細節推薦再去看勞哥的簡報了~ (唯一一個小缺點是勞哥的 VTuber 大頭時不時會擋到字就是了XD)

從生活啟程的網站設計體驗

這個我最有印象的就是「台北白晝之夜」了!第一次知道原來2年前台北有辦過這個活動,而且這個網站最有趣的就是3D的台北地圖了!真的佩服講者 Henry 可以策畫出這麼高互動性的展覽~ 而且讓線上線下之間都可以互動,看起來超好玩的~

當 Vue 與 View 分手之後⋯

其實這個議程的主題是 Vue Vapor Mode,看起來是對於底層的優化,而一般開發者不會太感覺到差異。

我看的時候一直都在想,如果專案切成 Vapor Mode 的時候,是不是套件會先壞一半以上啊? 不過現在還不急著著急,因為還沒正式推出,等之後 Vue 團隊應該也會為套件開發者寫 Vapor Mode 的文件吧~

結語

實話說剛聽完兩天是真的累爆了!每場議程中間只有 10 分鐘的休息時間,如果上個議程有拖到時間的還會少休息到,但為了不浪費門票還是堅持聽完了呵呵呵😭

第一次聽 PHP/Laravel 以外的研討會,聽到了平常不是很熟的設計相關議程,也算是增加了見識的廣度吧!當然,這次門票是有值回票價的😆~