1185769_595825287136269_201374516_n.jpg

盧毅        BLOG 

半路出家的網站工程師,發現開發程式的成就感及樂趣,不是在Coding就是在Coding的路上。

由於長期個人接案,偏好開發應用及整合,討厭前、後端開發時的你等我我等你,一直走在全端開發的路上。正在學習Dev Ops的技能,也在準備AWS Certified


[email protected]  /  IELTS Band: 6
此履歷著重前端,後端履歷請點我

Special Experiences

Javascript


Concept


Tool

  • ES6
  • Eslint / Prettier
  • Yarn / Npm 
  • 善用 Webpack, webpack-dev-server 打包 (Babel / Polyfill)

Vue

Vue  /  Vuex  /  Vue-Cli3  /  Vue-router  /  Vee-validate  /  v-calendar  / iView

媒合預約型產品的網站,i.e:預約剪頭髮、做指甲的設計師的工作時段,或是健身教練的上課時段。

快速掌握影集與漫畫的進度。寫定時爬蟲的程式,郵件通知最新集數與連結網址。 
前端可管理想要訂閱的網址,後端會定期爬資料顯示在前端。

  • Advertisment Management System
純 Vue 打造簡易廣告 Carousel 工具
使用者可增加刪除Slider並選定版型,上傳照片後可發布到 Android Tablet 輪迴播放 (與GrapeJs客製平台是不同功能)

  • Content Management System
Android Tablet輪迴播放後會經由鏡頭的人臉辨識系統抓取有效數據,所以使用Vue打造數據管理系統,可觀看報表以及經濟效益 (花了多少錢有多少人觀看) ; 也可經由此平台管理廣告發布,可選定該Carousel發佈到指定的 Android Tablet。


React

React  /  Redux  /  Styled-component  / React-thunk  / Reselect 


