吳振宇 Jason Wu

注於研究網頁&雲端技術的網頁工程師。 喜歡嘗試且實作各種新的技術,也喜歡在自己的工作領域當中,向不同工作職位的前輩學習該領域的精隨,像是後端、Devops、PM、Marking等。 若有興趣的話,點進我LinkedIn和我聯絡吧 : )

網頁前端工程師
Taipei Special Municipality,TW
[email protected]

Profile 06 00@2x

工作經歷 Experience

Dipp 點譜科技 - Front End Developer 2020/05 - Now

總覽 :
負責主站 Massimo Ads Creator 的架構設計以及維護,還有前端網頁&後端渲染伺服器的維運。這個服務主要能夠讓使用者用最簡單的方式,透過幾個視覺化表單的選取以及填入,就能夠快速製作能夠行銷的圖像,讓行銷人員省下大把的時間,可以更專注在文案&數據的分析上面,進行精準行銷。

職務內容 : 
1. Massimo Ads Creator 主站架構設計維護
2. Massimo Node Render Server 架構設計維護
3. 第三方工具整合 (Google Docs, Google Sheets, Jira)
4. 伺服器維護 (使用 Google Cloud Platform)

開發工具&語言 : 
- React
- Redux 
- Webpack 
- Material UI React 
- Canvas
- Koa
- Docker
- Gitlab & Runner
- Google Cloud Platform

ViewSonic 優派國際 - Front End Developer 2018/04 - 2020/04

總覽 :
主要負責製作教育整合平台 myViewBoard Classroom (屬於LMS、Learning Management System),還有網頁互動式白板的開發。而這個平台能夠與其他的第三方服務做整合,像是Google旗下的服務(Google Classroom、Google Calendar等)、Blackboard、Canvas等等,主要幫助老師將學生與上課資源做整合,讓老師省下大量的備課時間,用最輕鬆的方式能夠使用我們的互動式白板來進行翻轉教學。

職務內容 : 
1. myViewBoard Classroom 前端專案開發
2. myViewBoard 協同開發
3. 互動式網頁工具管理介面建置&開發
4. 小型動畫物件製作
5. 原型概念實作

開發工具&語言 : 
- React
- Redux 
- Webpack 
- MQTT 
- Fabric 
- Material UI React 
- TypeScript

ViewSonic 優派國際 - Intern Assistant 2017/07 - 2017/12

總覽 : 
主要工作為Windows軟體測試,也是第一次來到業界實習,最主要是想要接觸不同的開發項目,了解不同的語言特性,使得自己更了解所學的語言能夠實際應用在哪些層面。幸運的是,主管很開放的讓我嘗試不同項目的開發,最終我也讓我嘗試 網頁前端工程,也讓我在專案進行的過程中,參與一小部分的功能製作。

職務內容 :
1. 測試 myViewBoard for windows 
2. 測試 myViewBoard WebSite (串流模組) 
3. 制定測試計畫
4. 制定新進實習生引導計畫
5. 開發可以跟myViewBoard For Windows互動的小工具。(尺、三角尺、圓規、問答卡、量角器、時鐘、倒數計時器)
6. 案例研究

開發工具&語言 : 
測試 :
- Windows 7
- Windows 10
- myViewBoard For Windows
- myViewBoard Website
開發 :
- Javascript
- HTML
- CSS
- JQuery 

前端技能 Developer Skills


基本技能

  • Javascript
  • (ES5/ES6)
  • HTML
  • CSS3
  • RWD
  • Restful
  • API 串接


編輯器 & 版本控制

  • VS Code
  • Brackets
  • Sublime Text 3
  • Git
  • Github
  • Gitea
  • Gitlab


框架

  • React
  • Vue


函式庫

  • Redux
  • Vuex
  • Material UI
  • Semantic UI
  • Webpack 
  • JQuery 
  • Axios 
  • MQTT

其他技能以及應用工具 Other Skills


Google Cloud Platform

目前相對於其他雲端服務,熟悉度稍微高點的工具。使用了包括 Google App Engine, Container Base 的 Google Cloud Run, Compute Engine 等。


GitLab

使用他與公司的專案進行深度整合,學習如何實作完整的 CI/CD 流程。


GitHub

除了在上面製作自己的個人專案外,也使用他的專案管理工具去執行自己的專案開發,也學到如何善用上面的整合工具來讓部屬自動化。


Azure DevOps

入行以來第一個使用的專案管理工具,加上完善的整合服務的關係,因此使用 Azure DevOps 來做開發 & 維護,讓我學習了很多關於它的使用技巧。

GitKraken

最喜歡使用的Git GUI管理工具,雖然大多數都是以"指令輸入"為主,但是良好的GUI也能夠讓我快速的理解現在的開發進程。


Linux

在開發專案的過程中,大多數都是以指令的方式去做一些安裝、更新、或是檔案處裡,所以就有持續地在更新對於Linux 指定使用及環境建置的技能。目前最習慣使用的是 Ubuntu。


公司專案 Projects

以下都是在任職前端工程師期間,所參與開發的作品集,目前礙於版權以及服務的關係,只能提供部分服務的截圖

Projects 02 00@2x

Dipp Massimo Ad Creator

