HCD


Portfolio

About

Hi, 我是 欣迪

從產品設計師轉職的軟體工程師。
具備 Html、Css 、Js 和 PHP 等前後端語法相關知識,熱愛挑戰技術與解決困難。
熟悉 NodeJsLaravelVueReact ...等主流前後端框架。 曾擔任 Freelancer ,大學互動介面設計講師,並在數家企業擔任技術顧問。

現職為遊戲公司前端 Leader, 除了使用 Cocos Creator 遊戲引擎進行開發外,也負責技術規劃、專案管理及人員調度。

Hcd Design Studio

Skills

HTML / CSS / Vanilla JS

具備網頁設計的相關知識,能熟練切版並使用原生 Js 語法進行開發。

會使用 rem 方式進行切版佈局。

熟悉 Promise 、async / await 非同步處理相關語法與特性,進行 api 的串接。

熟悉 TypeScript,嚴謹的型別規劃與模型架構。

JS Frameworks

熟悉 vue 和 react 生態圈。

vue: 為目前主要使用框架。 能使用 Nuxt 完成大型專案。 也能針對需求,使用 Vite 或 Vuepress 進行開發。

React: 維護 NextJs 大型網站已有 3 年經驗,能夠優化效能與開發新功能。

Git

使用 Git 進行版本控制,熟悉 Git flow 等主流發布流程。

了解 merge, rebase, cherry-pick 等常用指令運作方式與時機。並搭配 Jenkins 完成 CI/CD 之部署流程。

Laravel / PHP / MySql

能用純 php + mysql 開發 CMS 和購物車系統。

Laravel 為目前主要使用之後端框架。熟悉 Controller 和 Model,能產出 api,也會做事件排程(另如訂閱扣款),並使用 github action 的 cronjob 處理佇列事件。

Cocos Creator
使用 Cocos Creator 遊戲引擎,搭配 TypeScript 進行開發。
UI / Graphic / 3D Modeling

曾任互動介面設計與 Adobe 軟體講師。

具備 UI 能力,繪製 svg 並導入 figma 進行排版編輯。

Solidworks 3D 軟體建模能力,曾在小型專案導入 Bobylon.js 將 3D 模型放入網站互動。

有處理 svg 和 canvas 等動畫技術的能力。

Experience

(Present - Past)

  1. ELS Tech

    - 前端 Leader

    使用 Cocos Creator 遊戲引擎開發遊戲

    搭建及維護遊戲管理後台

    搭建及維護遊戲品牌官網

    Jenkins 自動化部署腳本撰寫與規劃

    專案技術規劃、專案進度管理、人員調度

  2. Freelancer

    - 公司負責人

    以接外包為主,曾與多家企業合作,從活動網站到金流串接,都具備相當的經驗。

    奧樂科技

    - UI/UX 與前端顧問

    長期合作客戶。此公司為醫療用品結合行動裝置的 App 開發。主要為協助公司規劃 Demo 版介面,並使用 web view 做 UI 的 layout。

    meet.jobs

    - 前端工程師

    國際求職網站。負責網站前端維護、優化與功能開發。

  3. 龍華科技大學

    - 互動介面設計講師

  4. 育成團隊@ AppWorks

    - UI 設計師 / 前端工程師

    加入新創團隊,並在 AppWorks 新創加速器接受為期一年的培訓。此處也是開始寫程式轉捩點。

  5. SHEICO Group

    - 設計組組長

    公司為世界最大潛水衣製造商,市占 70%。 工作內容為設計潛水衣外觀與新機能提案。展會期間須規劃參展項目與展場布置。

  6. 尚芳國際興業股份有限公司

    - 工業設計工程師

    設計大型電玩機台外觀與機構。工作內容以 3D建 模為主。偶爾需支援活動網頁的設計與更新。

  7. 中華民國海軍義務役

  8. 長庚大學 - 工業設計學士 (2001 - 2005)

    國立成功大學 - 工業設計碩士 (2005 - 2008)

My Works

meet.jobs

meet.jobs

超過 6 萬會員的國際求職網站。

為主要前端工程師,已經進入第三年。負責功能開發、效能改善、協助 SEO、故障排除。

早期人手不足,有協助產出 DM 和廣告素材。目前專職前端。

使用主要開發框架為 NextJs 。

失敗人格図鑑

失敗人格図鑑

近日上線的活動網站,與良亙創意合作。

負責切版與程式開發,使用 vue-cli 開發的 SPA,導入 GSAP 動畫函式庫,豐富的轉場效果。

後端用純 php + mySql 搜集參加者資料。

Meleap

Meleap

AR 延伸實境遊戲之官網。

負責所有程式部分,前端使用 vue 為主,後端使用 WordPress 的 Rest Api 提供資料。

版面設計為良亙創意

相關連結

更多使用 Vue 的網站

更多使用 Vue 的網站

目前 Vue 為主要使用之前端框架。

熟悉 Vue 生態圈,大至功能完整 NuxtJs 到專門製作靜態網頁的 VuePress 都能熟練使用。

相關連結

更多使用 React 的網站

更多使用 React 的網站

除了 NextJs,部分輕量專案使用 React 生態圈的 Gatsby 進行開發,並使用 webhook,在 node 主機上完成自動部署。

相關連結

  • Infiniti Fit

    負責程式與轉場設計,包含視差滾動動畫,與換頁轉場。

  • 喆律法律事務所

    負責程式部分。使用第三方 CMS ,更新後觸發自動部署。

  • Ryzen 建設公司

    負責程式部分。使用第三方 CMS ,更新後觸發自動部署。

WordPress 佈景開發

WordPress 佈景開發

使用 WordPress 佈景架構進行開發,大部分使用 BootStrap 4 ,最為基礎架構。

也有開發一些輕量的自用的 WordPress 插件。

相關連結

Allrover 八輪滑板

Allrover 八輪滑板

台灣品牌。產品在嘖嘖募資平台分別創下四千萬與六千萬台幣的紀錄。

與對方設計師配合,進行網站切版。後端管理系統與購物車,網站後端使用 PHP 搭建。前端框架為 Bootstrap 4

It-monk

It-monk

想了解更多,可以參考我的網誌。

記錄開發歷程,踩坑經過和心得分享。