黃宗瑋

網頁開發
我經營網頁技術部落格累計共上百篇文章並透過技術自媒體發掘各式有趣的網頁相關議題，例如：設計、UI、UX、網頁開發與測試…… 等領域都有涉略。

工作經歷

網頁前端工程師

  • 暫不透露
  • Go Gin
  • MongoDB
  • Redis
  • TypeScript
  • Vite Vue3
  • TanStack Query
  • Pinia
  • Tailwind
  • Shadcn Vue
  • Vitest
  • Vue Test Utils

前端工程師

  • 導入 Nx 建立 Monorepo 專案架構，消除重工與套件升級管理問題
  • 導入升級 Nuxt 3 並添加 TypeScript 型別檢查，提高整體程式安全性
  • 導入 Shadcn Vue 系列元件，縮短新架構建構時程
  • 導入 GitHub Actions CI 流程，自動化套件升級、型別檢測與測試流程
  • 導入 BDD E2E 文件測試合一 ，撰寫測試覆蓋後台專案所有主要功能
  • 觀測並回報舊有 XSS 漏洞，提供成因與修復建議
  • Nx Monorepo
  • TypeScript
  • Nuxt 3
  • Pinia
  • Tailwind
  • Shadcn Vue
  • Cypress
  • Cucumber
  • Vitest
  • Git Flow
  • GitHub Actions

前端助教

  • 審核與解決超過 800 個同學在課程中提交的作業與問題
  • 撰寫連續 9 周的網頁開發入門教材，與同學一同刷 Codewars JS 習題
  • 撰寫超過 50 篇前端相關技術文章輔助同學們學習
  • React
  • Vue
  • jQuery
  • Bootstrap
  • Sass

網頁設計開發自由工作者

  • 接案獨立製作 2 個單頁活動網頁前端設計兼開發
  • Sass
  • Bootstrap

社群活動

2023 iThome 鐵人賽 Modern Web 組 - 鐵人鍊成

網頁開發沒有這麼簡單過！實際案例帶你上手 Astro.js 共 30 篇系列文章

學歷

國立臺中科技大學．商業設計系學士畢業

獨立接案累積經驗，發揮橫跨領域優勢創建工作室網站，並且在最後一年負責畢業展視覺設計兼心理測驗網站製作

技能

  • UI：Figma、Illustrator、Photoshop
  • 切版：BEM CSS、Sass、Bootstrap 5、Tailwind、Shadcn
  • 前端：Nuxt 3（Vue）、Next 15（React）、Astro、jQuery
  • 狀態管理：Pinia、Zustand
  • 後端：Express、Go Gin、MongoDB、Cloudflare Workers
  • 程式品質：ESLint、Prettier 與 TypeScript
  • 程式測試：Vitest、Vue Test Utils、Playwright、Cypress
  • 代碼管理：Git、GitLab、GitHub、Git Flow、GitHub Flow
  • DevOps：GitHub Actions、Docker

連結

