賴建誌 / Ben

工作經驗(軟體開發 / Software Experience)

一騰資訊服務有限公司 (2022/05 ~ 2023/11)

在國泰世華銀行總部產險資料科學研發科，開發數據資料整合平台，提供分析師更好的數據整合解決方案。

專案基本介紹：提供分析師一個更方便的資料整合工具平台並提供更好的使用體驗(程式碼、設定包生成應用程式)。參與專案從無到有的整個週期，專案架構為monorepo。專案內容包括5個獨立專案、1個共用元件專案(包含共用元件庫、驗證邏輯、元件展示專案)以及1個整合5個專案的入口網站。

專案細節介紹：

1. 叢集設定工具專案：用來編輯複雜的叢集設定，對於各種服務和應用程式的相互關係，視覺呈現的方式快速理解。透過簡單的操作介面，可以快速產生叢集設定包，也能夠分享給其他人使用。

2. 自動化機器學習工具專案：用來協助分析師迅速評估分析題目，以及處理大量資料時，這個工具可以快速建立基本模型，評估所選變數的重要性，讓分析師有更多時間進行思考和溝通。

3. 分散式ETL工具專案：解決在巨量資料儲存與處理基礎之下而產生的問題而生的工具，包括：資料庫和倉儲不同，對應的資料處理工具不一、資料處理流程較於制式和固定(或僅能做抄寫和傳送)、工具功能受限，難以根據變化進行功能擴充、產業對個資保護有嚴格控管，因此需要具備資料加解密功能。

4. 自動化大規模特徵搜尋工具專案：快速的特徵資料搜尋工具，協助分析師在指定的資料庫中快速找到適合本次建模分析的特徵，節省更多時間，進而將時間使用在溝通以及了解需求上。

5. 資料串流設定工具專案：視覺化的介面設定幫助設定資料來源與目標，讓分析師專注在資料商業邏輯，而不需擔心實際串流資料的流程。

6. 共用元件庫/文件撰寫：包括共用的元件庫(24個)、共用驗證邏輯(23項)、元件庫展示專案，文件包括元件與驗證的基本使用方式、如何開始，以及專案的使用技術內容以及相關文件以及一些注意事項。

技術內容：使用快速建構工具Vite為專案基底並搭配Vue3、Pinia、TypeScript、TailwindCSS、Docker，並以GitLab做為管理整個專案開發流程、維護、溝通的工具。

負責範圍：負責前端開發(從無到有)、維護以及專案的技術規格文件撰寫。

創越數位行銷公司 (2019/08 ~ 2022/04)

1. 主要負責4個週期性專案的更新、維護、文件撰寫，以及該週期性專案新提案的專案開發，使用技術為Vue3、Vuex、VueCLI、VueRouter、TypeScript、Docker、Git。

2. 次要協助同事開發、整合公司內部系統的專案，使用技術為Vue2、Vuex、VueCLI、VueRouter、Git、Swagger API Document。

3. 額外會接手一些公司形象網站的開發，使用技術為Nuxt.js、Vuex、Git、Swagger API Document。

4. 協助資深工程師處理一些既有模組上的一些問題和優化模組內容、導入新技術，例如: StoryBook。

Turing Chain Institute 1st graduate (2019/9 ~ 2019/12)

1. 錄取4.5％錄取率的圖靈鏈學院培訓並成功結訓3個月的課程訓練，對區塊鏈有基礎的知識。

2. 具有SmartContract和合約導向語言Solidity的基礎知識。

工作經驗(服務業 / Service Experience)

Emma's cafe (2018/04 ~ 2018/10)

值班人員、義式、櫃檯、處理客訴、內外場溝通協調、教育訓練、協助店長完成交代事項。

The cafe by 想台中 (2016/06 ~ 2017/12)

值班人員、義式、手沖咖啡製作、櫃檯、處理客訴、內外場溝通協調、教育訓練、協助店長完成交代事項、簡易美工製作等等。

富邦人壽業務 (2015/09 ~ 2016/06)

保險業務開發、推廣，陌生開發、既有客戶服務、與客戶維持良好關係。

經典牛排餐廳 (2014/04 ~ 2015/9)

外場正職至外場組長：負責盤點、教育訓練、報表、排班、櫃檯、內外場溝通協調等等。

輕井澤燒鍋 (2008/02 ~ 2012/03)

從半工半讀的工讀生至內外場正職：負責教育訓練、櫃檯、處理客訴、內外場溝通協調等等。

學歷 / Education

僑光科技大學休閒觀光系 / Overseas Chinese University ,O.C.U. (Dept. of Tourism Management)

新民高中資訊科 / Shin Min High School (Dept. of Computer Science)

自我介紹 / Introduction

Hello我是Ben，目前擁有4年的前端工程開發經驗，是個非本科跨領域的轉職者。

在決定轉職前端後，花了大概半年的時間去學習這個領域的知識，學習的方式是以線上課程為主加上網尋找其他相關學習資源為輔。在這段過程中碰到不少的挫折以及困難，舉凡除了寫code本身會遇到的困難之外，調整自己的學習方式、節奏以及篩選適合自己的學習資源這些都是一個不斷反覆調整的過程。

