React 前端工程師(台北市內湖區)(SI1-ALT)

【技術要求】 語言：TypeScript 框架：Next.js（主要研究）、Astro（次要） 函式庫 / 工具：React、Tailwind CSS、Sass、Styled-components 打包工具：Webpack 【工作內容】 一、網站功能開發與優化 新功能開發：依據需求開發互動式頁面。 UI/UX 改善：與設計師合作，落實 wireframe / prototype 到實際頁面。 響應式設計：確保在桌機、平板、手機多裝置呈現良好。 互動元件：開發 carousel、表單驗證、即時查詢結果等。 二、效能與穩定性維護 效能調校：資源壓縮 (JS/CSS Minify)、圖片最佳化 (WebP)、Lazy load。 前端監控：整合 Lighthouse、NewRelic、Sentry 等工具，追蹤效能與錯誤。 快取管理：設定 CDN、Service Worker，加速載入體驗。 相容性測試：跨瀏覽器（Chrome / Safari / Edge / Firefox）與 OS 測試。 三、部署與版本控管 程式碼管理：使用 Git/GitLab/GitHub Flow 管理分支。 CI/CD 整合：自動化測試、Build、Lint、Deploy（避免人工作業風險）。 多環境維運：Dev / Staging / Production 環境的版本切換與測試。 回溯與 Rollback：部署失敗時能快速回滾版本。 四、前端安全性 XSS/CSRF 防護：輸入檢查、Token 驗證、HttpOnly Cookie。 CSP 設定：避免惡意 script 注入。 第三方套件檢核：定期更新 npm package、避免漏洞。 HTTPS 與憑證：確保所有前端資源安全傳輸。 五、SEO 與可存取性（Accessibility） SEO 最佳化：meta 標籤、結構化資料、sitemap.xml、robots.txt。 Open Graph/Schema：讓產品頁面能友善呈現在 Google 與社群媒體。 WCAG 標準：確保弱視、行動不便使用者能透過鍵盤與螢幕閱讀器使用。 六、跨團隊合作 與後端工程師協作：API 串接、格式定義、錯誤處理。 與設計/PM 溝通：落實設計規格、提供技術可行性建議。 與行銷/SEO 團隊合作：確保標籤、追蹤碼正確實作。 與測試團隊合作：支援 UAT，快速修正 bug。 七、日常維運 錯誤修復：處理使用者回報或監控工具發現的 bug。 內容調整支援：協助處理前端模板與 CMS 結合。 流量尖峰支援：如促銷檔期，監控前端資源效能與可用性。 A/B 測試與數據追蹤：前端埋點、Google Tag Manager、GA4 事件追蹤。