如果您的裝置「不支援 PDF 內嵌連結」或對於「履歷中的連結感興趣」可參考以下連結：

  • data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAklEQVR4AewaftIAAAOASURBVO3B0YrcShYAwcyi//+Xcy3wASNkTXtq+u6LIgTiB1UMlbOKOyqj4orKoWKo3KkYKj9l8diyeGx58YeK71C5UvGvKt6lcqViqNyp+A6Vw+KxZfHY8uIvVO5UfEXlUHFF5V0Vo+ITVO5UnC0eWxaPLS/+Ayqj4krFQeWKyp2KoTIqPmnx2LJ4bHnxH1O5UzFUdqkcKj5h8djy4i8qdlUcVEbFFZU7FXdUdlX8q8Vjy+Kx5cUfVH6SyqFiqIyKs4qhckXlUHGlYqjcUdmxeGxZPLbYL3yYyqgYKqPijsqoOKi8q+ITFo8ti8cWgfgHFWcqo2KoHCo+QeU7Kq6o3KkYKofFY4tA/FYxVN5VcUdlVNxRGRVXVA4VV1TOKobKnYqvqBwWjy2Lx5ZXxVC5UjFUzlRGxVnFp6mMijOVUfEulSsVh8Vjy+KxRSB+q3iXyqi4onKouKLyrop3qdypGCqj4l0qh8Vjy+KxxX7hCyqj4qDyHRVDZVTcURkVB5UrFTtUrlScLR5bBOILFUPlUHFF5axiqFypOKi8q+KKyqg4UxkVd1TuLB5bFo8t9gsXVK5UnKmMiqFyp2KoHCqGyqgYKp9UMVTuLB5bFo8tAvFbxRWVUXFH5U7FFZWziu9QOau4onJWcUVlVBwWjy2LxxaB+K3iispZxVAZFWcqX6l4l8qhYqiMiqFyVnFF5axiqIyKw+Kx5VVxReVKxVnFnYqvqJxVDJVRcVB5V8UVlVFxUBkqdxaPLYvHlpfKqBgVQ+WOyp2KoXKn4isq/0plVFxROVQMlVFxtnhsWTy2vCq+Q2VU3FEZFVdUdlTcqRgqo2LH4rFl8dhiv/CbyqgYKt9RcVD5joqh8v9WcbZ4bLFf+BCVQ8VQGRVD5U7FmcqViqFyqPiKyr9aPLYsHlteKj+pYlQcVEbFULlTcUXlrGKo3FEZFXcqhsqoOCweWxaPLS/+UPEdKu9SGRXvUhkVdyqGylnFT1k8tiweW178hcqdindVDJUrKoeKoXJF5U7Fmcq7KobKqDhbPLa8+CCVs4qhsqPiXRVXVM5URsUVlcPisWXx2PLiP1DxlYqDyqi4onKmcqXiXRVnKqPibPHYsnhsefEXFT9FZVTcqRgq76oYKkPlUDFU7qiMiqEyKg6Lx5bFY8uLP6h8QsVQGRVD5VBxpWKonKl8R8WOxWPL/wD5Sg2oCnqJ7wAAAABJRU5ErkJggg== QRCode 線上履歷
  • data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAklEQVR4AewaftIAAANxSURBVO3BUW7cRhQAwe7B3v/KHRPwAwyCplYaKckHqwTiG1UMlbOKOyqj4l0qdyqGyndZPLYsHlte/KHiK1SuVPwElTsVQ+VOxVeoHBaPLYvHlhd/oXKn4iMqh4orKndU7lR8J5U7FWeLx5bFY8uLf4HKqLhS8Vkqo2KojIqftHhsWTy2vPiXqdxR+U4qh4qfsHhsefEXFbsqDiqj4orKoWKojIqhcqgYKrsqPmvx2LJ4bHnxB5XvpHKoGCqj4idUDJU7KjsWjy2Lxxb7hR+mMiqGyqg4qHyk4qDyroqfsHhsWTy2CMQnVJypjIqhcqh4l8qVijOVr6i4onKnYqgcFo8t9gufoHKouKIyKg4qo2KXyqHiispZxVC5U/ERlcPisWXx2CIQFyruqFyp+C4qo2KoHCqGyqg4UxkV71K5UnFYPLYsHlteFUPlKyqGylnFFZV3qYyKs4qh8i6VUXFWcUXlsHhsWTy2CMSFiisqOyqGyqj4LJUrFTtUrlScLR5bBOK3iqFypWKHypWKg8qoGCpnFVdURsWZyqi4o3Jn8diyeGyxX/hNZVTcUblSMVQOFR9ROVQMlVFxpvITKobKncVjy+KxRSAuVAyVOxVD5U7FFZWziisqh4orKmcVV1TOKq6ojIrD4rFl8djyqriicqXiTOVdKlcqdqiMiqFyUBkVo2KoHFRGxZ3FY8uLb1BxR+VKxVA5qxgqo+Kg8q6KKyqj4qAyVO4sHlsWjy0C8VvFFZWziqEyKobKoeKKylnFFZV3VQyVs4qhclYxVEbF2eKxZfHY8qr4CpVRMVTOVK5UDJUdFXcqhsqo2LF4bFk8trz4g8qouFMxVN5VMVTOVEbFu1TuqFxR2bF4bLFf+CEqdyqGyp2KM5UrFUPlUPERlc9aPLYsHlteKt+pYlTcUblTcUXlrGKo3FEZFXcqhsqoOCweWxaPLS/+UPEVKu9SGRXvUhkVdyqGylnFLpXD4rFl8djy4i9U7lS8S2VUXFE5VAyVKyp3Ks5U3lUxVEbF2eKx5cUPUrmjsqPiXRVXVM5URsUVlcPisWXx2PLif6LioDIqrqicqVypeFfFmcqoOFs8tiweW178RcV/oWKovKtiqAyVQ8VQuaMyKobKqDgsHlsWjy0v/qDyEyqGyqgYKoeKKxVD5UzlKyp2LB5b/gEteuvEdnulSgAAAABJRU5ErkJggg== QRCode 線上作品集
  • data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAklEQVR4AewaftIAAALISURBVO3BQY7bShYAwcyC7n/lnL95AGFQFoWye7yoCIH4SyruqIyKJ1RGxTsqo2Ko/A2LY8vi2LI4trz4RcUOlTsqT6h8orKjYofKWBxbFseWF7+h8knFExVDZai8U/EtlW+oPFFxZ3FsWRxbXvwQlTsVVyp3VO5UXFX8pMWxZXFsefFDKu6oXFUMlVHxhMqo+NsWx5bFseXFb1T8KSqj4omKofJExTcqdiyOLYtjy+LY8uIXKv8KlVExVEbFlcqouKPypyyOLYtjy6viJ1Tcqdih8kTF37A4tiyOLQKxoeJKZUfFULlTMVSuKobKqBgqo+JKZVQMlVExFseWxbHlVfGOyp2KdyqGyicV71QMlTsVVyo7Kr6xOLYsji0CcVHxicqouFIZFXdURsWVyo6KobKjYqjcWRxbFseWxbFFIL5UMVSuKu6ofKtih8qoGCqj4lsqY3FsWRxb7D/8QSrfqLhSGRVD5YmKofKtiqHyyeLYsji2CMQbFUPliYqhMiruqFxVDJVR8YTKnYqhMiquVEbFUBkVY3FsWRxbBOKi4o7KqBgq71QMlVGxQ+UnVAyVO4tjy+LYIhAXFUPlk4onVJ6oGCqj4o7KExVD5Z2KT1TG4tiyOLYsji0vHqoYKu+o3KnYobJD5Vsqo2JUjMWxZXFssf/wA1SeqPiGyjsVn6i8U/HJ4tiyOLa8VP6Wik8qrlTuVAyVUXGlckdlVLxTMVQ+WRxbFseWF7+o2KFyp+JbFX9KxRMqo+KOylgcWxbHFoG4qBgqn1RcqYyKoTIqhsq/pGKojIo7i2PL4tiyOLa8+D9QeadiqIyKoTIqrlRGxVAZFUPlSuWOyp3FsWVxbHnxD6sYKk9U3Km4U3GlcqdiqIzFsWVxbHnxGxU/TWVUjIonVO5UDJUnKj5ZHFsWxxaB+EsqhsqoeEflk4odKn/K4tiyOLb8D+YTfJj0VcheAAAAAElFTkSuQmCC QRCode 技術部落格
  • GitHub QRCode GitHub
  • Email QRCode Email
  • LinkedIn QRCode LinkedIn
  • Behance QRCode Behance
  • Threads QRCode Threads

履歷可能根據時間和不同程度的客製化而有所不同

最後更新時間：2026-04-11