王俊諺

助理工程師

  龍潭區, 桃園市, 台灣

   [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 
  1. RWD、Flexbox/Grid布局切版
  2. Chakra UI (React UI庫、自定義樣式)
  3. TailwindCSS、Bootstrap (CSS框架) 加速開發
  • JavaScript  
  1. DOM操作、建立使用者互動
  2. AJAX串接API (Axios、Fetch API、Async/Await function、Promise)
  3. 資料物件篩選邏輯
  4. jQuery (如: DOM選擇器、event listener function)


  • React.js 
  1. JSX + Functional components
  2. Life cycle、hooks(ex: useState、useEffect、useMemo、自定義hooks......)
  3. 單向數據流、狀態管理(Context API、Redux Toolkit、Recat-Redux、Redux)
  4. 生態圈與插件(ex: React Router、Redux Toolkit......)
  5. 開發SPA
  • Node.js 
  1. NPM/Yarn基礎操作
  2. 伺服器架設(Express、CORS、Cookies、JWT、Bcryptjs、HTTP/HTTPS概念)
  3. Websocket雙向通訊
  4. RESTful API概念與處理、設立端口供前端串接
  5. MongoDB資料庫串接與使用(database、collection建立、資料寫入/提取/篩選)
  6. Webpack + React.js (entry、loaders、plugins、export)
  • MongoDB資料庫 —  Node.js + Mongoose進行Schema建立/規則訂定、document寫入/提取/改寫等操作 
  • Git — repo本地/遠端建立、添加/提交/撤銷、遠端推拉/clone、tag版本控制等

語言

English — TOEIC Listening & Reading test: 855

作品集


Fake Store App

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

使用技術：

  • HTML/CSS, JavaScript: 第三方API串接(商品內容)
  • 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請求並串接第三方API(新聞資料、Open API天氣資訊)

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



Todo List App

屬於閒暇之餘製作的小作品。

功能: 新增/刪除/編輯-代辦與完成事項、計算完成進度、交換事項排列順序、多頁清單管理

使用技術:

  • React.js: JSX + Functional components、Context API
  • TailwindCSS: CSS框架，用於自訂樣式與動態特效製作

Demo: https://github.com/MeteoroidAlbert/Todolist_App_new/tree/master


小型功能元件

主要為個人閒暇之餘製作，收入封裝完成、搭配tailwindCSS製作的元件，以提高複用性，內容將不定期更新、新增。

使用技術:

  • React.js: JSX + Functional components
  • TailwindCSS: CSS框架

Demo: https://github.com/MeteoroidAlbert/Functional_components/tree/master


Powered By
Cake