Hello, I'm Chanry

一位熱愛開發前端應用的創作者。

擅長開發Angular(JS~15)多平台SaaS系統,如:
ESG碳資產管理、EIP企業入口、郵件收發、長照、SCM供應鏈管理-DMS/EPM/MES/WMS...等
#FAF1DD
#F5E5C0
#E98074
#1B3159
#484848

About 關於

Web/SPA/SaaS 應用開發 | UI/UX介面設計 1996.01.24

  您好,我是熱愛開發SaaS前端應用的Chanry,工作狂個性使我做事嚴謹、具責任感、且學習力強,從高中到研究所皆為本科資訊專業,從而累積扎實基礎,能獨立且快速開發千萬、百萬專案產品,對於主管、業主需求能清楚理解並正確執行,從需求訪談、Prototype UI/UX、到前端開發、後端溝通等皆能獨立完成。框架擅長Angular(JS~15)、React、JQ、Qwik等,近期應用與技術可詳見下方描述。

國立高雄科技大學 商務資訊應用研究所 理學碩士 M.S. NKUST, Taiwan

Skill 專長

前端 Front-end(專攻)

  • 熟悉主流框架:Angular(JS 1.0至15) > React > Vue
  • ➜ 熟悉MVVM 架構,如雙向資料繫結、依賴注入、關注點分離等特性。
  • ➜ 對於 Angular 框架的發展和變化有豐富的經驗,從初版 JS 1.0開始使用該框架一路至今日的版本 15。
  • ➜ 能活用主流元件與自製共用元件,協助公司製作公版框架達到快速開發
  • ➜ 持續精進活用新方法至專案,如Standalone、Lazy loading、Signal、RxJS、NgRx等
  • ➜ 跨平台:WEB外,也開發過NativeScript桌面應用、Ionic移動應用
  • ➜ 單元測試:專案時間允許下可開發Karma單元測試,提高系統穩定性
  • ➜ 國際化:i18n多國語系切換(translate/transloco),Time Zone多時區處理(UTC)
  • ➜ 守衛驗證:Guards、Resolvers、JWT、SSO
  • HTML5標記語言:除了基礎知識扎實外,懂得應用新版的語意化標籤、表單進階操作、新選擇器等特性。
  • CSS3樣式表語言:
  • ➜ 能活用Sass/SCSS預處理器:變數、函式、Nesting嵌套、Mixins混入、Extends共用等方法,提高撰寫效率、易維護、可讀性,也方便達成如「Theme主題切換」、「UI大小調整」效果
  • ➜ 樣式管理方式應用過OOCSS、SMACSS、BEM、自製公司規範
  • JavaScript ES6+、TypeScript:
  • ➜ 能活用:物件、事件、監聽、巡訪、Ajax、靜態類型、泛型等基礎概念,與ES6解構賦值、Symbols、Maps/Sets、Promises、Spread syntax、區塊、箭頭等新方法
  • 響應式:能夠設計和撰寫符合規格文件的 RWD 專案,熟悉主流斷點,並應用 bootstrap、pure、Layui、自製等格線系統
  • 前端存儲:熟悉Local/Session Storage以外的存儲方式,如indexDB、WebSQL
  • 前端安全:具有銀行內部系統專案開發經驗,瞭解弱點掃描、資安、常見前端攻擊手法,如CSRF、XSS等
  • DOM:開發/維護過JQuery專案,熟練掌握JS原生/JQ操作DOM
  • 設計與其他 Design & Others

  • UI/UX:Adobe XD > Figma > Sketch > 墨刀,擁有多專案(Web/App)UI/UX設計經驗,能夠清楚了解主管或業主的需求,並產出 guideline、UI Flow設計文件
  • 程式風格標準化:導入ESLint檢查、遵守Airbnb或公司自定義規範
  • 版控Git/TFVC,工具使用 git-tf、GitLab、GitHub,搭配 Sourcetree 或直接 CLI 操控
  • 資料視覺化:擅長開發2B系統最常見的Dashboard,並熟悉數據可視化庫,如D3.js、Chart.js、amChart等
  • 3D應用:曾開發過潤泰建設案場3D檢視、WMS倉儲智慧堆疊,熟悉webgl、three.js等技術,對於數位孿生也相當感興趣
  • WordPress開發:能夠獨立架設前後端整合的WordPress網站,並完成SEO優化、SSL驗證、插件和伺服器設置
  • 其他技術應用:具有AI臉部辨識登入、SSO單入口、系統內頁籤機制、LINE/WeChat通知串接、綠界金流串接、Web RTC串流視訊、WebSocket即時Dashboard、報表/QR Code標籤列印等技術應用經驗
  • 主要使用Mac進行開發,熟悉的 IDE 工具包括 VS Code、Sublime 和 Visual Studio
  • 熟練使用 Microsoft Office 系列辦公軟體
  • 善⽤資源自主學習,如Pinterest、DIGI+、Dribbble、ChartGPT、Hahow、LeetCode等平台
  • 後端 Back-end

  • 能架設Node.js後端API,串接前端應⽤,或自架模擬後端供前端開發
  • 自動化測試:熟悉後端Python並搭配Selenium或Katalon工具進行自動化測試,以檢驗前端功能
  • 熟練運用Python進行網路爬蟲和RPA,曾協助⾦屬中⼼簡化瑣碎工作流程,提高了整體工作效率達到91.7%
  • 能夠利用PHP結合DB建構含會員、購物⾞、CRUD之系統網站
  • 熟悉SQL指令的撰寫,具備MySQL、MongoDB和Firebase等資料庫使用經驗
  • 具Data Mining、Machine Learning相關知識,曾實作過Kaggle競賽專案
  • 其他還撰寫過Java、C++、VB等後端語言經驗
  • 相關證照

  • 經濟部工業局DIGI⁺ Talent計畫之結訓研習生(ECOM)
  • 行動裝置程式設計師(初級)學程證明
  • 電腦軟體應用技能檢定(乙級)學程證明
  • 電子商務學程證明
  • 企業電子化軟體用師-ERP軟體應用-配銷模組(鼎新)證書
  • 企業電子化助理規劃師證書
  • TQC 專業設計人才認證合格證書物件導向程式語言
  • TQC 企業人才技能合格證書電子商務概論 專業級
  • TQC 企業人才技能合格證書專案管理概論 專業級
  • TQC 企業人才技能合格證書Project 2007 進階級
  • 中華民國全國商業總會商業管理基礎知能
  • 三星統計調查與研究方法分析師
  • Microsoft Office Specialist 國際Office證照
  • 中華民國商業職業教育學會英語能力測驗第四級
  • LTTC 全民英語能力分級檢定測驗初級初試
  • 中華民國技術士證會計事務-資訊丙級
  • 中華民國技術士證電腦軟體應用丙級
  • 中華民國技術士證電腦軟體應用乙級
  • 中華民國技術士證電腦軟體設計丙級
  • 中華民國技術士證網頁設計丙級
  • TQC 企業人才技能合格證書中文輸入進階級
  • TQC 企業人才技能合格證書英文輸入實用級
  • Experience 經歷

    2023/06起 ~

    國泰世華銀行總行 數位數據暨發展中心 平台開發科 前端工程師

    2021/03起 ~ 2023/06

    東元集團-東捷資訊股份有限公司 研發中心 前端工程師

    2021/01

    高雄黃埔陸軍官校南訓中心 退伍

    2020/07

    國立高雄科技大學 商務資訊應用研究所 碩士畢業

    2017/07 ~ 2019/09(實習2年3個月)

    財團法人金屬工業研究發展中心 產研組 實習網管
    展開 arrow drop down

    從大四到碩一,已於此公司實習兩年多時間,全方位的學習職場軟硬實務經驗,有別於其他公司,此研究中心隸屬於政府單位,主要協助金屬、非金屬、能源、車輛、扣件、半導體、智慧醫療等產業技術支援與研發。

    工作內容:
    產業研究組以產業分析產出專業報告提供業界決策指引作為主要營運項目,也因此在實習期間吸收大量國家發展趨勢資訊,參與多場學術研討會、座談會、政府會議。
    工作範圍涵蓋資訊、網管、設計之事務,如負責情報網前後台管理維運,民間科技公司溝通系統架構需求、NAS管理,活動文宣品設計、活動中現場支援、與活動後Data mining等。

    貢獻/優勢:
    ▪開發金屬情報網格式產生器,藉由JavaScript與Python將繁瑣工作全面自動化,例如各類文章自動排版、報名清單自動匯入後台、自動匯入撰校審資料、利用爬蟲快速掌握刊物出版狀況與各新聞媒體頁面產業新聞等等,提升整體工作效率91.7%。
    ▪個人專長為資訊專業,能運用資訊技能協助公司改善工作Flow、與外包科技公司溝通系統需求、活動後資料探勘,並能充分理解主管需求,快速完成工作項目,對於不擅長領域也能透過自主學習盡快上手,勇於提出自己意見強化系統,透過己長致力於改善工作Flow與工作環境,建立SOP與文宣樣板,使公司產出更加標準化與提升效率。

    2018/06

    國立高雄科技大學 資訊管理系 學士畢業

    2017/06 ~ 2018/01(訓練8個月)

    經濟部工業局 DIGI+ 跨域人才加速躍升計劃
    展開 arrow drop down

    這個計畫是依據行政院的數位國家創新經濟發展案,主要是欲培養網路服務/電子商務、資料科學與數據分析、智慧內容、智慧聯網、人工智慧這五大領域的國家數位人才,因此標語就是「數位人才x國家未來」,提供給研習生們國內外數位相關課程並且還有開設進階及專業實體的課程,總共有6個月的密集性人才加速成長研習。

    加入計畫:要加入此計劃,首先每校每系限制兩名由教授推派才能參加海選,進入海選階段後則要與全台北中南三場海選會近千名同學來面試競爭,因此能順利進入此計劃是非常難得且幸運的機會。

    研習過程:期間有一週的時間前往台南工研院南分院進行密集訓練,當中包括各種名人演講、工作坊、小組任務、成果發表等,強化我們研習生在數位領域的進階知識,也培養團隊合作、溝通、問題解決能力。剩下的半年期間則於法人單位研習,有資深資訊前輩帶領學習相關知識,以及運用國家經費參與多場數位資訊相關研討會、論壇,如2017WCIT世界資訊科技大會。

    ▪工研院南分院期間參與多場名人演講,如行政院科技政委唐鳳、飛行少年周延俊、科技會辦郭執秘、跨世代蕭總監等等
    ▪透過研習生提案分享+專業領域課程+線上線下學習資源+設計思考工作坊,培養團隊合作、問題解決能力
    ▪利用此計畫擁有專屬線上MOOCs課程資源(DIGI+Talent 數位網路學院),強化自我學習力度
    ▪個人於小組內擔任程式開發者,整合小組成員各自專長,合力建構工研院南分院地質分析檢測APP專案並發表
    ▪協助攝影剪輯產品影片、經營粉專與產品官網,展示專案的行銷面向

    2018/01 ~ 2017/07(實習7個月)

    亞家科技股份有限公司 實習系統分析師
    展開 arrow drop down

    亞家科技為一間軟體開發公司,提供多方面資訊解決方案,為客戶建置符合需求的網站或是系統。個人於此公司實習學習系統分析師相關業務內容與公司文化,瞭解在一個客戶提出需求後會經過哪些角色去完成這個專案的製作,以及瞭解當專案龐大時該如何分工以及版本控制,得以順利產出此客製化專案,其中又該運用哪些軟體輔助工具去改善工作流程,受益良多

    ▪Saas軟體及服務
    ▪運用Office 365作為多項團隊協作溝通工具
    ▪學習使用Sketch與墨刀完成UI Design與Logic Flow
    ▪撰寫Selenium、Katalon進行系統最終自動化測試,並將Bug整理回報工程師
    ▪直接與客戶面對面開會瞭解其需求,討論具體功能後將非結構化需求轉換成工程師能理解之結構化需求
    ▪協助編寫系統規格書供工程師應用,編寫系統說明書供客戶參閱

    2017/03 ~ 2018/12

    大學期間擔任系學會 資訊長
    展開 arrow drop down

    身為資訊長,主要業務為架設與維護系會形象官網、新生服務中心網站、擔任官方粉專小編、YouTube頻道、系上社團、製作宣傳影片以及所有資訊相關軟硬體設備維護。

    系學會時時在在的充實了我的大學生活,我個人非常慶幸能成為系學會的一員並且還擔任幹部角色。在大二時擔任迎新小隊輔,大三時透過校內三合一大選獲選為資訊長,至此後進入系學會繁忙生活。前後舉辦/參與大大小小各種不同的活動,在各種不同活動中擔任工作人員、副召、總召等角色,從活動的一開始撰寫企劃書、可行性分析、備案企劃、申請保險、申請場地、申請美編、申請器材、跑流程、跑贊助、預算控制、攝影、嘉賓邀約等,讓我瞭解舉辦一個活動的辛苦與繁瑣且細膩的SOP。透過系學會在人脈上也讓我幾乎認識了全系的人,並在一個有組織的體系當中一同成長/學習,是一段非常難得且寶貴的經驗。

    ▪設計與申請網域架設系學會網站,並負責維護更新(如公告、活動時程、活動照片下載、財務報表、新生指南等)
    ▪協助系上伺服器機房與資料庫維運
    ▪擔任多場活動工作人員、總、副召,因應活動與自身角色不同而負責不同項目,獲得充足組織合作,活動企劃能力
    ▪印象較深的活動為「小資童樂趣」擔任總召與紅十字育幼中心合作企劃、「迎新」擔任企劃與關主、「歌唱比賽」擔任音控等

    2016/06

    國立暨南國際大學附屬高級中學 資處科畢業

    Contact 聯絡