而至今回想這一切其實並不輕鬆，但也挺有趣的。當初也有好幾次想放棄的念頭，現在想想如果當初放棄沒有堅持走下去，也許就不會有這篇自介了。而這些走過來的過程也讓我明白，無論你認為自己做的到或做不到一件事情都是對的，對自己的認知會影響你怎麼看待自己，而你怎麼看待自己會影響你接下來的選擇，而這些選擇後的行動和產生的結果，則會慢慢型塑你以及你的未來。

因此重要的可能就會是不是發生了什麼事，而是你怎麼解讀那件事。而碰到問題時我通常也會先停下來思考發生了什麼事，並且問問自己有什麼想法，接下來我想要怎麼做，為什麼？

而在軟體開發工作領域中的經驗帶給我不一樣的成就感以及截然不同的思考模式。在接下來的工作職涯裡，除了期許自己能不斷增進自己在現有領域的技術和經驗之外，同時也不去替自己設限去學習和了解不同領域中的知識和技能，以及應用自己在之前與人接觸相關的工作領域中所累積出的軟性技能(溝通協調、換位思考)在團隊的合作以及跨部門的溝通上。最後整合以上三者，替自己開啟更好的職涯。

自介就到這邊，謝謝你花時間閱讀。

技能 / Software Skills

JavaScript(TypeScript、Vue)

Vue2/3: 熟悉應用框架進行開發，打造容易維護、擴充且易讀的專案結構。
Vuex / Pinia: 熟悉應用狀態管理工具，對資料、狀態進行集中管理和模組切分。
Vite: 熟悉應用新型態的前端專案建構工具Vite進行快速開發。
TypeScript: 熟悉應用TypeScript撰寫更易讀、維護、擴充的程式碼。
JavaScript(ES6+): 熟悉應用現代化JavaScript簡潔寫法，增進易讀性和簡潔性。
Nuxt.js: 使用SSR框架進行開發，解決SPA模式會帶來的問題。

HTML、CSS(RWD)

HTML(Pug): 使用HTML或預處理語言Pug進行開發，增進效率、簡潔、易讀、維護性。
CSS(SCSS / SASS): 使用CSS或預處理語言SCSS or SASS進行開發，增進效率、簡潔、易讀、維護性。
TailwindCSS: 熟悉應用TailwindCSS框架進行更有效率、一致性的開發。
RWD: 依照不同尺寸裝置設計出符合該裝置的網頁，提供使用者更好的使用者體驗。

Others

Git / GitLab: 使用分散式版本系統與團隊協作、開發、管理。
Docker: 具有基本的Docker知識以及腳本撰寫、部署能力。
Photoshop / Figma: photoshop、Figma操作的基礎能力。
CI / CD: 了解基礎的GitLab CI/CD腳本撰寫方式
其他: 能夠獨立閱讀開源API文件進行介接和開發、撰寫專案技術規格文件。

特質與興趣 / Trait and Interest

特質 / Trait

1. 自律、自我挑戰。

2. 獨立思考、作業

3. 擅長溝通、協調

4. 經驗開放性

興趣 / Interest

1. Medium(偶爾寫寫技術文章或是閱讀心得，訓練自己將學習內容整合收斂的能力)

2. 健身(維持10年的習慣，幫助我維持體態、健康、專注力)

3. 閱讀(雜食性，但偏愛心理學、哲學、自我管理類型書籍)

作品集 / Portfolio

Portfolio Website

時間: 2021 ~ 2022 - 作品連結

介紹: 這是所有作品集的入口網站，也是個人形象網站。主要著重在視覺上的豐富度、多變性和自己美感的呈現。

使用技術: Vue2、Vuex、Vue-i18n、Three.js、gsap。

Bike Map

時間: 2021 ~ 2022 - 作品連結

介紹: 這個作品是2021年的THE F2E精神時光屋的第二關單車地圖，使用交通部提供的API，提供租借單車和單車路線查詢等功能。

功能: 單車定點資訊查詢、使用者位置範圍單車租借查詢、單車路線資訊查詢、最後加上整合單車定點周邊餐廳、景點、住宿查詢，以及提供PWA的下載，讓在離線的狀態下也能像使用APP一樣使用該網站。

使用技術: Nuxt.js、Vuex、Axios、PWA、MapBox。

Random World

時間: 2021 ~ 2022 - 作品連結

介紹: CreateCoding系列作品，用程式寫出具藝術感的小作品。

功能: 依移動滑鼠距離渲染畫面、點擊畫面能夠切換渲染模式，分為圓形、方形、三角形、混合模式。

使用技術: p5.js。

Dynamic Table

時間: 2021 ~ 2022 - 作品連結

介紹: 這是一個小作品，是在自己上完演算法課(DynamicPrograming - LCS問ㄊㄧ)的章節後要寫成文章時，發現有些抽象，於是就決定把這個過程的走法視覺化幫助自己比較好理解。

功能: 提供兩個欄位可以任意輸入值，可以觀察並知道這兩個值的long subsequence。

使用技術: HTML、CSS、JavaScript。

Colors Dove

時間: 2021 ~ 2022 - 作品連結

介紹: CreateCoding系列作品，用三角形拚出來的鴿子。

功能: 點擊隨機切換鴿子身上的顏色。

使用技術: p5.js。

Nordic

時間: 2019 ~ 2020 - 作品連結

介紹: 比較早期的作品，以北歐為主題的電商網站。

功能: 購物車、登入、結帳功能。

使用技術: Vue2、Vuex、VueRouter、Axios、JQuery、Bootstrap。