關於我

喜歡各種與資訊相關的事物，主要技能點數為網頁前後端。

平日興趣為打遊戲、看動畫、組模型。
也有在收集塗裝完成的模型、景品，主要是希望可以把對於該作品的喜愛化為實體收藏起來。

Education

碩士

• 2018/09 - 2021/02
  國立交通大學 資訊科學與工程學系

學士

• 2014/09 - 2018/06
  國立中興大學 資訊科學與工程學系

高中

• 2011/09 - 2014/06
  國立羅東高級工業職業學校 資訊科

Profiles

• GitHub
• https://github.com/jd615645/
• Facebook
• https://fb.me/jd615645
• Linkedin
• https://www.linkedin.com/in/chieh-tu-922176111/

Work

DINEONEONE INC. 全職

Full Stack Web Developer

思霆有限公司 全職 (2021/03 - 2021/11)

Full Stack Web Developer

工作內容主要支援楷和醫療集團(Chiron Healthcare Group Ltd.)的資訊系統開發與維護。

在職期間經手的開發專案為公司網站的重構，解決過去公司官網在資料更新上不夠彈性與穩定的問題，使得許多網頁更新需求都需要由行銷團隊成員請工程團隊操作，一來一往總會耗費許多時間。

網站本身為前後端分離，並託管於 Google Cloud Platform (GCP) 上，其中分為三個部分：

● 前端網頁，使用 React + Gastby.js，改善原先網頁建構的流程，使建構網頁的流程更直覺化，且能更有效的管理各網頁頁面的元件，並提供多語系 (zh-HK, zh-CN, en-US) 與優化SEO。

● 網頁後台 CMS系統，使用 Next.js 與 Node.js(Express.js)，除維持原有系統的使用功能外，讓行銷團隊的成員有更多彈性去編輯網頁資料(如: 資料的排序、上傳網頁素材等)。並提供網頁編輯器類似 wix 或是 wordpress 等平台，可用所見及所得的方式去編輯、編排與預覽網頁。

● API重新設計 與 資料庫儲存資料結構重新規劃，API 使用 Graphql 並搭配 Firebase 作為資料庫，其 API 不僅有公司官網做使用，還包含其他的公司服務也會使用到(如: 人員管理系統、保險計算系統)，因此需要將原先資料庫中網頁的資訊與資料分離，並重新設計關聯邏輯。

使用技術及工具：
Typescript, React.js, Next.js, Gatsby.js, Tailwind, Node.js(Express.js), Graphql, Firebase, GCP

國立交通大學資工系計算機中心 (2018/09 - 2021/02)

網頁前後端工程師

主要為交大資工系師生、行政人員開發與維護網頁服務，並帶領組員開發與培訓新人。
因該單位成立時間已久，有許多上線中的專案還是採用較舊的框架 (php5.6、yii1、CodeIgniter 2/3)，在不影響現行使用狀況或習慣的情況下逐步抽換與重構系統，重構後的系統主要使用 Laravel 與 Vue.js 開發。
經手開發的專案如下：

• 帳號申請系統，讓資工系學生或是修資工系課程的學生可以透過該系統填寫申請表，將其資料傳送至 Windows AD 與 LDAP 系統中建立帳號，用以登入電腦教室與系統工作站。
• 資工系單一入口系統，使用 Laravel Passport 的進行開發，以系上的 LDAP 作為 resource server，令開發者可以直接透過 Lavrvel Passport 的機制進行驗證，除了登入驗證外，也能進行使用者資料取得以及授權管理。
• 教授選課排課系統，提供交通大學資工系教授進行選課、排課用途，會統計歷年選課結果與教授授課點數協助排課，並能匯出選課結果成 excel 表單供其他業務用途使用。
• 資工系碩博班推甄/特殊選材系統，提供交通大學資工系在推甄期間使用，每次招生使用人次約為 1000人上下。該系統提供學生在上面填寫並上傳備審資料，在管理端設計了表單編輯器能因應個報考組別需求設計表單，並有設有權限管理功能，讓評委能在不同階段進行審閱及評分動作，另外能將資料根據需求匯出為 excel 表單做整理。
  設計 CI/CD 流程並為網頁服務導入 CI/CD，經歷2年左右的導入，已將單位上15個網頁服務全數導入自動化測試與部署，並以此導入過程與經驗作為碩士畢業論文。
  將服務容器化並將其部署至 Kubernetes，簡化原先已虛擬機為主的服務環境，降低虛擬機的維護成本 (虛擬機數量約減少一半)。

使用技術及工具：
PHP, MySQL(Mariadb), Laravel, ES5/6, Git, Vue.js, Webpack, PHPUnit, GitLab CI/CD, Docker, Kubernetes

好站網控電子商務有限公司 (2018/04 - 2018/06)

網頁工程師

主要工作內容為電商網站模板維護。
因原先網站模板是從國外購買，因此我的主要工作內容為將網站內文做 i18n，並且將其包裝為 vue component，同時修復測試人員回報的各種元件錯誤。

