//assets.cakeresume.com/assets/contentarea/contentarea-2d64eca8dae2a1ffb31e0fb1df887bbad072c7c19734d7d30fa14884bbcc299a.css

以 Notion 打造的個人介紹頁，內容涵蓋專長、經歷、特質等項目。

我的個人主頁

前端工程師

林承蔚

位於有點意思科技公司負責的其中一個專案，專案為販售和學習線上課程與電子書的平台，前端的框架使用 Nuxt 進行開發，CSS 框架使用 TailwindCSS。

HISKIO 產品

以 Facebook 為設計發想，供使用者發佈貼文、留言、按讚、追蹤等功能的平台。
前端：使用 Vue3 框架，TailwindCSS
後端：Node.js / Express
資料庫：MongoDB
佈署：Github、Heroku

MetaWall 社群平台

您好，我是林承蔚，一位對程式世界的迷戀者，目前在線上學習平台擔任前端工程師，平常在上班時間從事程式開發，下班後仍會繼續探索新知，對新事物或技術都保有好奇心，學習和閱讀已經成為習慣，期待可以將熱情和知識貢獻於世界。

義守大學

有點意思科技股份有限公司

．獨立負責前端的開發與規劃，會與設計師討論對最佳使用者體驗方式，並確保產品在各裝置上的完整。
．完成電子書功能，運用 Virtual List 和 Functional Component 的技術，優化大量渲染的效能，每一個 Component 的占用空間由 12 KB 調降為 0.824 KB (約 93%)，原來總占用的空間由 16.5 MB 調降為 7.2 MB (約 56%)。
．使用 Cypress 撰寫 E2E 測試，讓產品在保護下予以正確的使用。
．完成產品的多國語系支援，與跨時區的時間容錯。
．透過工具分析產品的各項指標，提升 Web Vitals 的總體分數，增加 SEO 的排行。
．自制工作管理系統，使任務分配和查找得以加速進行，定期復盤改善的行動，增加下次實作時的正確性。

．面對新需求時，和 Leader 和後端人員討論，並規劃 API 規格，在 API 開發的過程，先進行切版和建立 mock server 作為資料傳遞的暫時來源，待 API 完成後，切換請求的路徑，即可達到快速的驗證。
．使用 Functional Programming 的開發方式於部分的功能中，減少多餘的程式碼，提升閱讀性，在除錯方面，因為功能切分為小單位實踐，加速解決問題的速度。
．升級多項套件和工具，如 Webpack 4 至 Webpack 5，主 UI Library 至最新的版本等，讓專案支援更多的功能和增加可行性。
．透過 webpack-bundle-analyzer 工具分析專案的模組，並進行優化，改善後由原來的 50 MB 減少至 25 MB (約 50%)，提升打包和上線的速度，減少使用者的初始載入時間。

瑞思資訊股份有限公司

．負責公司內部系統的開發和維運，以 ASP.NET MVC 或 WebForm 的架構為開發。
．使用 Apache Cordova 技術建立公司的行動版 EIP 系統，串聯裝置的功能 (如：相機)，減少門店人員的人工作業時間。
．採用前後端分離的技術，建立採購平台，前台使用 Vue.js 框架撰寫，並支援 RWD 的特性，後臺使用 C# 與資料庫溝通，控制商業邏輯和資料傳遞。

王品餐飲股份有限公司

.NET 程式設計師

．建立和維護監控系統，保證受監控的遊戲，服務以及伺服器都能被支援。
．保護產品的運行，當發生問題時，即時的維護/修復，能在期望的服務層級協議的時間內完成。
．參與網頁開發專案，建立部門內部的任務系統與監控介面。

分享