從零開始打造自己的網站：一個騎車愛好者的實用工具分享
fom Freepik 為什麼要自己做網站？ 身為一個熱愛騎自行車的上班族，我經常需要計算爬坡時需要多少功率，或是分析 GPS 軌跡檔案來規劃騎乘時間。特別是工作上常常需要分析電輔腳踏車的性能，要多少瓦數才能爬什麼坡，市面上雖然有一些工具，但總是缺少我想要的功能，而且大多是英文介面。 於是我想：「不如自己做一個？」 這個想法讓我開始了一個有趣的學習之旅。從完全不懂網站架設，到現在有了一個自己用得順手的專業工具，這個過程不僅讓我學到了技術，更重要的是學會了如何將工作需求變成實用工具。 我做了什麼？ 🚴♂️ 自行車功率計算器 我的網站主要功能很簡單： 輸入你的體重、功率，就能算出在不同坡度能騎多快 反過來，輸入目標速度，就知道需要多少功率 可以上傳 Strava 或 Garmin 的 GPX 檔案，自動分析整條路線需要多久時間 特別針對電輔腳踏車的功率需求進行分析 聽起來很專業？其實核心就是一些物理公式的計算，任何人都能理解。 🌟 與眾不同的地方 為什麼不直接用現有工具？ 大部分工具都是英文，台灣騎士用起來不方便 很少支援 GPX 檔案直接拖拉上傳分析 計算結果不夠詳細，看不出各種阻力的影響 沒有針對台灣常見路線（像武嶺、陽明山）優化 缺乏電輔腳踏車的專門分析功能 所以我做的不只是一個計算器，而是專為自己（和可能有同樣需求的人）設計的實用工具。 技術選擇：簡單就是美 💻 為什麼不用複雜的框架？ 一開始我也想過要用 React 或 Vue 這些熱門框架，但後來發現： 載入更快：沒有多餘的程式庫，網頁開啟飛快 SEO 更好：Google 更容易理解和收錄 維護簡單：不用擔心框架版本更新問題 成本更低：不需要複雜的建置流程 最終我選擇了最簡單的技術：HTML + CSS + JavaScript，但這不代表功能陽春。 🚀 為什麼選擇 Firebase？ 在比較了各種主機服務後，我選擇了 Google 的 Firebase： 費用考量 完全免費（每月 10GB 流量） 對個人工具來說綽綽有餘 目前流量不大，免費額度就夠用 技術優勢 全球加速，台灣用戶載入很快 自動 HTTPS 安全連線 與 Google 服務整合完美 未來彈性 ...