作品


特殊經歷

擔任 SEO 顧問 Harris先生 技術協作顧問

與知名 SEO 顧問 Harris先生 (www.yesharris.com) 合作,擔任技術協作顧問,協助處理大型網站於搜尋引擎優化與索引異常等相關問題。
合作內容包含:
1) 分析網站並協助判斷搜尋引擎爬蟲無法正確索引的原因。
2) 撰寫技術報告並提供 SEO 團隊向客戶溝通用,說明現況、問題根因與改善建議。
3) 與團隊溝通協作,針對 SSR、CSR 等渲染策略提出實作建議。
(部分合作品牌涉及 NDA,故不對外公開)


提升工程師的科技力!AWS 雲端網站建置 - Hahow 好學校課程

在 Hahow 好學校平台開設 AWS 雲端網站建置課程,本堂課程介紹 AWS 最常使用的服務項目與其功能特色, 從 AWS 基礎服務開始,由淺入深、循序漸進,並透過實例操作結合概念解說,降低同學一開始在學習使用 AWS 時的進入門檻, 實作將網站部署到 AWS 服務!
1) 【Facebook 宣傳網址】
2) 【Hahow 好學校課程網址】


Google Analytics (分析) 個人認證

接觸 GA (Google Analytics) 以來,就很想考張證照試試看自己的實力, 俗話說心動不如馬上心動,在今年終於入手 GA 證照。

Google Analytics (分析) 個人認證


經歷

Dent&Co牙醫小幫手 September 2020 - PRESENT

Web Developer

工作內容:
1) 牙醫線上預約平台、CRM 後台網站系統設計、開發與維運。
2) Line Chatbot 聊天機器人結合健保系統應用設計、開發與維運。
3) 使用 AWS 建構網站與 Line Chatbot 服務平台。
4) 維護、監控、備份既有系統。
5) Log 與監控數值的警示與分析。
6) 程式碼部署、各類操作的自動化。
7) 網站 SEO 架構與協助內容制定優化。
8) 配合行銷策略,撰寫客製化 Landing Page 靜態網站。
9) 串接第三方網路平台服務。
10) 追蹤分析網站數據與成效,串接 GA、GTM、Facebook Pixel、Hotjar、Optimize 等服務。
11) 協助設計與撰寫模組中所使用的大型 System Prompt,應用於內部 AI 開發工具的工程整合與工作流程中,確保語意準確並兼顧使用者互動體驗,提升 AI 模組的實用性與穩定度。
12) 推動 Cline + VS Code 搭配 Gemini CLI 等 AI 工具於團隊內部開發流程落地應用,並整理使用範例與教學文件,協助團隊成員導入 AI 實務工具。

貢獻:
1) 採用 Laravel 7.x、Nuxt.js 2.x 開發牙醫線上預約平台、CRM 後台網站系統 -【Dent&Co牙醫小幫手】,使用者可線上搜尋附近的牙醫診所,即時預約看牙保健。
2) 採用 Laravel 7.x、Express.js 4.x 開發 Line Chatbot 聊天機器人 -【牙醫小幫手】,目前官方帳號會員人數已達到 30 萬人。
3) 串接社群平台服務,如 Facebook API / Line Messaging API,使用者可直接利用第三方社群平台服務的帳號來註冊,登入及使用系統。
4) 使用 AWS EC2/RDS/ELB/Auto Scaling/CloudFront/S3/CloudWatch/SQS/ElastiCache/DMS/SNS/SES/Lambda/API Gateway/ECS/WAF/Systems Manager 建構網站平台。
5) 導入 AWS CDK 定義整體雲端基礎架構,實現 Infrastructure as Code。
6) 導入 Serverless Framework 串接 AWS Lambda、API Gateway、CloudFront 部署無伺服器運算解決方案。
7) 導入 Swagger UI,自動化產生 Restful API 文件。
8) 導入微服務與無伺服器概念,撰寫 Dockerfile 把專案容器化,將公司主要專案佈署至 AWS ECS/Fargate 與 Lambda 上。
9) 自架 GitLab Server 管理專案程式碼,打造 CI/CD flow。
10) 導入 AWS WAF,保護系統與平台,不受常見的入侵程式和機器人侵擾。
11) 於團隊中導入 Cline + VS Code 操作整合的 AI 工具開發流程,也包含 Gemini CLI 等 AI 相關工具,提升開發效率與程式碼品質,並協助同仁熟悉使用方式,讓團隊能更有效率地運用 AI 助理於日常開發工作中。
12) 推動 AI 工具與現有 CI/CD 流程整合應用,探索 LLM 工具於程式碼自動產生、錯誤排查與技術文件補全的應用可能,協助提升專案維運與問題回應速度。

