Xyicuttbjh5vviwptxgr

陳以十

你好,我是前端工程師,陳以十。
喜歡討論新知並追究技術。熟練使用React和Next.js進行開發,同時關注網頁效能和優化打包。
擅長設計美觀易用的UI模組。期望在前端開發領域中不斷成長,應用專業知識於實踐。
最近專注於研究圖表呈現和資料結構設計。歡迎私訊交流!

歷程

2022-2023 雄獅資訊有限公司

2020-2022.01 昊盈資訊有限公司

2019.06-2019.12 資策會前端工程師班第四期畢業

2016-2018 凱吉國際有限公司

2011-2015 東吳大學日本語文學系


Github: 

Tel : 0933044039 

前端工程師 

Taiwan. Taipei 

[email protected]

工作經歷

雄獅資訊有限公司 2022-2023 (前端工程師,100~300人)

  • 單頁spa開發:根據設計圖與UX/PM、後端進行開發行前會,利用公司自行開發的元件上進行改寫跟擴充 
  • 架設nextjs環境: 應用自學nextjs、維護的經驗,引入新技術在新專案上,使用SG方式減少前端切板後,後端維護的成本,讓前後端的分工更加分明 
  • 後臺模組:學習schema資料格式,與後端協同開發後台的模組並發佈到前台畫面,升級環境的webpack設定,減少檔案體積、提升開發的打包速度
  • 私有庫開發及維護:在現有的UI模組上盡可能彈性化模組的應用
  • 領導:分配專案組別工作給其他同事,並適時提供建議與技術討論

使用技術:next.js、react、react-redux、scss、webpack、react-slick、lodash-es、jQuery
後臺模組拼板範例:https://www.liontravel.com

昊盈資訊有限公司 2020-2022 (金融軟體開發工程師,20~50人)

  • 官網維護:自學nextjs,將舊版本升級、改寫官網廢棄用法,減少後續版本因差異過大升級問題
  • 活動頁開發:每個月根據策畫提出的需求,與同事溝通分工內容、相互學習canvas的應用
  • 新專案頁面串接api資料、流程討論: 根據流程、設計圖後討論使用者體驗上是否流暢、與後端溝通資料格式
  • 自學vue
  • css、canvas動畫
使用技術: next.js、react-query、vue-cli、jQuery、css、javascript

凱吉國際有限公司 2016-2018 (特助)

  • 網路商城上下架,臉書廣告投放、製作臉書跟廣告banner
  • 與外場人員溝通產品銷售狀況,在百貨內產品銷售,一年約300萬業績

進修

資策會前端工程師班 2019.06-2019.12 

課程主要學的技術有:html、css、javascript、react、node.js、php

期間與團隊組員討論平台功能、分工負責,在小組內針對串資料庫提供技術上的協助,課程上也會跟其他組員進行討論、詢問技術 
成果發表時的工作項目:商家預約(搭配google map api)、購物車串接、購物車確認頁、討論畫面的UI呈現

使用技術:react、javascript、css、jQuery、Animate.css 後端:node.js

Github:https://github.com/monkeychen528/Bistro_Development-completed

技能


html | css | javascript | react | nextjs | vue | jQuery | scss

node.js | php

webpack


語言:中文、英文、日文

相關作品


1. Bistro

資策會成果發表demo影片 : https://www.youtube.com/embed/45EAjoFliCM?rel=0


Paragraph image 05 00@2x

       地圖功能開啟時
Paragraph image 05 01@2x
         地圖功能關閉時

2. 拉麵記錄專案(目前暫停更新)、gitpage

以前吃拉麵的紀錄跟心得,想蒐集各縣市的拉麵店家,運用puppeteer爬蟲去爬google map的資料(台北市部分資料),地圖呈現套件運用leafet,並有相關的拉麵小知識、聯繫我的基本驗證

一般的資料串接使用json-server,討論區用websocket串接

demo影片: www.youtube.com/embed/9hSxXnWCtnk?rel=0

自傳

探索.自我實現:自大學畢業當完兵後,重新檢視工作上覺得欠缺的能力,當時我覺得自己欠缺溝通跟表達方式,於是我進入購物中心開始練習如何介紹產品、用戶提出詢問跟需求時應該要如何對應,同時在約2年的過程中學習在多人前表達。
後來公司有意要發展網購的銷售模式,當時接觸了pchome、shopify的後台操作,了解需要有修圖的技術,於是在空餘的時間去上了photoshop的課程,也在假日進行電繪練習手感。

也因為需求的關係,開始去研究後台如何客製化、下簡單的語言,過程中我察覺到這樣的技術應該是有人力需求,且能讓我高專注地花時間研究跟學習,並在途中得到許多成就感,種種原因下決定離職去報名資策會課程。

互相學習.討論:在課程中,最多的收穫是分享才會有更多的資源、知識。
同學間都是剛起步的居多,大家在課後都會去思考摸索後再一起討論,例如:程式相關教學影片分享及當中的knowhow是甚麼,不懂的也會請教有底子的同學也能練習表達。
專案發表當時算是技術指導的角色,負責各項產品的資料庫串接及商家在google map 上的呈現等工作,這當中從0到產生bug,最後解決並成功發表這讓我得到莫大的成就感。

轉職.職涯目標:轉職後針對公司用到的技術會先去了解,如果沒看過的會先去找學習資源在本地練習,之後依專案內的版本看是否與新版的寫法有不同,及跟同事討論版本更新的可行性。除此之外如何優化開發體驗也是一項學問,在雄獅接觸到webpack打包,以及了解架構組處理的CICD的流程,並嘗試使用在github中。
3年來寫程式依舊是我能高專注投入的事情,持續討論、梳理邏輯、精進和更新技術,對此我相信是對於公司能有更多的貢獻。

工作.生活平衡:除了空閒時間會看新的技術影片或文章外,興趣是打羽球和爬山,羽球從國中開始打,大學時期擔任過系羽的隊長,一周也會打1~2次,爬山可能是因為以前有參加過童軍活動,對於大自然的接觸對我來說是另一種放鬆,所以當有人詢問時通常都會義不容辭。
除此之外一周也會進行1 ~ 2次的健身,主要是跟以前的IT同事在健康上互相鼓勵之外,也會對技術做詢問跟討論。