黃皓遠

您好,我是一位程式設計師,目前主要以Vue.js生態圈為前端開發技術,後端則以Node.js+Express來開發API串接資料庫。


因為過去的經歷,閒暇時喜歡開發各種遊戲活動應用專案。


歡迎您到我的 部落格來認識我。 

.contentarea .c .blogBtnStyle { padding: 0px 8px; border: 1px solid #13AB67; border-radius: 10px; margin-right: 3px; margin-left: 3px; background-color: #13AB67; color: #ffffff; transition: all 0.3s; cursor: pointer; } .contentarea .c .blogBtnStyle:hover { color: #13AB67; border: 1px solid #13AB67; background-color: #ffffff; text-decoration: none; }

技能


前端開發

  • HTML5
  • CSS3
  • JavaScript
  • JQuery
  • Sass、Scss
  • Vue2 (Vue-router、Vuex)
  • Vue3 (pinia)
  • Nuxt
  • Quasar
  • Bootstrap
  • React
  • Next

後端開發

  • Node.js
  • Express
  • Nest
  • Firebase
  • mongodb
  • SQL

其他

  • Responsive Web Design
  • Single Page Applications
  • Server-Side Rendering
  • Git
  • Phaser
  • EJS
.contentarea .c .itemSty li { margin: 5px 0px; }

個人經營


實境效應事務所

為下述活動引擎製作的官方網站,使用Vue3開發,且因為要讓使用者可以搜尋到相關資訊,因此採用SSR (Server Side Render) 模式以優化SEO。

同時也在網站上安裝追蹤碼,已掌握使用者瀏覽狀況。

.contentarea .c .theBtnWrap { padding-top: 15px; width: 100%; display: flex; justify-content: flex-end; align-items: content; }

實境活動引擎

一個提供線上創作的實境遊戲設計平台,使用者不需要懂程式語言,只要透過平台上的編輯模組,就能開始創作自己的遊戲想像。

且為滿足各種創作設計,目前整合包含GPS定位、AR擴增實境、QR掃描等多項Web應用功能,同時平台也串接第三方金流,提供使用者付費以解鎖進階功能。

.contentarea .c .theBtnWrap { padding-top: 15px; width: 100%; display: flex; justify-content: flex-end; align-items: content; }

其他作品


進擊的九十秒

使用 Vue 開發的仿Google的離線小恐龍遊戲, 玩家需要操作名為【雷丘】的寶可夢進行跳躍、電擊等動作, 目標為撐過90秒的遊戲時間。

.contentarea .c .theBtnWrap { padding-top: 15px; width: 100%; display: flex; justify-content: flex-end; align-items: content; }

深夜食堂

使用Vue做為開發框架,將源自於幾年前曾在飯店業擔任HR的經歷,針對餐廳內場廚師所開發的訓練用Web遊戲。玩家將扮演一名廚師,依照SOP製作出客人點的餐點, 但小心別讓客人等太久,不然客人會森氣氣唷!

.contentarea .c .theBtnWrap { padding-top: 15px; width: 100%; display: flex; justify-content: flex-end; align-items: content; }

海底探險

使用Nuxt做為開發框架,是一款改編自桌遊的多人連線策略遊戲,玩家將扮演貧窮的探險者,租了一艘潛水艇到深海挖掘寶藏, 在有限的資源下看誰能獲得最多寶藏。

.contentarea .c .theBtnWrap { padding-top: 15px; width: 100%; display: flex; justify-content: flex-end; align-items: content; }

紅黑遊戲

使用Nuxt做為開發框架,是一款多人即時連線遊戲,改編自經典的培訓遊戲,蒐集參與者的每一個行動的數字, 省思每一個數字背後的決策理由與動機,啟發不同觀點與看見。

.contentarea .c .theBtnWrap { padding-top: 15px; width: 100%; display: flex; justify-content: flex-end; align-items: content; }

雲端教具室

使用Nuxt做為開發框架,是一款將過去自己在企業內擔任HRD(人力資源發展)時,從事人才培育、課程培訓、授課教學時用到的各種活動給線上化的專案。

.contentarea .c .theBtnWrap { padding-top: 15px; width: 100%; display: flex; justify-content: flex-end; align-items: content; }

 工作專案


.contentarea .c .theBtnWrap { padding-top: 15px; width: 100%; display: flex; justify-content: flex-end; align-items: content; }

衣芙 SPRING LIMITED

為使用 Vue 做為開發框架的前後端分離專案,主要負責 Mobile 版本前端畫面開發、功能組件撰寫以及與後端協作串接 API 等。

.contentarea .c .theBtnWrap { padding-top: 15px; width: 100%; display: flex; justify-content: flex-end; align-items: content; }

NET線上購物| NET FASHION

約7~8年前的舊案子改版 ( Desktop + Mobile ),自己主要負責前端畫面 、互動功能及效果開發,並交由後端套版串接資料。

.contentarea .c .theBtnWrap { padding-top: 15px; width: 100%; display: flex; justify-content: flex-end; align-items: content; }

工作經歷

公司名稱暫不公開, 網站工程師, July 2020 ~ 現在

1. 業管單位管理平台系統之分析、設計以及程式撰寫。

2. 使用者端PC與行動載具的前台用戶介面開發 

3. 前端建置與佈署,與後端 API 進行串接 

4. 行動支付金流串接 

5. 單位內公用第三方套件開發


哇寶國際資訊股份有限公司, 前端工程師, Sep 2019 ~ June 2020

1. 電子商務系統前端程式開發
2. PC、行動載具的網站前端程式撰寫
3. 與後端工程師配合,串接 API
4. 維護現有專案


自行接案, 前端工程師, July 2018 ~ Aug 2019

1. 自行開發團隊訓練WebApp,提供服務給配合的管理顧問公司。 

2. 課程類行銷活動案網頁開發建置。



日商三澧企業股份有限公司, 人資招募訓練專員, Jun 2018 ~ Apr 2019

【特殊成果】
1.自學APP程式開發,設計出一套訓練APP,提高員工技能訓練檢定的合格率。
2.將單元課程製作成角色扮演遊戲,提高員工學習意願與投入。

【教育訓練】
1. 進行訓練發展需求分析,規劃、執行公司訓練計畫,並評估訓練之成效。
2. 管理與維護員工訓練紀錄,並產出報表以供主管決策之用。
3. 與營運單位協力,進行各品牌SOP與學習發展手冊編制與更新維護。
4. 擔任訓練課程內部講師,開發教材教案及訓練教學模式。

【招募任用】
1. 依集團新展店鋪之人力預估,進行人員招募以供給店鋪端所需人力
2. 集團店鋪招募管道開發及招募績效維持
3. 實習生、校園徵才、校園說明會辦理及執行,建教合作合約簽訂

【職能檢定考核】
1. 集團員工技能檢定考核作業辦理
2. 優化集團員工技能訓練成效



福容大飯店股份有限公司, 教育訓練組長, Jul 2016 ~ Apr 2018

【工作成果】
* 飯店儲備幹部培訓(兩年共計培訓約30名以上之儲備幹部)。
* 擔任企業內部講師(授課時數達300小時以上)。
* 部門基層幹部培訓(兩年共計培訓約70名以上之基層幹部)。

【工作任務】
* 連鎖教育訓練相關制度及辦法建置。
* 飯店人才發展、訓練專案規劃與執行。
* 飯店儲備幹部專案計畫規劃與辦理。
* 擔任企業內部講師,並依訓練需求設計教案及規劃課程內容。
* 培訓員訓練(TTT)制度管理及訓練辦理。
* 辦理新進同仁入職培訓事宜(企業文化、核心價值等課程)。
* 辦理實習生招募、職前培訓事宜。
* 專業證照彙整管理。
* 支援人事行政單位各類業務。



恩卓國際企管顧問, 專案課程企劃, May 2011 ~ Feb 2016

【工作任務】
1.訓練需求訪談、評估與課程教案設計。
2.擔任室內課程助教,協助課程講師執行相關教學活動的操作。
3.擔任室內課程引導員,帶領小組進行議題討論、節奏控制、歸納與總結。
4.擔任戶外課程引導員及活動教練,如登山、溯溪、獨木舟、高低空探索等設施。
5.課後撰寫課程觀察回饋、組織狀況分析報告與後續的訓練方案建議等。

【特殊成就】
1.擔任「樹百人B.E幫助教育計畫」第一期至第三期訓練課程校長,辦理公開訓練課程,結訓人數總計約120人。

學歷

天主教輔仁大學, 運動管理, 2007 ~ 2013