專門為行銷人員設計的

專案總覽

專為品牌設計的自動廣告生成平台,透過廣告客戶的數據投放回報,給予下次廣告圖像產出的建議


平台也切分了廣告組成的元素,拆分成不同任務功能,如 文案設計視覺元素定義版位設計動畫版位設計等,能夠讓品牌的內部人員能夠專業分工,更能夠專注在自己領域內的工作,省去大量的成本與時間。

Paragraph image 02 00@2x

負責項目

為前端專案的負責人,與另外一位團隊夥伴共同合作此專案。主要的工作項目包含 : 架構規劃流程設計網頁切版RWD設計渲染伺服器、以及前端伺服器的架設與維護等。


同時,也與後端共同合作,建立 CI / CD 的自動化流程,統一對於版本、雲端服務的維護以及管理。

Paragraph image 02 00@2x

使用技術

- 使用框架

  - React (Hooks / Functional Programming)

- 使用技術及函式庫

  - Material UI React

  - Redux

  - React Router

  - Webpack 4

  - Axios

Paragraph image 02 00@2x
Projects 02 00@2x

myViewBoard Classroom

是專門為老師設計的教學管理系統 (LMS),能夠其他第三方服務進行深度整合,減少老師備課時間,增進教學品質。

Paragraph image 03 00@2x

專案總覽

為專業的教學管理系統,整合不同國家的教學習慣所集成的教學介面。擁有創建課程建立教室排定上課時程分享課程管理學生創建互動遊戲,並且能夠與第三方服務做綁定 (Ex: Google Classoom、BlackBoard),達到快速整合已存在的教學資源分享教學資源的目的。


Paragraph image 03 00@2x

負責項目

為此專案的主要負責人,獨立開發此網站所有的項目,包括設計專案架構網站切版API串接共用元件庫製作、流程設計多國語系網頁特效製作等。

同時也負責規劃開發時程,與後端 & Devops溝通與合作,並且同時與另個白板專案軟體  - myViewBoard 協同製作互動的功能 ( 學生上課介面 / 老師教學簡報器 ) 等。

Paragraph image 03 00@2x

使用技術

- 使用框架
   - React (Hooks / Functional Programming)
- 使用技術及函式庫

   - TypeScript
   - Material UI React

   - Redux
   - React Router
   - Webpack 4

   - Axios

   - MQTT 

Projects 02 00@2x

myViewBoard 

網頁版互動式白板,提供各種多媒體素材與學生即時互動,達到教學創新無距離的概念

專案總覽

為Real Time - 互動式白板,提供許多圖像繪製畫筆工具第三方雲端服務(Google Drive、YouTube、BoClips等),供使用者創作、儲存自己的課程內容。並透過MQTT廣播的方式,將課程內容在操作的同時,同步給所有的參與者,並且讓參與者有限度的共同創作畫布上的內容,達到雙向教學的目的。

Paragraph image 02 00@2x

負責項目

主要工作為協同開發人員,負責第三方服務API串接與整合 (Google Classroom API、YouTube API、Microsoft Image Search API 等)、元件庫製作小工具製作優化介面使用流程多國語系主題製作等。專案內皆以OOP的架構達成,目前也負責設計上述這些服務的接口,讓協同合作的夥伴得以輕鬆的串接。

Paragraph image 02 00@2x

使用技術

- 使用框架

   - React

- 使用技術及函式庫

   - Material UI React 

   - MQTT

   - React Router

   - Webpack 4 

   - Fabric

   - JQuery

Paragraph image 02 00@2x

學歷 Education

淡江大學, 工商管理學士(BBA), 資訊管理, 2013 ~ 2017

在四年的學習歷程中,期許自己能夠把學業與想做的事情並重,
並且體驗各式各樣的生活經驗,所以就在第一年度的時候下定了決心,且實際規劃行動,在四年裡面達成了 課業 > 社團 > 打工 > 實習 的成就,用實際的行動力,給自己一個不凡的大學生活 !


關於我 Autobiography

        我是吳振宇 - Jason Wu。熱愛旅行與音樂、攝影與Coding,也熱衷於一切有關資訊相關的東西。曾帶著吉他走遍整個台灣,用音樂換取每個旅人的故事。我喜愛互動及溝通,每當我專注在一件事情上面的時候,總是沒日沒夜的,用盡全力。

        程式是我從小開始的夢想,可以把一件事物從無到有的做出來並且執行,是非常令人興奮的ㄧ件事,而我也很喜歡跟著團隊一起腦力激盪,磨擦出新的想法,再把他實作成真的可以執行的Idea。因為喜歡網頁的適應力及雲端服務的無限可能性,一頭踏入了網頁前端工程的世界,激發出我濃厚的興趣及學習力。而對于新事物及新技術相當具有敏銳度,會時常思考如何應用在已存在的專案上面,時時刻刻的精進,突破自己的舒適圈。

IMG_1856.JPG

對我來說

人生就像在登百岳。 

每一次的攀爬,都是對自己的挑戰與磨練

縱使辛苦,但每當登上山頭的那一刻,會覺得辛苦總是値得的

而也為下一次的攀爬時,備足了行動的勇氣和經驗。