使用技術及工具：
SVN, Vue.js, Webpack

聯合信息科技股份有限公司 (2017/03 - 2017/05)

網頁工程師

協助撰寫自動化物流倉儲管理系統內元件，在職期間主要工作為撰寫視覺化工具呈現自走棧板車目前的位置。

使用技術及工具：
SVN, Jquery

國立中興大學圖書館校史館組 (2015/06 - 2018/05)

網站維護工讀生

主要工作為維護圖書館的論文、期刊典藏系統，我們使用的是一套名為 DSpace 的開源系統 (框架為 JSP) 為基底，再根據我們的使用需求進行修改，我在職期間主要修改為：

• 與學校 Oauth 系統串接，另教授可以使用自己的學校帳號登入，進入系統編輯、管理自己的論文著作資料。
• 改進論文查詢系統，修改原先查詢的元件使其能夠使用自動補全與模糊搜尋論文資料。
• 建立自動化腳本匯入論文資料，因每年度校史館都需要手動登陸該年度教授的發表論文進入系統，使用此自動化腳本後將原本需要數天才能完成的工作時間縮短為僅需幾小時即可完成。
• 培訓新進學弟妹熟悉工作環境，系統架構。

設計與開發中興大學校史館網站，提供參訪者了解中興大學校史。

使用技術及工具：
Gulp, SCSS, Vud.js, Node.js, selenium, PHP, JSP

Volunteer

Agile Tour 敏捷新竹小聚 (2019/03 - 2020/12)

志工

Agile Tour 是一個非營利性質的敏捷開發方法推廣活動，而新竹區的聚會每個月會在交通大學舉辦，會邀請各方人士來分享、推廣自己敏捷開發的相關經驗。

中興大學資訊社 (2014/11 - 2017/10)

社員、講師、副社長、社長

與一群興趣相同的同伴們共同經營這個資訊社團，希望能在校內聚集一群對於資訊技術有熱誠的同學，透過社課來交流學習。
我在社團中擔任社長主要負責資源的統合及一部分的社課教學，社課內容包含網頁入門教學、程式競賽、IOT物聯網，教學相長，互相學習。

中興大學學生會資訊部 (2016/09 - 2017/09)

副部長

教導學弟寫程式以及學生會官網的架設。
並協助學生會將年度預算經費等資料視覺化，以便校內學生能快速明白各金費用途。

SITCON 學生計算機年會 中區資訊聚會 (2014/11 - 2017/10)

主辦、協辦

SITCON (學生計算機年年會)，是以學生為主並且由學生自發舉辦的資訊團體，每個月一次會辦一次聚會，讓對於資訊有興趣的同好能聚在一起聊聊天，分享近期在做的專案或是學習的內容。

Skills

Front-End

• Basics: HTML、CSS、JavaScript
• Framework: Vue、Vuex、React、JQuery、Sass/SCSS、less
• Other: Gulp、Webpack、pug/jade

Backend-End

• Familiar
  PHP/Laravel、MySQL (MariaDB)
• Used to
  Graphql、Firebase、Node.js/Express.js/Sails.js、Java/JSP

DevOps

Gitlab CI、Github Action、Travis CI、Docker、Kubernetes

文書處理

Word、Excel、PowerPoint

多媒體影音

Adobe Photoshop、VideoStudio Pro

Contribution

Contributor Covenant

翻譯貢獻

貢獻者公約是由 Coraline Ada Ehmke 創建的免費/開源軟件項目貢獻者行為準則。我為其翻譯繁體中文 1.4 版本的內容。

• https://github.com/ContributorCovenant/contributor_covenant/pull/402

Yarn Documentation

翻譯貢獻

Yarn 為 js 的 package 管理器，我為其翻譯繁體中文版本的部分文件內容。

• http://i18n.yarnpkg.com/project/yarn/zh-TW

Rancher

翻譯貢獻

Rancher 是一個 Kubernetes 的管理平台，可以在上面使用 UI 介面管理 Kubernetes。
會想要翻譯主要是團隊中有在使用該開源軟體，為了方便教學使用，因此便做了翻譯。

• https://github.com/rancher/ui/pull/3858

Harbor

翻譯貢獻

Harbor 是一個 Docker 私有庫 (private registry) 工具，由 VMWare 公司所開發，用於儲存團隊私有的 image。
會想要翻譯主要是團隊中有在使用該開源軟體，為了方便教學使用，因此便做了翻譯。

• https://github.com/goharbor/harbor/pull/11452

Grocy

翻譯貢獻

Grocy 是一個很有趣的開源專案，它是一個專注於強化你家冰箱及相關東西的 ERP 管理系統。
當初覺得這個專案很酷，想用於辦公室中的零食飲料櫃管理，就順手作了翻譯。

• https://www.transifex.com/grocy/grocy/