CakeResume Talent Search

Advanced filters
On
4-6 years
6-10 years
10-15 years
More than 15 years
Taichung City, Taiwan
Avatar of the user.
Avatar of the user.
前端工程師 @中佑集團 凡谷興業
2019 ~ 2023
前端工程師
Within one month
css3/sass
JavaScript / ES6 / jQuery
git版本控制系統
Employed
Open to opportunities
Full-time / Interested in working remotely
6-10 years
國立聯合大學
經營管理
Avatar of Jamie Huang.
Avatar of Jamie Huang.
前端UIUX設計師 @自由工作接案
2017 ~ Present
前端設計師 UXUI設計師
Within one year
Senior Web/UI Designer React前端工程師,React設計師,UXUI設計師 台中市 台灣 [email protected] 作品集 技能 設計 Photoshop, Illustrator Sketch, Adobe XD, Zeplin Animate.CC 程式 HTML,CSS3,SCSS,PUG,RWD JQuery,Javascript,React.js, Vscode UX 使用者體驗 需求調查與質設計思考分析 需求機會點 落實在實質介面上 工作經歷 富邦媒體,React 前端
photoshop
illustrator
adobe xd
Employed
Full-time / Interested in working remotely
10-15 years
台中科技大學
商業設計系
Avatar of the user.
Avatar of the user.
前端工程師 @愛貝斯網路有限公司
2023 ~ Present
前端工程師
Within one month
HTML5
CSS3
JavaScript / ES6 / jQuery
Employed
Not open to opportunities
Full-time / Interested in working remotely
4-6 years
高雄科技大學
資訊管理系
Avatar of the user.
Avatar of the user.
連載漫畫家 @Gamania 遊戲橘子數位科技股份有限公司
2021 ~ Present
Senior Ui Designer
Within one month
UI Design
Web Designing
figma
Employed
Not open to opportunities
Full-time / Interested in working remotely
4-6 years
National Taiwan University of Arts (國立臺灣藝術大學)
視覺傳達設計
Avatar of 蔡采潔.
Avatar of 蔡采潔.
工程師 @Taiwan Semiconductor Manufacturing 台灣積體電路製造股份有限公司
2023 ~ Present
全端/後端工程師
Within two months
in Engineering and Computer Science • Feng Chia University SepJun 2016 • 3.8/4 GPA • The Phi Tau Phi Scholastic Honor Society Honorary member • Academic Excellence Award (top 5% of class in semester) four times SKILLS Backend NodeJS/ExpressJS PM2 MySQL/PostgreSQL NoSQL Redis Linux Web Crawling Pug Firebase Cloud Service AWS EC2 AWS S3 AWS CDN AWS ELB Google GCE Google GAE Google GCF Front-End HTML & CSS React Redux Toolkit Ant Design RWD AJAX Tool Git / Gitub Source Tree Jenkins Docker Unit test: Jest ESLint Artillery Cheerio AJV PROJECTS Ever Fortune.AI's
Python
JavaScript
CSS
Employed
Not open to opportunities
Full-time / Interested in working remotely
4-6 years
National Chiao Tung University
Bioinformatics and Systems Biology
Avatar of Eden, Lo.
Avatar of Eden, Lo.
Past
學生兼助教 @勞動部職訓局
2022 ~ 2022
前端網頁工程師、前端網頁設計師
More than one year
與平面設計團隊、企劃、互動工x程跨部門合作 3.串接後端 API 給予的資料呈現網頁上 4.前端團隊目前主要使用 Vue + Pug + Sass 組合開發 5.即時處理線上問題 6.與各個團隊合作處理需求與問題,並主動回報進度與狀況 三月五月 2022 學生
HTML5
css3/sass
pug
Unemployed
Full-time / Interested in working remotely
4-6 years
國立臺中科技大學
資訊管理系

The Most Lightweight and Effective Recruiting Plan

Search resumes and take the initiative to contact job applicants for higher recruiting efficiency. The Choice of Hundreds of Companies.

  • Browse all search results
  • Unlimited access to start new conversations
  • Resumes accessible for only paid companies
  • View users’ email address & phone numbers
Search Tips
1
Search a precise keyword combination
senior backend php
If the number of the search result is not enough, you can remove the less important keywords
2
Use quotes to search for an exact phrase
"business development"
3
Use the minus sign to eliminate results containing certain words
UI designer -UX
Only public resumes are available with the free plan.
Upgrade to an advanced plan to view all search results including tens of thousands of resumes exclusive on CakeResume.

Definition of Reputation Credits

Technical Skills
Specialized knowledge and expertise within the profession (e.g. familiar with SEO and use of related tools).
Problem-Solving
Ability to identify, analyze, and prepare solutions to problems.
Adaptability
Ability to navigate unexpected situations; and keep up with shifting priorities, projects, clients, and technology.
Communication
Ability to convey information effectively and is willing to give and receive feedback.
Time Management
Ability to prioritize tasks based on importance; and have them completed within the assigned timeline.
Teamwork
Ability to work cooperatively, communicate effectively, and anticipate each other's demands, resulting in coordinated collective action.
Leadership
Ability to coach, guide, and inspire a team to achieve a shared goal or outcome effectively.
Within one month
Frontend Developer
Logo of 一騰資訊服務股份有限公司.
一騰資訊服務股份有限公司
2022 ~ 2023
台灣台北
Professional Background
Current status
Employed
Job Search Progress
Open to opportunities
Professions
Front-end Engineer
Fields of Employment
Software, Banking
Work experience
4-6 years work experience (2-4 years relevant)
Management
I've had experience in managing 1-5 people
Skills
Vue3.js
Vite
Pinia
TypeScript
ES6+
pug
SASS/SCSS
Docker
Figma基礎功能
Vue2
Nuxt.js
JavaScript
HTML5
CSS3
Tailwind CSS
Webpack
Languages
English
Beginner
Job search preferences
Positions
前端工程師 Front-End Developer
Job types
Full-time
Locations
台灣台北
Remote
Interested in working remotely
Freelance
Yes, I freelance in my spare time
Educations
School
僑光科技大學
Major
休閒觀光管理
Print
Mjrc0upotw87ztrrng2m

賴建誌 / 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


Paragraph image 03 00@2x

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。

Paragraph image 02 00@2x
Paragraph image 03 00@2x

Random World

時間: 2021 ~ 2022 - 作品連結

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


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


使用技術: p5.js。


Dynamic Table

時間: 2021 ~ 2022 - 作品連結


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


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


使用技術: HTML、CSS、JavaScript。

Paragraph image 02 00@2x
Paragraph image 03 00@2x

Colors Dove

時間: 2021 ~ 2022 - 作品連結


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


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


使用技術: p5.js。

Nordic

時間: 2019 ~ 2020 - 作品連結

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


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


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



Paragraph image 02 00@2x
Resume
Profile
Mjrc0upotw87ztrrng2m

賴建誌 / 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


Paragraph image 03 00@2x

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。

Paragraph image 02 00@2x
Paragraph image 03 00@2x

Random World

時間: 2021 ~ 2022 - 作品連結

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


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


使用技術: p5.js。


Dynamic Table

時間: 2021 ~ 2022 - 作品連結


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


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


使用技術: HTML、CSS、JavaScript。

Paragraph image 02 00@2x
Paragraph image 03 00@2x

Colors Dove

時間: 2021 ~ 2022 - 作品連結


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


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


使用技術: p5.js。

Nordic

時間: 2019 ~ 2020 - 作品連結

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


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


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



Paragraph image 02 00@2x