王俊諺

助理工程師

  龍潭區, 桃園市, 台灣

   [email protected]

  (+886) 917452875、(+886) 975918270


  畢業於國立台灣大學園藝暨景觀學系加工利用學群,主修食品科學與工程、微生物、生物/食品化學、植物生理學等相關領域。

  具有製藥公司藥物製程約1.7年經驗,包括化工設備操作、性能驗證、無菌製程及風險評估等方面。

  目前正在自學前端技術(HTML/CSS、JavaScript、React.js、Node.js、各類CSS框架等),預期逐步邁向後端,企盼達成全端技術掌握,邁入資訊產業,面對、克服全新挑戰。


記住,來時的路,不論辛苦、艱難與否,只有走下去才機會抵達終點。

學歷

國立台灣大學園藝暨景觀學系

修習領域橫跨: 園產品採後生理/處理、植物生理、微生物學、微積分、統計學、生物/食品/有機/分析化學、食品科技、食品工程、食品微生物等 

園產品可簡單認知為諸如各種花卉、蔬果等,這些作物採後仍屬「活著」狀態,而這門學科則著眼於如何延長或維持其採後壽命及品質,因此又涉及包括植物生理、微生物、化學領域的研究,向食品科技領域則又賦予這些作物附加價值。

2018-2022

工作經歷

助理工程師

祥翊製藥股份有限公司

十月 2022 - 六月 2024
Taipei, Taiwan

  • 藥物製程管控,從化工廠般的原料藥Active pharmaceutical ingredients(API) 流程到無菌藥品產出
  • 設備故障簡易排除,如: 高溫高壓滅菌釜、真空機、模溫機
  • 無菌操作行為,包含無塵室、Isolator隔離器操作
  • 風險評估與硬體設備驗證報告、SOP文件撰寫
  • 團隊管理,包括台籍/外籍技術員分工協作、外語溝通、工作進度管控

技能


  • HTML/CSS 

— Bootstrap、Tailwind CSS、Chakra UI、RWD、切版等

  • JavaScript  

— DOM操作、使用者互動、API串接、物件資料篩選等

  • AJAX 

— Fetch API、Async/Await、Axios 實踐API串接、數據傳遞

  • WebSocket 

實踐Client-Server雙端數據傳遞(同時搭配前端JS或後端Node.js)

  • React.js 
  1. JSX語法進行聲明式編程建構UI
  2. 掌握基礎Life cycle、hooks理論,並自定義或使用hooks(ex: useState、useEffect等)
  3. 熟習單向數據流、狀態管理(Context API、Redux Toolkit),避免props drilling。
  4. 生態圈與插件使用方式(ex: React Router、Redux Toolkit等)
  5. 開發SPA
  • Node.js 
  1. NPM使用
  2. Express, CORS, Bcryptjs, JWT, WebSocket等伺服器架設與通訊技術及HTTP/HTTPS概念
  3. Webpack(基本配置entry, loaders, plugins, export 配合React使用)
  • MongoDB資料庫 

  schema建立/定義、資料寫入/提取/更改等

  • D3.js 向量地圖繪製

語言


English — TOEIC Listening & Reading test: 855

作品集



Fake Store App

模擬功能: 登入/登出、註冊、購物車、結帳(超商店子地圖串接)、商品搜索/篩選

使用技術:

  • HTML/CSS, JavaScript
  • Chakra UI: React UI庫與自定義CSS樣式
  • React.js: 包含Create-react-app,透過React-Router實現SPA,使用Context API管理共用狀態)
  • Node.js: 使用Express、CORS、Bcryptjs、JWT模組,以RESTfull API概念實現登入、註冊,以及超商店子地圖串接
  • MongoDB資料庫: 管理使用者帳戶、密碼

Demo: https://github.com/MeteoroidAlbert/fakeStore

 

Chat App

模擬功能:登入/登出、註冊、用戶在線/離線狀態、訊息發送、已讀/未讀功能、好友搜索、上傳附件

使用技術:

  • HTML/CSS, JavaScript
  • Tailwind CSS: CSS框架,用於快速定義CSS樣式
  • React.js:包含vite,透過Redux toolkit管理應用狀態,如選取用戶、訊息發送等
  • Node.js: 使用Express、CORS、Bcryptjs、JWT、CookieParser模組實現用戶登入/登出、註冊,以及索取歷史聊天訊息、聯絡人列等
  • MongoDB資料庫: 管理使用者帳戶、密碼、歷史聊天訊息
  • WebSocket: 用於建立持續、雙向(client-server)的連接、數據傳遞

Demo: https://github.com/MeteoroidAlbert/chat_app

 

News Weather App

功能: 全球新聞搜尋、台灣全台縣市與鄉鎮天氣預報、互動式地圖

使用技術:

  • HTML/CSS, JavaScript
  • Tailwind CSS: CSS框架,用於快速定義樣式
  • React.js: 包含Webpack,使用React Router實踐SPA(新聞頁面、氣象頁面、首頁切換);使用Redux toolkit管理狀態(包含搜尋、縣市/鄉鎮資訊)
  • D3.js: 用於繪製SVG台灣地圖,以及實現互動式地圖
  • Node.js: 以Express建立簡易伺服器處理前端頁面API請求(新聞資料、天氣資訊)

Demo: https://github.com/MeteoroidAlbert/NewsWeatherApp_new