牧德科技
Senior Web Developer
領導 web team ,規劃建置 packages registry 、 CI/CD 及 AWS 交付環境。
- components library / icons library
進團隊時,團隊使用 Bootstrap 及 Ant Design 進行開發,但礙於需要客製化太多,跟設計師溝通後決定建置團隊自己的 library , registry 依附在 GitLab 上,並建置 Strybook 撰寫文件,當作 component explorer 讓團隊可以看到 library 的產出。
. components library 以 Vue.js 及 tailwindcss 建置
. 多數 icon 設計師先出一版,再接手以 Figma 優化,輸出 svg 轉譯成 json 以便 Vue.js render
- CI/CD
建置 Drone CI ,整合 GitLab, slack, ClickUp, AWS
. 使用 git push options 增進交付速度
. 以 shell script 串接 ClickUp api 更新 issues
- AWS
. EC2: 以 Docker 管理 Drone CI 、 WrodPress
. Lambda: 建置 prerender 機制增進 SEO
. S3: website hosting
. CloudFront: CDN management
. Route 53: domain management
- 產品行銷網頁
. 滾動視差以 intersection observer api 設計開發
. 使用 grid-template-areas 排版以符合 RWD
- 子公司形象網站
以 WrodPress 建置 CMS
. 開發 Gutenberg Block Patterns
. 開發 Twenty Twenty-One child theme (sass, css variables)
. 以 Alpine.js 導入單頁 MVVM