你好，我是陳子涵
現在是前端工程師
我目前使用 Next.js, React, Tailwind CSS, TypeScript 等工具，完成公司任務與業餘專案的網頁切板與功能實作。在學期間有接觸過介面設計、使用者體驗、後端開發，現在仍有持續利用過往經歷，與負責這些職位的夥伴討論、溝通與合作。如果你想找我聊聊新的合作機會，請聯繫我！
在網站開發過程中，我致力於遵循響應式網頁設計和無障礙網頁設計的原則，確保各種裝置和瀏覽器的使用者都能順利瀏覽和操作網站。我了解搜尋引擎優化（SEO）的重要性，能夠根據行銷需求設定和測試必要的元標籤，讓網站在社群媒體貼文或搜尋結果中呈現完整、清晰的資訊。同時，我持續監測效能指標數據並優化程式碼，提升網站載入速度和使用體驗的流暢度。針對這些領域，我使用 Lighthouse、PageSpeed Insights、metatags.io、Vercel Speed Insights 和 Vercel Toolbar 等工具進行測試、分析和優化。
在網站部署上線、對外公開之後，為了觀察網站訪客的來源、每個網頁的熱門程度，我有使用 Google Analytics 和 Vercel Web Analytics 進行流量追蹤和使用者行為分析，同時利用 Google Search Console 監測搜尋曝光、排名與點閱率。我有使用 React Hook Form 建立表單的經驗，能夠實作基本的格式驗證、錯誤處理和提交表單流程。另外，我曾經使用 Playwright 撰寫簡單的自動化端對端測試腳本，確保核心功能正常運作。
我相信良好的溝通與團隊合作是成功專案的關鍵。在職場中我經常與專案經理、產品經理、設計師和後端工程師協作，共同解決問題並達成客戶或公司的目標。我能夠理解不同角色的需求和挑戰，並提供適當的技術建議和解決方案。在業餘時間，我從自身技術棧出發，追蹤新的前端技術和工具，同時接觸設計、後端、專案、產品、行銷等各方面的知識，持續提升自己的專業能力。
經歷
前端工程師 樂倍達數位科技股份有限公司
2023/09 ~ 現今
- 參與客戶公司的專案開發 (視訊會議網站)，使用 React + styled-components 調整介面與功能, 使用 Transifex 串接多語系字串。於新增功能之前，整合客戶需求和技術可行性，製作流程圖和線框圖，再實作畫面與功能、串接客戶提供的 API。原本手動回歸測試耗時 40 分鐘，撰寫Playwright 自動化腳本，耗時縮減至 5 分鐘。
- 參與客戶公司的新增功能開發 (網路電話彈出視窗)，根據客戶需求和客戶公司提供的 Next.js + SIP.js 專案，製作流程圖和線框圖，再加入 Tailwind CSS + Headless UI + Web Audio API (MediaStream, AudioContext) 實作畫面與功能，把各種狀態和事件的紀錄送到客戶公司的 API。
- 參與自己公司的產品開發 (物流服務)，使用 HTML + Tailwind CSS + JavaScript 切版，撰寫 GitLab CICD pipeline 腳本、設定環境變數，自動部署到測試版網址，手動部署到正式版網址。
前端工程師 Teamie 專案夥伴媒合平台
2022/09 ~ 現今
- Teamie 是一個業餘專案，致⼒為學⽣及初⼊職場的新鮮人媒合專案夥伴，打造跨專業、跨地區的合作機會。
- 使用 Next.js + Tailwind CSS + TypeScript + clsx + Feather Icons + Headless UI 製作元件與頁面、實作各項功能。
- 在 Zeabur 專案中新增兩個前端服務，設定相同 GitHub repo 的不同分支，分別自動部署到測試版與正式版網址。
- 與後端夥伴合作規劃所需資料表、調整 API 規格，再根據 Swagger 文件，使用 React Hook Form 串接 RESTful API 實作各種表單、處理錯誤訊息。
- 參與前期使用者訪談、需求分析、網站架構與功能操作流程規畫，針對介面設計稿提出前端技術可行性建議。
- 撰寫前端 Markdown 文件，利用此文件與原始碼向新加入的前端夥伴說明，目前網站有使用的工具、已完成的功能、撰寫程式碼須注意的規範。
前端網頁實習生 亞瑞特數位社群行銷有限公司
2022/11 ~ 2023/04
- 使用 JavaScript + SCSS + PHP，網頁切版、前後端分離、功能實作。
- 獨立完成：製作公司的電子報模板、調整公司的內部報表產出網站、製作客戶的產品介紹頁面。
- 協助正職員工：開發客戶的心理測驗網站。
UI/UX設計團隊-實習生 眾匯智能健康股份有限公司
2020/07 ~ 08
- 使用 XAMPP + MySQL + PHP，建置資料庫、實作各項功能。
- 開發論壇網站的帳號、文章、留言、收藏、追蹤等功能。
- 參與使用者體驗規劃，負責後端，與介面設計和前端的同學合作。
技能
網站前端
Next.js, React, Tailwind CSS, TypeScript, Headless UI, React Hook Form, styled-components
版本控制
Git, GitHub, GitLab
部署
Vercel, Zeabur
使用者體驗、介面設計
FigJam, Figma, Penpot
證書
Google 數位人才探索計畫 GA4 學程
2023/05
- Google Analytics (分析) 認證
- Google 數位人才結業證書
認可
放視大賞 入圍
2021/05
畢業專題＂珍食力＂於 2021 放視大賞入圍行動應用類 - 軟體內容創意企劃組決賽。
- 使用者體驗、介面設計，Miro + Figma
學歷
國立台中教育大學 學士
2017/09 ~ 2021/06
就讀數位內容科技學系。
選修兩個群組課程：數位技術應用、數位設計。