Node.js vue.js Docker Go
typescript vite D3.js Gulp
gitea Git gitlab github
Go 有 3年的開發經驗:
網頁框架 gin, fiber,fasthttp,整合過 rabbitMQ, MySQL, postgresSQL,wire(Dependency injection), mongodb
整合過 grpc(protocol buffer)
orm框架用過 Gorm
製作過自己的 Go使用 OpenAI api 小工具
使用 Docker 超過3 年:
nodejs 最少有五年的使用經驗:
曾使用的後端框架為 nestjs, express, 整合過 nodeMailer架設簡單的 smtp 寄信功能,有配合 mongoDB,postgresSQL進行資料庫整合
Vue.js 使用經驗超過6年:
有使用過 bootstrap4, tailwindcss,unocss 等 css 框架進行整合過,
有自己開發多個元件經驗
有為公司導入 vite/typescript 開發經驗,
使用的 state management 工具有 vuex, pinia (目前以 pinia為主)
還有 vue-router, vitest,使用的相關經驗。
有 @vueuse/core 相關使用經驗
曾寫過自己的日曆元件,輪播元件,還有 accordin 以及其他的部分
Rust React k8s aws gcp
十月 2023 - 十二月 2023
Taipei, Taiwan
前端:
1. (**協作開發**)從事 ai 客服的開發
後端:
2. (**獨立完成**)進行 openai assistant api Go語言系統整合和建置
使用的程式語言以及框架: Go, nodejs, vue3.typescript,unocss,vite,langChain,autogen
四月 2022 - 十月 2023
Taipei, Taiwan
> 全端(涵蓋前端+後端):
- (**前端獨立開發,後端與團隊部分協作**)碳權交易所的建置與開發以及系統整合
使用的程式語言或框架:Go,typescript,nodejs, typescript,vue3,unocss
公司致力於完成碳權交易,所以開發這個系統,目前建制專案,經幫公司爭取到客戶還有機會,並且追求高品質,本系統利用 typescript, Vitejs,Nuxt3 建製而成,整合websocket,webAssembly,elasticSearch 等技術。未來有望成為碳權交易的主要平台。
>前端:
- (**獨立完成,配合後端**)宜蘭 ttgo 招司機網站的前端CMS系統開發與建置
使用的程式語言或框架:typescript,nodejs, vue3.unocss,vite
在宜蘭發生地震導致交通運輸出現問題,於是我們致力於製作相關軟體系統,整合轎車和司機資訊的服務製作此系統,實際上幫助宜蘭解決交通運輸轉乘的問題,且以簡易的介面完成公司的目的。也給公司帶來額外的營收和案源。主要使用的技術為 typescript,vue 3 ,vitejs進行建置。
- (**獨立完成,配合後端**)新北市招商網站 CMS系統前端建置
使用的程式語言或框架:typescript,nodejs,vue3,unocss,vite
為新北幣的延伸專案,主要是招呼各式商店做登入讓新北官員可以登載和管理客戶資料。提升客戶效率,減少客戶處理紙本或登載資料的成本。並且有額外的控管可以管理店家,和讓店家上傳自己的相關資料,以便在新北幣可以進行額外的買賣。幫助客戶增加營收。主要使用 typescript, vue3 ,zod 等技術進行建置。
- (**獨立完成,配合後端**)新北市政府新北幣 CMS 系統前端開發與建置
使用的程式語言或框架:typescript,nodejs,vue3,vite,unocss,vitest
為公司帶來主要收入,起初公司前端無人,以致於工程延宕長達近乎半年,在日以繼夜的狀態下且不缺少品質的狀態下完成,並在團隊第一狀態下通過資安測試的優良系統,也提供高可擴充和彈性,本次專案幫助公司轉虧為盈,讓公司可以後續的發展,改正公司財政漏洞,並幫助新北幣的促成,該系統獲得 GO SMART 相關獎項第一的系統,而我是 CMS控管系統的全權開發者。使用技術為 vue3, typescript
>後端:
- (**獨立完成**)公司錢包系統後端優化和改寫
使用的程式語言或框架:typescript,nodejs, nestjs
該系統為新北幣的區塊鏈核心系統,整合 bitshare 進行開發,並且把舊有不良品質的程式改寫,提高超過 80% 的系統良率,讓系統可靠度提昇並且利用注入技術,讓系統可隨時擴充,使用技術為 nodeJs,nestJs進行開發,針對區塊鏈底層的型別進行重構。完成公司的主要核心產品。
八月 2020 - 五月 2022
Taipei, Taiwan
> 全端(涵蓋前端+後端):
- (**獨立完成,資料面與中研院員工配合**)中央研究院大數據整合平台(前後端整個系統)
使用的程式語言或框架:typescript,nodejs, nestjs,Go,vue3
該案子為中研院統計所的內部系統,他們需要一個平台而飛指令介面可以操作大數據統計資料,還有輸出大數據,技術的難點在於單一檔案大小動輒幾 10G 的量處理,該系統幫助客戶可以簡單的操作並輸出自己想要的束束句案資料類型,本系統使用的技術為 vue3,typescript, golang 並且穿接 perl 的命令完成該系統,使用到的技術有 restfulApi,websocket以及 檔案分割技術,還有處理效能利用 GoRoutine concurrency 完成。並且架構為 Dependency Injection 處理程式模組。
>前端:
- (**獨立完成,配合後端**)高雄區塊鏈平台系統(前端)
使用的程式語言或框架:typescript,nodejs, nestjs,vue3,webpack
串接後端系統,呈現區塊鏈的詳細資料還有錢包系統,做完整的系統整合,為公司的區塊鏈技術系統,為高雄的新創題目之一。
- COVID 前端操作系統(包含手機瀏覽器端和網頁端)
在 COVID 嚴重之時,公司發想處理 Covid 19 的資料,利用 trinsinc 提供的區塊鏈 api 進行,製作疫苗護照,利用 QRCode 去掃描快速驗證,是否已經接種疫苗,並與客戶談成系統合作。使用的技術為 nodejs, javascript, vue3
八月 2019 - 八月 2020
Taipei, Taiwan
> 後端:
- (**多人協作**)php 網頁維護與站點維護
使用的程式語言或框架:nodejs, php5,vue2,webpack,bootstrap
在我進入公司初期,公司需要一個協調前後端的人物,並且判斷該功能是否在前端實現還是後端,我同時在這裡進行舊系統的維護和增加小功能,例如分頁管理,或是頁籤功能...等。
> 前端:
- (**前端獨立完成,與後端配合**)客服聊天系統的前端整體功能與優化
使用的程式語言或框架:nodejs, php,vue2,webpack,bootstrap,jquery
專案有個目的是減少客戶與客服人員溝通的成本,已經建立溝通橋樑,並且減少客戶宇工程團隊的距離建制的系統,並在公司每個系統沿用,使用的技術為 vue3, websocket, restfulapi並且後端為 raw PHP 所以有用 Gulp 自動化整合。此系統為公司帶來額外營收,提高產品價值,和減少系統 Bug 以及提升客戶對系統的信賴度和可信度。
七月 2016 - 八月 2019
Taipei, Taiwan
> 全端(涵蓋前端+後端):
- (**獨立完成,維護有指導下屬**)桃園市政府消防局大傷管理系統協助建置
使用的程式語言或框架:nodejs,vue2,webpack,bootstrap,jquery,asp.net MVC, electron.
當年發生八仙塵爆事件,導致死傷人數太多,因此為了救護記錄表單擴增了『大量傷患模式』,可以在短時間內承載大量表單送出需求,因此簡化了登打得成本,所以依照檢傷標準,快速點選,畫面幾乎以顏色和圖示區分進行快速登打的系統。使用技術為 C# asp.net MVC 5進行開發,我在系統內並非主要開發人員,我是作為輔助開發的角色。
- (**維護專案**)宜蘭水利局系統建置與維護
使用的程式語言或框架:jquery,asp.net MVC
為原本水利局系統進行擴充和 UI優化,是使用定時去打 API 並整合 CCTV 的 api 進行串接的,可以快速知道水位高低以及 地圖系統和站點的系統。減少客戶判定水門開關和統計的一句資料,並結合 Gis 地圖整合,可以臨時知道颱風和水位狀況觀測。使用技術為 asp.net MVC C#完成。
- (**獨立維護專案和建置**)行政院內政部農業航空測量所系統建置
使用的程式語言或框架:jquery,asp.net MVC
為系統擴充案,當初是想做『航空物語』的書本,但基於客戶需求要做成立體觀測系統,還有整合 Gis 地圖,進行林木分佈探勘,以及針對地圖進行地貌觀測,另外擴充教育系統可以做林木種類教育還有隨機考題等功能。讓客戶可以推廣林木相關教育,以及登載台灣林木分佈資料以便日後做水土保持或是保育控管等。使用技術為 jquery, C#, asp.net MVC
- (**獨立完成**)桃園市政府消防局 IOS 平板系統開發與建置
使用的程式語言或框架:Objective-C, swift
原本該系統有 Android 版本的救護記錄表單,因此此案是為客戶建立 IOS 版本的救護記錄表單,把 Android 系統的救護記錄表單,並且升級桃園市政府消防局的平板,使用技術為 swift 4 當時為較快的系統,因此有助於提高救護效率和登打效率。
- (**維護專案**)新北市政府容積轉移系統
使用的程式語言或框架:jquery,asp.net MVC
為擴充案,同時依照法規更新計算土地移轉的攻勢,還有民眾以及內部版本,讓客戶以及使用者可以是算土地價值,公設比,以及遺產分配等土地好關問題。
- (**維護專案,獨立改寫**)桃園市政府消防局系統救護記錄表單改寫更新
使用的程式語言或框架:jquery,asp.net MVC
當初桃園市政府消防局系統為 VB.net 進行撰寫,後來為了跟上科技,所以改用 asp.net MVC 重構,並且提高了整個系統效能,為公司帶來額外營收。提升超過 80% 的效率提升。
- (**維護專案**)桃園市政府消防局舊系統維護與建制
使用的程式語言或框架:jquery,asp.net 4.5之前
維護舊有 VB.net,以及桃園消防局的案子
- (**維護專案**)台北市政府內部系統維護
使用的程式語言或框架:jquery,asp.net 4.5之前,VB.net
維護各式台北市政府的內部 CMS系統,例如耗材管理,人員調度和管理的系統。
2010 - 2014
Node.js vue.js Docker Go
typescript vite D3.js Gulp
gitea Git gitlab github
Go 有 3年的開發經驗:
網頁框架 gin, fiber,fasthttp,整合過 rabbitMQ, MySQL, postgresSQL,wire(Dependency injection), mongodb
整合過 grpc(protocol buffer)
orm框架用過 Gorm
製作過自己的 Go使用 OpenAI api 小工具
使用 Docker 超過3 年:
nodejs 最少有五年的使用經驗:
曾使用的後端框架為 nestjs, express, 整合過 nodeMailer架設簡單的 smtp 寄信功能,有配合 mongoDB,postgresSQL進行資料庫整合
Vue.js 使用經驗超過6年:
有使用過 bootstrap4, tailwindcss,unocss 等 css 框架進行整合過,
有自己開發多個元件經驗
有為公司導入 vite/typescript 開發經驗,
使用的 state management 工具有 vuex, pinia (目前以 pinia為主)
還有 vue-router, vitest,使用的相關經驗。
有 @vueuse/core 相關使用經驗
曾寫過自己的日曆元件,輪播元件,還有 accordin 以及其他的部分
Rust React k8s aws gcp
十月 2023 - 十二月 2023
Taipei, Taiwan
前端:
1. (**協作開發**)從事 ai 客服的開發
後端:
2. (**獨立完成**)進行 openai assistant api Go語言系統整合和建置
使用的程式語言以及框架: Go, nodejs, vue3.typescript,unocss,vite,langChain,autogen
四月 2022 - 十月 2023
Taipei, Taiwan
> 全端(涵蓋前端+後端):
- (**前端獨立開發,後端與團隊部分協作**)碳權交易所的建置與開發以及系統整合
使用的程式語言或框架:Go,typescript,nodejs, typescript,vue3,unocss
公司致力於完成碳權交易,所以開發這個系統,目前建制專案,經幫公司爭取到客戶還有機會,並且追求高品質,本系統利用 typescript, Vitejs,Nuxt3 建製而成,整合websocket,webAssembly,elasticSearch 等技術。未來有望成為碳權交易的主要平台。
>前端:
- (**獨立完成,配合後端**)宜蘭 ttgo 招司機網站的前端CMS系統開發與建置
使用的程式語言或框架:typescript,nodejs, vue3.unocss,vite
在宜蘭發生地震導致交通運輸出現問題,於是我們致力於製作相關軟體系統,整合轎車和司機資訊的服務製作此系統,實際上幫助宜蘭解決交通運輸轉乘的問題,且以簡易的介面完成公司的目的。也給公司帶來額外的營收和案源。主要使用的技術為 typescript,vue 3 ,vitejs進行建置。
- (**獨立完成,配合後端**)新北市招商網站 CMS系統前端建置
使用的程式語言或框架:typescript,nodejs,vue3,unocss,vite
為新北幣的延伸專案,主要是招呼各式商店做登入讓新北官員可以登載和管理客戶資料。提升客戶效率,減少客戶處理紙本或登載資料的成本。並且有額外的控管可以管理店家,和讓店家上傳自己的相關資料,以便在新北幣可以進行額外的買賣。幫助客戶增加營收。主要使用 typescript, vue3 ,zod 等技術進行建置。
- (**獨立完成,配合後端**)新北市政府新北幣 CMS 系統前端開發與建置
使用的程式語言或框架:typescript,nodejs,vue3,vite,unocss,vitest
為公司帶來主要收入,起初公司前端無人,以致於工程延宕長達近乎半年,在日以繼夜的狀態下且不缺少品質的狀態下完成,並在團隊第一狀態下通過資安測試的優良系統,也提供高可擴充和彈性,本次專案幫助公司轉虧為盈,讓公司可以後續的發展,改正公司財政漏洞,並幫助新北幣的促成,該系統獲得 GO SMART 相關獎項第一的系統,而我是 CMS控管系統的全權開發者。使用技術為 vue3, typescript
>後端:
- (**獨立完成**)公司錢包系統後端優化和改寫
使用的程式語言或框架:typescript,nodejs, nestjs
該系統為新北幣的區塊鏈核心系統,整合 bitshare 進行開發,並且把舊有不良品質的程式改寫,提高超過 80% 的系統良率,讓系統可靠度提昇並且利用注入技術,讓系統可隨時擴充,使用技術為 nodeJs,nestJs進行開發,針對區塊鏈底層的型別進行重構。完成公司的主要核心產品。
八月 2020 - 五月 2022
Taipei, Taiwan
> 全端(涵蓋前端+後端):
- (**獨立完成,資料面與中研院員工配合**)中央研究院大數據整合平台(前後端整個系統)
使用的程式語言或框架:typescript,nodejs, nestjs,Go,vue3
該案子為中研院統計所的內部系統,他們需要一個平台而飛指令介面可以操作大數據統計資料,還有輸出大數據,技術的難點在於單一檔案大小動輒幾 10G 的量處理,該系統幫助客戶可以簡單的操作並輸出自己想要的束束句案資料類型,本系統使用的技術為 vue3,typescript, golang 並且穿接 perl 的命令完成該系統,使用到的技術有 restfulApi,websocket以及 檔案分割技術,還有處理效能利用 GoRoutine concurrency 完成。並且架構為 Dependency Injection 處理程式模組。
>前端:
- (**獨立完成,配合後端**)高雄區塊鏈平台系統(前端)
使用的程式語言或框架:typescript,nodejs, nestjs,vue3,webpack
串接後端系統,呈現區塊鏈的詳細資料還有錢包系統,做完整的系統整合,為公司的區塊鏈技術系統,為高雄的新創題目之一。
- COVID 前端操作系統(包含手機瀏覽器端和網頁端)
在 COVID 嚴重之時,公司發想處理 Covid 19 的資料,利用 trinsinc 提供的區塊鏈 api 進行,製作疫苗護照,利用 QRCode 去掃描快速驗證,是否已經接種疫苗,並與客戶談成系統合作。使用的技術為 nodejs, javascript, vue3
八月 2019 - 八月 2020
Taipei, Taiwan
> 後端:
- (**多人協作**)php 網頁維護與站點維護
使用的程式語言或框架:nodejs, php5,vue2,webpack,bootstrap
在我進入公司初期,公司需要一個協調前後端的人物,並且判斷該功能是否在前端實現還是後端,我同時在這裡進行舊系統的維護和增加小功能,例如分頁管理,或是頁籤功能...等。
> 前端:
- (**前端獨立完成,與後端配合**)客服聊天系統的前端整體功能與優化
使用的程式語言或框架:nodejs, php,vue2,webpack,bootstrap,jquery
專案有個目的是減少客戶與客服人員溝通的成本,已經建立溝通橋樑,並且減少客戶宇工程團隊的距離建制的系統,並在公司每個系統沿用,使用的技術為 vue3, websocket, restfulapi並且後端為 raw PHP 所以有用 Gulp 自動化整合。此系統為公司帶來額外營收,提高產品價值,和減少系統 Bug 以及提升客戶對系統的信賴度和可信度。
七月 2016 - 八月 2019
Taipei, Taiwan
> 全端(涵蓋前端+後端):
- (**獨立完成,維護有指導下屬**)桃園市政府消防局大傷管理系統協助建置
使用的程式語言或框架:nodejs,vue2,webpack,bootstrap,jquery,asp.net MVC, electron.
當年發生八仙塵爆事件,導致死傷人數太多,因此為了救護記錄表單擴增了『大量傷患模式』,可以在短時間內承載大量表單送出需求,因此簡化了登打得成本,所以依照檢傷標準,快速點選,畫面幾乎以顏色和圖示區分進行快速登打的系統。使用技術為 C# asp.net MVC 5進行開發,我在系統內並非主要開發人員,我是作為輔助開發的角色。
- (**維護專案**)宜蘭水利局系統建置與維護
使用的程式語言或框架:jquery,asp.net MVC
為原本水利局系統進行擴充和 UI優化,是使用定時去打 API 並整合 CCTV 的 api 進行串接的,可以快速知道水位高低以及 地圖系統和站點的系統。減少客戶判定水門開關和統計的一句資料,並結合 Gis 地圖整合,可以臨時知道颱風和水位狀況觀測。使用技術為 asp.net MVC C#完成。
- (**獨立維護專案和建置**)行政院內政部農業航空測量所系統建置
使用的程式語言或框架:jquery,asp.net MVC
為系統擴充案,當初是想做『航空物語』的書本,但基於客戶需求要做成立體觀測系統,還有整合 Gis 地圖,進行林木分佈探勘,以及針對地圖進行地貌觀測,另外擴充教育系統可以做林木種類教育還有隨機考題等功能。讓客戶可以推廣林木相關教育,以及登載台灣林木分佈資料以便日後做水土保持或是保育控管等。使用技術為 jquery, C#, asp.net MVC
- (**獨立完成**)桃園市政府消防局 IOS 平板系統開發與建置
使用的程式語言或框架:Objective-C, swift
原本該系統有 Android 版本的救護記錄表單,因此此案是為客戶建立 IOS 版本的救護記錄表單,把 Android 系統的救護記錄表單,並且升級桃園市政府消防局的平板,使用技術為 swift 4 當時為較快的系統,因此有助於提高救護效率和登打效率。
- (**維護專案**)新北市政府容積轉移系統
使用的程式語言或框架:jquery,asp.net MVC
為擴充案,同時依照法規更新計算土地移轉的攻勢,還有民眾以及內部版本,讓客戶以及使用者可以是算土地價值,公設比,以及遺產分配等土地好關問題。
- (**維護專案,獨立改寫**)桃園市政府消防局系統救護記錄表單改寫更新
使用的程式語言或框架:jquery,asp.net MVC
當初桃園市政府消防局系統為 VB.net 進行撰寫,後來為了跟上科技,所以改用 asp.net MVC 重構,並且提高了整個系統效能,為公司帶來額外營收。提升超過 80% 的效率提升。
- (**維護專案**)桃園市政府消防局舊系統維護與建制
使用的程式語言或框架:jquery,asp.net 4.5之前
維護舊有 VB.net,以及桃園消防局的案子
- (**維護專案**)台北市政府內部系統維護
使用的程式語言或框架:jquery,asp.net 4.5之前,VB.net
維護各式台北市政府的內部 CMS系統,例如耗材管理,人員調度和管理的系統。
2010 - 2014