✓ 有獨立開發與團隊合作能力。
✓ 擁有多項系統開發經驗,從前端到後端程式。
✓ 參與志工與相關競賽經驗。
網頁前端工程師
New Taipei City - Taiwan
[email protected]
題目:Machine Learning for Chronic Obstructive Pulmonary Disease Prediction
與後端工程師、UI設計師、行銷部門協同合作,主要進行【亂搭!租書網】的開發/改版/維護,前端技術多使用 jQuery、Gatsby.js,還在 AWS Lambda 撰寫 Node.js 程式,以及些許 PHP 程式、Twig 模板。
工作成果:
- 開發主站核心功能(ex: 全新首頁、頁頭頁尾、進階搜尋、書櫃、我的專區、收藏清單、兌換禮券、精選特輯頁...)
- 開發主站年節 / 促銷活動浮動視窗程式(ex: 過年搶紅包、滿額回饋浮動視窗、蓋台廣告...)
- 開發公司內部工具程式(ex: 首頁靜態生成程式...)
- 建置多個活動特輯網站(使用 Gatsby.js 建置)
- 維護漫畫閱讀器 / 日常程式 bug 修正...
- 使用 AWS Lambda 與 API Gateway 建立微服務
- 使用 Git 進行程式版本控制 / 撰寫開發文件 / 新技術導入與評估
- 使用 Google Tag Manager 管理聯盟行銷廣告追蹤碼
- 電子報 EDM 模板設計
【電子計算機中心】
協助開發學校校務研究資料視覺化網站,此系統提供即時視覺化資訊圖表,如:畢業/在學的師生人數(學院/系所篩選)。
工作內容:
- 負責部分前端程式撰寫、網站UI設計
- 撰寫 SQL 撈取資料庫,進行資料分析
- 使用 SVN 進行程式版本控制
- 帶領學弟妹執行專案開發
- 完成老師交辦事項
【學務處課外活動組】
建置新住民文化推廣平台,此系統提供課程師生進行線上學習、課程考試(單選、多選題)、後臺管理等功能。
工作內容:
1. 需求訪談與系統規劃設計。
2. 負責網站UI設計、前端/後端程式撰寫。
3. 資料庫設計規劃與建置。
【通識教育中心】
建置全校型中文閱讀書寫課程計畫網站,此系統提供學校師生、助教進行線上學習、討論、投票、最新公告等功能。
工作內容:
1. 需求訪談與系統規劃設計。
2. 負責網站UI設計、前端 / 後端程式撰寫。
3. 資料庫設計規劃與建置。
4. 部署Web應用程式。
5. 網站累計服務達70班級,總不重複瀏覽人數達100,000次,舉辦過8次線上投票活動。
雲端印刷 Mobile Web 研擬開發。
工作內容:
1. 主要負責前端部分。
2. 團隊合作開發。
3. 系統開發文案 / 文件撰寫。
Layout能純手刻實作出。
- 熟悉 HTML5、CSS3
- 擅長 UI設計 / 網頁設計配色
- 熟悉 網頁版面切版
- 熟悉 RWD響應式網頁設計
- SCSS / CSS Modules / CSS-in-JS
從操作DOM、Event處理、Canvas、Await/Async,到與後端API進行串接。
- JavaScript ES5 / ES6+
- 串接API(AJAX / Axios / Fetch)
- jQuery, Bootstrap
- React(Hooks / Redux)
- Gatsby.js / Next.js
略懂後端技術等相關知識。
- Node.js(Express、PM2...)
- PHP(Twig Template)
- C#(ASP.NET MVC)
- Python(進行資料清洗/分析/預測...)
- GraphQL / RESTful API
版本控制、操作。
- Git Command Line / Sourcetree
- Github / Bitbucket
運用 AWS 等雲服務,建立自動化部署。
- Ngnix
- Amazon API Gateway / Lambda / S3 / Route 53 / CloudFront / EC2
- GitHub Actions(CI/CD)
運用相關工具進行網站管理 / SEO優化。
- ESLint / Prettier
- Google Tag Manager
- Google PageSpeed Insights / Lighthouse
Coursera:
本研究運用機器學習技術建立三種COPD(慢性阻塞性肺病)預測模型,在大量的數據當中找出COPD成因/風險因子,研究發現以XGBoost表現為最優。同時並應用SHAP來分析模型,有助於對疾病的認識。最後建置Web-based COPD輔助診斷系統平台,此系統能進一步提供視覺化的預測報告。
Accuracy:81.5%
Sensitivity:80.5%
Specificity:81.6%
Prevalence:9.2%
主要負責前端、些許PHP程式,重構既有程式,改版成果可參考連結,重點項目如下:
- 全新首頁(含Header、Footer),並將全站 AWD 改成 RWD 架構
- 首頁 SEO(Google Lighthouse)Desktop分數從69分提升至83 分
- 首頁改版後與同時期相比,瀏覽量提升5%、跳出率下降21%、離開率下降19%
- 新版進階搜尋整合新Header,搜索框提供建議關鍵字,瀏覽量提升23%
- 新版我的專區 / 書櫃 / 收藏清單 / 兌換禮券 / 精選特輯頁...
原先自架 WordPress,現階段已改成用 Gatsby.js 進行開發,未來陸陸續續完成文章的搬移。
- GitHub Action + AWS 建立自動化部屬流程
- GTM 管理網站追蹤碼
- 基本SEO優化 / RSS 訂閱 / Sitemap
此專案分成兩階段執行,負責該計畫相關系統開發,技術使用 ASP.NET MVC。
1. 建置客製化問卷表單 給予全台醫院資訊室進行填寫,進行初步的資料蒐集。
2. 建置電子病歷實施範圍自動更新系統
此系統提供使用者進行醫院電子病歷實施範圍之查詢/更新,具有基本後台登入,能進行CSV資料匯出/匯入。
負責建置學校實驗室網站。網站特色如下:
- RWD 響應式網頁設計
- CSS Animation / Canvas 動畫特效
- LOGO 設計
- 多國語系機器翻譯
大學畢業專題(HTML5 GAME),益智問答遊戲,藉由魔法與道具進行闖關,負責前端程式撰寫。
- 遊戲、戰鬥特效 (Canvas API)
- 遊戲音效、人物對話互動
此專案提供師生互動平台,使用 PHP + MySQL 開發,主要負責前端、資料庫設計、部分後端程式。主要系統功能如下:
- 最新公告系統
- 討論區 (可供老師/助教/學生進行討論回覆,並有篩選功能)
- 投票活動(進行線上海報票選比賽)
此專案為比賽作品,擔任小組隊長,並負責網頁前端、UI設計排版。亮點如下:
- 2015 全國慈善/科技/人文網頁設計比賽 大專組 第一名金獎
- 從110多隊脫穎而出 - 互動式影音教學、HTML5小遊戲
近期網站數據:
- Google關鍵字第一頁:日文 歷史 / 日文 單字表 / 日文 小遊戲
- YouTube頻道總觀看次數:13,000+
# 2015 全國慈善/科技/人文網頁設計比賽 大專組 第一名金獎
# 2015 啟動視覺飆創意TWNIC形象廣宣設計競賽 網頁設計組 佳作
# 2014 新人王網站設計大賽 - 發掘台灣新亮點 入圍
# 2012 臺灣學校網頁博覽會 銅獎
# 2012 全國慈善/科技/人文網頁設計比賽 高中職組 佳作
# 2011 高中職電子商務創意設計競賽 網頁設計組 佳作
# 商業類科技藝競賽 網頁設計選手
# JCMIT國際醫學資訊聯合研討會 最佳口頭論文獎
# 沖繩縣立博物館・美術館 感謝狀
# 大學畢學業成績優良 第三名
# 資管系專業證照達人 第一名
# 資管系畢業專題成果 第一名
# 多元升等教學實務暨產學研究成果研討會 傑出論文獎
# 亞東銀質獎章
# 徐元智先生紀念 / 董事長 獎學金
# 計算機概論 /生產力4.0 /專題研究 課程教學助理 ......
文化部駐日本臺灣文化中心與沖繩縣立博物館・美術館合辦「臺灣─以黑潮相繫的鄰島」展覽。負責內容如下:
1. 負責建置展場人物檢索系統(UI設計、前後端程式)。
2. 處理日文相關資料文件(含資料格式、編碼、轉換、整理)。
3. 資料庫Schema規劃設計。
【關於我】
生於1995年,畢業於北護大資管所,對Web技術深感興趣,且對美感也有一定的自我要求。
【求學經歷】
從國中開始就對電腦、Web有興趣,所以在高職選擇了資料處理科,把興趣轉換為動力,積極參加校內外競賽,並代表學校擔任技藝競賽網頁設計選手。 大學也延續高職的熱情,因此選擇資訊管理系,在大一、大二積極打校外競賽,最佳成績是獲得慈善科技人文全國網頁設計競賽第一名,大三、大四是在學校的通識教育中心、學務處負責相關計劃網站開發,在這些經驗中,學習到團隊合作與溝通能力,大學學業成績部分,班排也維持在第三名。研究所的研究題目是AI機器學習等相關技術在健康數據上的應用,並利用Web方式與模型進行串接互動。
【工作經歷】
工作經歷約一年四個月,目前專注在網頁前端技術,未來繼續提升前後端技能,努力朝向全端工程師前進。我能發揮專長與經驗,幫助公司解決問題。
感謝您在百忙之中看完我的履歷!
✓ 有獨立開發與團隊合作能力。
✓ 擁有多項系統開發經驗,從前端到後端程式。
✓ 參與志工與相關競賽經驗。
網頁前端工程師
New Taipei City - Taiwan
[email protected]
題目:Machine Learning for Chronic Obstructive Pulmonary Disease Prediction
與後端工程師、UI設計師、行銷部門協同合作,主要進行【亂搭!租書網】的開發/改版/維護,前端技術多使用 jQuery、Gatsby.js,還在 AWS Lambda 撰寫 Node.js 程式,以及些許 PHP 程式、Twig 模板。
工作成果:
- 開發主站核心功能(ex: 全新首頁、頁頭頁尾、進階搜尋、書櫃、我的專區、收藏清單、兌換禮券、精選特輯頁...)
- 開發主站年節 / 促銷活動浮動視窗程式(ex: 過年搶紅包、滿額回饋浮動視窗、蓋台廣告...)
- 開發公司內部工具程式(ex: 首頁靜態生成程式...)
- 建置多個活動特輯網站(使用 Gatsby.js 建置)
- 維護漫畫閱讀器 / 日常程式 bug 修正...
- 使用 AWS Lambda 與 API Gateway 建立微服務
- 使用 Git 進行程式版本控制 / 撰寫開發文件 / 新技術導入與評估
- 使用 Google Tag Manager 管理聯盟行銷廣告追蹤碼
- 電子報 EDM 模板設計
【電子計算機中心】
協助開發學校校務研究資料視覺化網站,此系統提供即時視覺化資訊圖表,如:畢業/在學的師生人數(學院/系所篩選)。
工作內容:
- 負責部分前端程式撰寫、網站UI設計
- 撰寫 SQL 撈取資料庫,進行資料分析
- 使用 SVN 進行程式版本控制
- 帶領學弟妹執行專案開發
- 完成老師交辦事項
【學務處課外活動組】
建置新住民文化推廣平台,此系統提供課程師生進行線上學習、課程考試(單選、多選題)、後臺管理等功能。
工作內容:
1. 需求訪談與系統規劃設計。
2. 負責網站UI設計、前端/後端程式撰寫。
3. 資料庫設計規劃與建置。
【通識教育中心】
建置全校型中文閱讀書寫課程計畫網站,此系統提供學校師生、助教進行線上學習、討論、投票、最新公告等功能。
工作內容:
1. 需求訪談與系統規劃設計。
2. 負責網站UI設計、前端 / 後端程式撰寫。
3. 資料庫設計規劃與建置。
4. 部署Web應用程式。
5. 網站累計服務達70班級,總不重複瀏覽人數達100,000次,舉辦過8次線上投票活動。
雲端印刷 Mobile Web 研擬開發。
工作內容:
1. 主要負責前端部分。
2. 團隊合作開發。
3. 系統開發文案 / 文件撰寫。
Layout能純手刻實作出。
- 熟悉 HTML5、CSS3
- 擅長 UI設計 / 網頁設計配色
- 熟悉 網頁版面切版
- 熟悉 RWD響應式網頁設計
- SCSS / CSS Modules / CSS-in-JS
從操作DOM、Event處理、Canvas、Await/Async,到與後端API進行串接。
- JavaScript ES5 / ES6+
- 串接API(AJAX / Axios / Fetch)
- jQuery, Bootstrap
- React(Hooks / Redux)
- Gatsby.js / Next.js
略懂後端技術等相關知識。
- Node.js(Express、PM2...)
- PHP(Twig Template)
- C#(ASP.NET MVC)
- Python(進行資料清洗/分析/預測...)
- GraphQL / RESTful API
版本控制、操作。
- Git Command Line / Sourcetree
- Github / Bitbucket
運用 AWS 等雲服務,建立自動化部署。
- Ngnix
- Amazon API Gateway / Lambda / S3 / Route 53 / CloudFront / EC2
- GitHub Actions(CI/CD)
運用相關工具進行網站管理 / SEO優化。
- ESLint / Prettier
- Google Tag Manager
- Google PageSpeed Insights / Lighthouse
Coursera:
本研究運用機器學習技術建立三種COPD(慢性阻塞性肺病)預測模型,在大量的數據當中找出COPD成因/風險因子,研究發現以XGBoost表現為最優。同時並應用SHAP來分析模型,有助於對疾病的認識。最後建置Web-based COPD輔助診斷系統平台,此系統能進一步提供視覺化的預測報告。
Accuracy:81.5%
Sensitivity:80.5%
Specificity:81.6%
Prevalence:9.2%
主要負責前端、些許PHP程式,重構既有程式,改版成果可參考連結,重點項目如下:
- 全新首頁(含Header、Footer),並將全站 AWD 改成 RWD 架構
- 首頁 SEO(Google Lighthouse)Desktop分數從69分提升至83 分
- 首頁改版後與同時期相比,瀏覽量提升5%、跳出率下降21%、離開率下降19%
- 新版進階搜尋整合新Header,搜索框提供建議關鍵字,瀏覽量提升23%
- 新版我的專區 / 書櫃 / 收藏清單 / 兌換禮券 / 精選特輯頁...
原先自架 WordPress,現階段已改成用 Gatsby.js 進行開發,未來陸陸續續完成文章的搬移。
- GitHub Action + AWS 建立自動化部屬流程
- GTM 管理網站追蹤碼
- 基本SEO優化 / RSS 訂閱 / Sitemap
此專案分成兩階段執行,負責該計畫相關系統開發,技術使用 ASP.NET MVC。
1. 建置客製化問卷表單 給予全台醫院資訊室進行填寫,進行初步的資料蒐集。
2. 建置電子病歷實施範圍自動更新系統
此系統提供使用者進行醫院電子病歷實施範圍之查詢/更新,具有基本後台登入,能進行CSV資料匯出/匯入。
負責建置學校實驗室網站。網站特色如下:
- RWD 響應式網頁設計
- CSS Animation / Canvas 動畫特效
- LOGO 設計
- 多國語系機器翻譯
大學畢業專題(HTML5 GAME),益智問答遊戲,藉由魔法與道具進行闖關,負責前端程式撰寫。
- 遊戲、戰鬥特效 (Canvas API)
- 遊戲音效、人物對話互動
此專案提供師生互動平台,使用 PHP + MySQL 開發,主要負責前端、資料庫設計、部分後端程式。主要系統功能如下:
- 最新公告系統
- 討論區 (可供老師/助教/學生進行討論回覆,並有篩選功能)
- 投票活動(進行線上海報票選比賽)
此專案為比賽作品,擔任小組隊長,並負責網頁前端、UI設計排版。亮點如下:
- 2015 全國慈善/科技/人文網頁設計比賽 大專組 第一名金獎
- 從110多隊脫穎而出 - 互動式影音教學、HTML5小遊戲
近期網站數據:
- Google關鍵字第一頁:日文 歷史 / 日文 單字表 / 日文 小遊戲
- YouTube頻道總觀看次數:13,000+
# 2015 全國慈善/科技/人文網頁設計比賽 大專組 第一名金獎
# 2015 啟動視覺飆創意TWNIC形象廣宣設計競賽 網頁設計組 佳作
# 2014 新人王網站設計大賽 - 發掘台灣新亮點 入圍
# 2012 臺灣學校網頁博覽會 銅獎
# 2012 全國慈善/科技/人文網頁設計比賽 高中職組 佳作
# 2011 高中職電子商務創意設計競賽 網頁設計組 佳作
# 商業類科技藝競賽 網頁設計選手
# JCMIT國際醫學資訊聯合研討會 最佳口頭論文獎
# 沖繩縣立博物館・美術館 感謝狀
# 大學畢學業成績優良 第三名
# 資管系專業證照達人 第一名
# 資管系畢業專題成果 第一名
# 多元升等教學實務暨產學研究成果研討會 傑出論文獎
# 亞東銀質獎章
# 徐元智先生紀念 / 董事長 獎學金
# 計算機概論 /生產力4.0 /專題研究 課程教學助理 ......
文化部駐日本臺灣文化中心與沖繩縣立博物館・美術館合辦「臺灣─以黑潮相繫的鄰島」展覽。負責內容如下:
1. 負責建置展場人物檢索系統(UI設計、前後端程式)。
2. 處理日文相關資料文件(含資料格式、編碼、轉換、整理)。
3. 資料庫Schema規劃設計。
【關於我】
生於1995年,畢業於北護大資管所,對Web技術深感興趣,且對美感也有一定的自我要求。
【求學經歷】
從國中開始就對電腦、Web有興趣,所以在高職選擇了資料處理科,把興趣轉換為動力,積極參加校內外競賽,並代表學校擔任技藝競賽網頁設計選手。 大學也延續高職的熱情,因此選擇資訊管理系,在大一、大二積極打校外競賽,最佳成績是獲得慈善科技人文全國網頁設計競賽第一名,大三、大四是在學校的通識教育中心、學務處負責相關計劃網站開發,在這些經驗中,學習到團隊合作與溝通能力,大學學業成績部分,班排也維持在第三名。研究所的研究題目是AI機器學習等相關技術在健康數據上的應用,並利用Web方式與模型進行串接互動。
【工作經歷】
工作經歷約一年四個月,目前專注在網頁前端技術,未來繼續提升前後端技能,努力朝向全端工程師前進。我能發揮專長與經驗,幫助公司解決問題。
感謝您在百忙之中看完我的履歷!