使用 React 以及 Rails 開發以下四個套件的管理後台,此後台可自動化產生設定頁面, Style Theme, 文字翻譯設定

  • Activity Widget
    此套件適用於活動型的預約產品,經由API像Server撈取可用時間,供使用者選取數量及時間並與Shopify溝通

    • Upcoming Event Widget
    此套件透過API向Serverl撈取近期該網站最新的產品


    • Reservation Widget
    此套件可向Shopify拉取購物車資料,並向Server驗證每個Item是可被預約的

    • Course Widget
    此套件適用於課程行的預約產品,經由API像Server撈取每個課程的時間表,供使用者選取


    Rails / Ruby 實作過功能

    • 熟悉 Schedule & Booking 時間預約功能
    • 熟悉處理大量非同步 Job
    • Transaction / Lock 處理
    • Flipper 功能狀態管理系統
    • OOP物件導向實作
    • State Machines 狀態管理套件
    • 智付寶 Pay2go 金流串接 
    • Twilio 電話簡訊驗證
    • Nokogiri 爬蟲 / Ruby Regex 
    • Ransack 搜尋功能
    • Searchkick ( Elastic search )搜尋功能 
    • Google Map 串接及 Geocoder 地理位置應用 
    • Sidekiq / Sidekiq-cron (Cron express)  非同步
    • Paranoia 物件假刪除
    • Active Model Serializers 
    • Rpush 串接Google, Apple推播服務
    • FB API 串接 
    • Roo Spreadsheet 表單處理
    • Mailgun 發信功能串接 
    • Rails Admin會員後台 
    • SEO Meta-tag / Sitemap 
    • Carrierwave / Paperclip 檔案上傳
    • Rollbar 串接
    • Rspec測試

    已看過四本Ruby原文書 ,請見 Ruby讀書心得整理
    • Practical Object-Oriented Design in Ruby
    • Rebuilding Rails
    • Unfuck A Monorail For Great Justice
    • Effective Ruby: 48 Specific Ways to Write Better Ruby


    Javascript 實作過功能

    • Grapejs 客製拖拉HTML單元元件及邏輯行為,使用元件製作生成任意網頁 
    • Full Calendar 銜接後臺資料以及能實作出calendar能即時預約的功能 link 點右上角的預約 
    • Sortable 可對組件做任意排序,並回傳順序
    • Google map 串接以及判斷使用者所在地 可再經由Search結果動態即時產生location上的座標點 ( 與Yelp搜尋方式一模一樣 ) 
    • Cropper 多張照片可在 同個頁面 同時選擇 同時裁切 同時上傳 
    •  JQuery cart cookies 版 使用 JQuery cookies 實作購物車以及實作出購物網站前端的購物商業行為(增加減商品數量、計算總金額運費等等) 
    • Lazy loading 可配合 kaminari 實作、或是預Load資料在前端但不顯示照片等方式實作 
    • JQuery / CSS animate 運用CSS配合 JQuery 可手刻做出 modal carousel以及決大部分90%網頁上能見的過場動畫 

    DevOps

    • New Relic
    • 熟悉 Nginx / Passenger / Capistrano 自動化部署 
    • 熟悉 Cloud Flare 設定 及SSL服務
    • 熟悉 Server(Ubuntu) Operation
    • 熟悉 Production / Staging / HSTS 部署
    • Google Cloud Server


      CSS / SCSS / RWD

      • 為了應付接案需求,發展出自己的CSS方法論並寫成library,請見Behavior-Bind-Media
      • 由於套件太肥,曾構思不用套件手刻類似的功能該如何實作,請見3D Banner animate

      開發接案經歷

      T-SOUL

      開發 API(RESTful) Server , 及前端畫面

      • 協作開發
      • 負責部分:
      • 65% 後端 Raills (後端純發API)
      • 100% 前端 CSS/ JS


      AmazingTalker

      Alphacamp時的Demo的作品,畢業後持續開發總時約半年,因個人因素已離開,目前創辦人仍持續開發經營中. 後來以接案形式繼續幫忙負責前端


      • 協作開發  
      • 習得技能:Full Calendar 客制即時預約形式
      • 負責部分:
        • 95% CSS 無套版
        • 100% JS / JQuery
        • 50% Rails 從AC畢業到之後兩個月內

      FUSAKI

      購物車網站

      • 獨立開發 
      • 習得技能:串接金流、購物車.
      • 負責部分:
        • 100% CSS(無套版) 
        • 100% JS / JQuery
        • 100% Rails
        •  AWS  Cloud Flare

      Home Taste

      購物車網站


      • 協作開發 
      • 習得技能:Google Map 串接及客制、Full Calendar整合、用 JQuery Cookies 寫購物車
      • 負責部分:
        • 100% CSS 無套版)
        • 100% JS / JQuery
        • 30% Rails
        • AWS

      EmilyQ

      較複雜的商品/Blog網站 

      • 協作開發 
      • 習得技能:多張照片裁切Upload,同時新增/上傳/裁切
      • 負責部分:
        • 10% CSS 無套版 
        • 100%  JS / JQuery
        • 100% Rails 
        • AWS

      Tao Kesong

      購物車網站

      • 協作開發
      • 習得重點技能:串接RESTful API / API開發、接手已經經過"兩手的DB",接手時是第三手的改造經驗  
      • 負責部分:
        • 100% CSS 無套版
        • 40% JS / JQuery
        • 40% Rails
        • AWS

      Experience

      澳洲闖蕩:2018年4月~2019年的現在

      在澳洲幸運的花了3個禮拜找到全端 Full Stack (React / Rails) 工作,該公司專為Shopify打造預約型產品的工具(該工具分類的第一名)。

      主要責任是帶領兩名前端工程師使用React,主導以及規劃設計可內砍在Shopify的 iFrame 套件並code review。

      同時也需要撰寫RESTful API即後端測試。


      也因為熱愛 Vue 在下班休閒之餘,正在撰寫 WYSIWUG 套件當自己的 Side project 進行自我進修,目標是製作一個像Cakeresume 的內容編輯後台。


      接案時期:2016年6月~2018年3月


      偶然的機緣與 ALPHACamp 的同儕一起接案,個人也與 Fable 和 Bananny 固定承接案子,開啟了接案之路。


      為了讓自己快速成長,對案子來者不拒。曾經歷過重疊五個案子的高壓情況,每天工作12小時以上,連假日也不例外的生活就這樣持續了兩年半。工地主任的歷練也在這高壓情境派上用場,能為自己精準拿捏「浮時」(意指不定因素造成的時間),讓每個案子分配到的時間做更有效率的運用。


      經歷過兩位PM用Sprint進行敏捷式開發,間接了解StartUp公司用Sprint開發的優點在於「打造MVP(最小可行性產品)的風險較低、較快速、更能階段性的上線及測試。」發現專案管理的魅力,也讓自己了解為何第二次創業時連專案管理都不懂,是失敗的原因之一。  


      ALPHACamp:2016年2~5月

      由於二次創業的體悟深,在錄取之前就直接向公司提辭職,以示成為Web工程師的決心。 錄取後,專心致志於學寫程式,每天只睡六小時為了打好程式基礎。 


      最後結業的Demo Day展現 AmazingTalker 的前身AmazingTutor。在實作畢業作品時學習到團隊合作、組織運作,以及整個專案從User story,實作各種功能,到上production可以運作的成品,這過程是我身為工程師的第一個美妙體驗。 

      Powered by CakeResumePowered by CakeResume
      Powered by CakeResumePowered by CakeResume