樂居科技 JULY 2018 - September 2020

Web Developer

工作內容:
1) 房價查詢網站系統設計、開發與維運。
2) 網站 SEO 優化。
3) 串接第三方網路平台服務至系統。
4) 使用 AWS 建構網站平台。
5) 採用 Laravel 5.7 + Vue.js 2 開發網站。
6) 使用 GitLab + GitKraken 管理專案程式碼。
7) 網站套版與樣式調整。
8) 開發 Web Service Restful API。
9) 撰寫測試程式 Laravel Dusk。
10) 採用 Laravel 5.8 開發 Line Chatbot 房價查詢機器人
11) 協助公司導入敏捷開發流程並擔任敏捷教練,確保各項開發專案順利進行

貢獻:
1) 採用 Laravel 5.7 + Vue.js 2 開發房價查詢網站 -【樂居】,使用者可搭配 OpenStreetMap 地圖查詢各縣市房屋實價登錄資料。
2) 串接社群平台服務,如 Facebook API / Line API / Google Maps API / Leaflet API,使用者可直接利用第三方社群平台服務的帳號來註冊,登入及使用系統。
3) 使用 AWS EC2/RDS/ELB/Auto Scaling/CloudFront/S3/CloudWatch/SQS/ElastiCache/DMS/SNS 建構網站平台。
4) 導入 Redis / Amazon SQS 提昇網站響應速度。
5) 導入 Redis LBS 地理位置系统,提昇網站搜尋速度。
6) 導入 ElasticSearch / IK Analyzer / Kibana,增加搜尋精準度與速度。
7) 導入 Docker / Laradock 統一團隊的開發環境。
8) 導入 Laravel Dusk,確保程式碼品質。
9) 撰寫 Dockerfile 導入 Drone 打造 CI/CD flow。
10) 撰寫 Dockerfile 導入數據分析框架 【docker-elk】, 收集並分析 nginx、php-fpm、laravel.. 等數據資料。
11) 因應 Google Maps API 收費模式調整,導入並在 AWS EC2 上架設 OpenStreetMap 地圖 Server, 以及使用 Leaflet API 載入並操作地圖,節省公司營運成本。
12) 採用 Laravel 5.8 開發 Line Chatbot 房價查詢機器人 - 【樂居小幫手】

科研市集 MAY 2017 - JULY 2018

Web Developer

工作內容:
1) 一站式科研線上購物平台系統設計、開發與維運。
2) 網站 SEO 優化。
3) 串接第三方網路平台服務至系統。
4) 使用 AWS 建構網站平台。
5) 採用 Laravel 5.5 + Vue.js 2 開發網站。
6) 導入 jieba 中文分詞系統。
7) 使用 Mailgun + Gmail 設定公司網域信箱。
8) 網站平台串接 Brother QL-700 標籤貼紙機。
9) 使用 Bitbucket、GitHub + GitKraken 管理專案程式碼。
10) 依照 UX/UI 設計師的 Mockup,進行網站排版。

