產品工程 // 前端架構
Roderick
Hsiao
前端工程師兼顧問，在新創和大型企業之間都打過滾。主要做前端基礎設施和設計系統，偶爾幫人做架構決策，或是在研討會上跟大家聊這些事。
職涯記錄 // 持續出貨中
職涯與亮點
經驗
- 從第一行程式碼到現在，幾乎沒怎麼停過。
- 新創的混亂和大企業的流程都待過，各有各的折磨。
領導力
- 花最多時間在前端基礎設施跟設計系統上。
- 帶過人，也被人帶過，兩種都學到東西。
影響力
- 做過用戶數以百萬計的產品，不止一個。
- 那個量級讓你很快知道哪些東西規模一大就會壞。
社群
- 跑過幾個國際研討會，時差比語言難克服。
- 開源不只是說說而已，有實際在維護和貢獻。
職涯年表
2023年1月 – 至今遠端創始工程師
最早加入的工程師成員之一，在公司初期主導前端架構與核心產品開發。
Kindred
從零建立完整的前端架構，交付核心產品功能，建立工程規範，並將 AI 工具整合進開發流程。
加入我們的會員專屬換屋社群，以傳統度假租賃的一小部分費用解鎖旅行。
產品工程顧問
產品工程顧問，專注於 AI 導入、前端架構設計、團隊與個人技術指導、PWA 與效能最佳化，以及職涯輔導。
Alt Platform
擔任前端與網頁工程導師，提供最佳實踐、技術選型與職涯方向建議。制定效能改善路線圖與 SEO 提升策略，設計埋點架構，並推動平台整體程式碼模組化。
是時候投資你所熱愛的事物了。ALT 讓您擁有前所未有的使用性與流動性。
Forethought（2026 年被 Zendesk 收購）
主導公司整體品牌改版專案，包含完整的 CSS 系統重構。設計 Web Widget 的狀態持久化架構，推動平台效能改善，並持續為工程團隊提供技術指導。
運用 AI 改善您的客戶體驗。
公開演講者
在國際研討會與產業活動上發表漸進式網路應用程式、網頁效能最佳化及大型網頁應用架構的技術演講。
演講與展示
2017年2月 – 2023年1月加州 帕羅奧圖首席軟體工程師
tinder.com 首席工程師——主導旗艦網頁平台的技術架構，每日服務全球數以千萬計的活躍用戶。
Tinder Online
主導 Tinder 旗艦網頁平台 tinder.com 的技術架構與開發。架構可擴展的前端解決方案，每日服務全球數百萬活躍用戶。
迄今已達 550 億次配對，Tinder® 是全球最受歡迎的交友應用程式。
Tinder Swipe Life
開發並上線 Tinder 生活風格雜誌平台，為交友社群打造引人入勝的內容體驗。
演講與展示
- Production Progressive Web Apps With JavaScript Frameworks (Google I/O 2017)
- Fast By Default: Modern Loading Best Practices (Chrome Dev Summit 2017)
- Adaptive Loading - Improving web performance on slow devices (Chrome Dev Summit 2019)
- PWA patterns for window and service worker communication (Chrome Dev Summit 2020)
- SMS OTP form best practices (Chrome Dev Summit 2020)
2016年7月 – 2017年1月加州 帕羅奧圖軟體工程師
為 Branch 深度連結平台搭建前端基礎設施與工程規範。
Branch Dashboard and Solutions
為深度連結平台架構前端基礎設施、建立工程最佳實踐，並實作網站效能最佳化。
深度連結第一品牌。將強健、持久的連結整合至電子郵件、SEM、廣告及其他傳統行銷管道，促進應用程式成長。
2009年11月 – 2016年7月台灣 台北 · 加州 桑尼維爾資深軟體工程師
在雅虎任職逾六年，跨越多條產品線——行動版首頁、天氣、新聞摘要、品質工程，以及全球流量最大的單頁應用程式之一。
首頁
打造全球最多人瀏覽的單頁應用程式之一，跨桌機、平板與手機服務數百萬用戶。開發可重複使用的 UI 元件、工具套件與 Node.js 套件。
全新 Yahoo 歡迎您。全新 Yahoo 體驗讓您更輕鬆發現最在乎的新聞與資訊——為您量身打造的網路。
氣象
使用同構 React 架構強化 Yahoo Weather 平台，在所有裝置上提供無縫用戶體驗。
以最準確的每小時、5 天及 10 天預報為您的一天做好準備。精美的 Flickr 照片配合您的位置、時間與當前天氣狀況。
新聞摘要
開發 Yahoo News Digest 網頁平台，為熱門行動應用程式的內容實現更佳的 SEO 效能與深度連結能力。
Yahoo News Digest 提供所有重要且必知新聞的確定性摘要，每天早晚各推送一次。
行動版首頁
為 Yahoo 行動版首頁試行創新的單頁應用程式架構，聚焦於提升用戶感知效能與行動裝置最佳化。
亞太行動版首頁（台灣與香港）
帶領 5 人跨職能團隊，為亞太市場架構並交付完整的內容消費體驗。
提供最方便的網站搜尋、即時新聞、生活資訊和Yahoo奇摩服務入口。
2012 總統大選 - 選舉戰情室
架構並開發 選舉戰情室——一款提供即時選情報導的全方位平板應用程式，整合主要新聞來源的精選內容與原創報導。
Yahoo 的 選舉戰情室 提供直播視訊、報導，以及眾議院、參議院、州長及總統選情地圖，縣級即時開票、即時部落格、即時民調與社群情緒分析。
2012 總統大選 - #Hashout
開發 #Hashout——一個旨在匯聚多元觀點、促進選舉期間有意義政治對話的創新線上談話秀平台。
Yahoo 2012 總統大選線上談話秀。
專案經理 / 工程主管
義務役期間設計並開發軍事教育用的網頁模擬訓練系統，並管理與指導一支六人工程團隊。
裝備模擬器
設計並開發軍事教育用的網頁訓練系統，管理並指導 6 名人員。最大的挑戰不是技術，是讓弟兄們願意打開瀏覽器。