Ran

Full Stack Web Developer


對於網站開發充滿熱忱,擁有豐富的網站開發經驗。


具備完整獨立開發的能力,如有網站系統相關的合作需求歡迎 與我聯繫

例如:企業形象網站、後臺系統、SaaS 系統、會員多元功能平台...等,


相關案例可參照下方的專案作品。


技術應用標籤

  • 環境:LNMP (Linux, Nginx, MySQL / MariaDB, PHP)
  • 後端:Laravel 5 ~ Master
  • 前端:Bootstrap + jQuery + Webpack (Laravel Mix)
  • 套件管理:Composer, npm / Yarn
  • 快取資料庫:Redis
  • 伺服器相關:Linode, AWS S3, Cloudflare, CloudFront
  • API 開發:RESTful API, Webhook, OAuth 2, Postman, Stoplight
  • API 串接:Google Spreadsheet API, Google Custom Search API, Wikipedia API, Benchmark Email API
  • SEO 相關:Structured data, Google Search Console, PageSpeed Insights, AMP
  • CMS:Wordpress, October CMS
  • 其他:Docker (Laradock), Mailgun, Google Tag Manager, Highcharts, CKEditor 4/5, CKFinder

工作經歷

Web Developer

媽咪愛 MamiLove (上恩資訊)

2022 年 2 月 – 現在

主要負責商品策展的領域,如:首頁、分類頁、商品清單/內頁…等

  • API 設計與開發,協助前端 Web/App 串接,確保新舊版本的 API 相容與可持續性
  • 底層資料撈取效能優化,建置快取流程與機制,降低網站負載並提升使用者體驗
  • 頁面結構化資料建置與整合,建置複合式搜尋結果提升頁面排名
  • 重構商品底層模組並收斂重複的業務邏輯流程,減少維護與開發的理解成本
  • 規劃與建立商品資訊快取機制與流程,提高 API 吞吐量 4 倍

R8alkgsupbwtyytpzdag

後端工程師

The News Lens 關鍵評論網

2020 年 5 月 – 2022 年 1 月

旗下各品牌系統維護與優化

關鍵評論網every little d.Cool3c運動視界INSIDE 未來大人物歐搜哇

  • Legacy code 維護與優化
  • 廣告版位建置與串接
  • SEO 優化
    • 建置結構化資料,透過複合式搜尋結果提升曝光率與點擊數
    • 優化網站使用體驗核心指標,提升網頁排名
    • 修正一般、AMP 頁面相關錯誤與警告,避免網址失效導致流量下降

集團後臺系統、品牌網站設計與開發

  • 文章管理系統
    • 獨立進行後端開發,並偕同一位前端完成切版與資料邏輯串接
    • CKEditor 5 編輯器串接,品牌可自行選擇啟用的編輯工具、自定義 CSS 
    • RBAC 角色權限控管,品牌可自行劃分角色並賦予對應的操作權限
    • 自訂欄位功能模組,猶如設計 Google 表單一樣,品牌可自行設計模組的表單欄位
    • RESTful API、Webhook 開發 (Queues),OAuth 2 客戶端憑證,撰寫技術文件
    • API、Webhook 技術文件撰寫
    • 排程任務開發,例如:文章排程發布、清除過期資料
  • 媒體品牌網站-歐搜哇 ohsowow
    • 獨立進行後端開發,並偕同一位前端完成切版與資料邏輯串接
    • 串接文章管理系統 API 功能,進行文章瀏覽功能
    • 串接文章管理系統 Webhook 進行資料同步
    • 串接集團 Elasticsearch,實現搜尋功能
    • 全站頁面靜態化進行快取

R8alkgsupbwtyytpzdag

軟體工程師

頤德國際

2017 年 4 月 – 2020 年 4 月

主要與 CSR 部門專注於 CSRone 平台、SaaS 及相關系統工具研發。

公司內部系統開發、官網建置與維護,部分外部客戶網站系統建置。

  • 永續溝通與知識平台 – CSRone 永續智庫
    • 前臺
      • SEO 優化
        • 定時自動生成 sitemap.xml,並提交至 Google Search Console
        • 建置結構化資料,透過複合式搜尋結果提升曝光率與點擊數
        • 後臺上傳的圖片自動產生縮圖,並於前臺的清單頁面使用縮圖
        • 延遲載入圖片 (Image lazy-loading)、第三方外掛如:FB Comments
      • Redis 快取
        • 系統參數、當日瀏覽數、當日下載數、熱門文章、使用者資訊 ...
      • 多國語系介面、部分功能模組內容
      • 點數儲值串接第三方金流,透過點數開通相關加值功能進行使用
        例如:文章付費牆數據分析、進階搜尋...等
      • 點數相關事件應用,例如:會員完成 Email 驗證可獲得 200 點數
      • 收藏功能 (報告書、新聞、專題、活動)
      • 使用 Google 自定義搜尋引擎
      • 使用前端框架 Bootstrap 4
    • 後臺
      • 各功能模組資料管理與匯出
      • RBAC 角色權限管理,並紀錄詳細的操作紀錄
      • 所見及所得編輯器 Ckeditor 4 + 檔案管理 Ckfinder (AWS S3)
  • M-Tool 重大議題分析工具
    • Bootstrap 4 套版設計
    • 多國語系介面
    • 多時區,問卷可設定調查起訖時間,並以會員所設定的時區進行調查
    • 彈性欄位設計,讓企業能夠透過簡易地操作流程,設計出企業專屬客製化問卷
    • 多元問卷分享方式:URL、QR code、iFrame
    • 問卷回覆管理、匯出
    • 自動計算結果並產生 Highcharts 圖表矩陣
  • 【有話植說】你是什麼類型的CSR達人?
    • 使用前端框架 Semantic UI
    • 串接 Google Sheet API 儲存與統計測驗結果
  • 頤德國際:::公關顧問公司 : 公關 | 媒體 | 數位 | CSR | 品牌 | 動畫 | 行銷
    • Bootstrap 4 套版設計
    • 多國語系介面、部分功能模組內容
    • 使用 Google 自定義搜尋引擎
  • CSRone 報告書分析工具
    • 依據不同面向各有上百個調查項目 (欄位),全部項目合計超過 1000 以上,且每年都會調整既有或新增項目 (欄位),故以 JSON 格式儲存分析資料
    • 欄位關聯觸發,例如:編號 001 欄位選擇否,則編號 100 ~ 200 的欄位不需填寫
    • 欄位格式限制,例如:欄位只能輸入數字,並且取至小數點第二位數

R8alkgsupbwtyytpzdag      

系統分析師

捨得資訊

2015 年 7 月 – 2016 年 12 月

年度專案維護與功能擴充、伺服器維運。

系統架構優化,提升系統效能、安全性與穩定性。

Bedkjda52dc8vtuz71uh    

學歷背景

淡江大學 Tamkang University

資訊工程學系 Computer Science and Information Engineering

2012 年 – 2015 年

Ebccqz0mhpcosy7khdy2

專案作品

以下專案作品皆為個人獨立完成,由需求分析、系統設計、前後端開發、伺服器架設、網站佈署上線。