貢獻:
1) 採用 Laravel 5.5 + Vue.js 2 開發科研線上購物平台系統 -【科研市集】,使用者可線上下單,或自行在線上成立報價單後,結帳來購買商品。
2) 串接社群平台服務,如 Facebook API,使用者可直接利用第三方社群平台服務的帳號來註冊及登入系統。
3) 串接金流平台服務,如 綠界金流,使用者可利用信用卡來購買商品。
4) 串接物流平台服務,如 黑貓物流,後台人員可利用黑貓物流建立物流訂單,進行商品出貨。
5) 串接電子發票平台服務,如 鯨躍科技電子發票加值中心,後台人員可開立電子發票,並可利用熱感應機印出紙本發票,寄送給客戶。
6) 使用 AWS EC2/RDS/ELB/Auto Scaling/CloudFront/S3/CloudWatch 建構網站平台。
7) 導入 Jieba 中文分詞系統,增加搜尋精準度。
8) 導入 ElasticSearch / IK Analyzer / Kibana,增加搜尋精準度與速度。

中央大學 - 網路學習科技研究所 MAY 2013 - APRIL 2017

Web Developer

工作內容:
1) 數位學習平台系統設計、開發與維運。
2) 網站 SEO 優化。
3) 串接第三方網路平台服務至系統。
4) 擔任講師,執行系統培訓課程。

貢獻:
1) 開發遊戲式的閱讀學習系統 - 【明日書店】,學生可以在系統記錄自己的閱讀歷程,並經營自己的書店。
2) 開發社群式的閱讀分享平台 - 【明日聊書】,結合社交因素,建立學生閱讀社群,此系統更適合國小中高年級以上的學生。
3) 串接第三方社群平台服務,如 Facebook API 及 Google API,使用者可直接利用第三方社群平台服務的帳號來註冊及登入系統。
4) 參與產學合作計畫,與學創教育科技有限公司合作將系統推展至『福州』、『東莞』、『港澳』等地區,並執行系統導入、測試與上線等工作。

除了工作,在閒暇之餘也自我學習新事物:
1) 使用 Amazon EC2 架設網站,並放上個人履歷與過往作品。
2) 使用 Bitbucket、GitHub + SourceTree 管理專案程式碼。
3) 使用 Bootstrap 開發 RWD 響應式網頁,並實作在【明日聊書】系統。
4) 使用 Laravel 開發 MVC 架構網站並實作在過往作品【合生集團】與【宏峰資產】。
5) 使用 Node.js - Express 搭配 Socket.IO 開發簡易的【即時聊天室】。
6) 使用 Laravel 搭配 工研院文字轉語音服務(SOAP)、FFmpeg、YouTube Data API 開發【小小狂工廠】。

合生生活網 JUNE 2011 - MAY 2013

Web Developer

工作內容:
1) 系統架構分析及資料庫規劃。
2) 網站前後端開發、架設及安全維護。
3) SEO關鍵字優化。
4) 電子報系統規劃設計與實作。

貢獻:
1) 開發公司旗下餐飲部門的網站 - 【蜀山饌】,提供會員、購物車等相關模組化功能。
2) 開發公司旗下代銷、建設部門的網站 - 【合生集團】、【宏峰資產】、【山豐建設】。
3) 為公司所有網站進行SEO關鍵字優化,排名平均達到各家搜尋引擎的第1~2頁。
4) 參與設計合生生活網主要經營網站 - 【Max-life】,網站提供優惠店家,及討論版之功能。
5) 開發公司內部專屬網站,提供公司員工查詢客戶資料等模組化工具,將公司內部所有客戶、房屋等相關資料進行建檔、統整。

專長

  • HTML
  • CSS / Bootstrap / SASS / SCSS
  • JavaScript / jQuery / Vue.js
  • PHP / Laravel
  • MySQL / MongoDB
  • Docker / Laradock
  • Redis / Redis LBS / AWS SQS
  • Jieba / ElasticSearch / IK Analyzer / Kibana / Logstash / Filebeat
  • Agile
  • Amazon Web Services
  • Facebook API / Google API / YouTube Data API / Line API / Dropbox API
  • Bitbucket、GitHub、GitLab / GitKraken
  • Node.js / Express / Socket.IO
  • SEO / ITRI TTS Web Service / FFmpeg
  • Drone / CI、CD

2015 Curriculum Vitae . All Rights Reseverd | Design by Chang Chun Long