這是一個有始有終的系列文章，即使今天是最後一章，我還是會把自己身上的技術涵養往讀者們的身上灌。

其實 Boilerplate 的應用情境非常多元，而我希望提供的是撐起大型應用的梁柱，是舒緩網站開發痛點的止痛劑，讓開發者只專注在開發自己產品的核心功能而無後顧之憂。

寫網站一點都不簡單

要完成一個 Boilerplate 絕不是一件容易的事，更何況是一個真正上線擺在你眼前的網站，所以即使是再小的網站，我都是對作者抱持著一顆尊敬的心，因為他投入的時間絕對比你想像中還要多，你永遠不知道他究竟花了多少心思在做以下的事情：

• 決定專案名稱
• 註冊各種服務
  • Go Daddy
  • Gmail
  • MongoLab
  • Google Analytics
  • Recaptcha
  • ...
• 註冊網域
• 找主機、找營運的方式（IaaS、PaaS、...）
• 找 Storage Server
• 找佈景主題，或是與設計師來回溝通
• 找字型
• 找無版權的素材
• 蒐集文案（服務條款、隱私權政策、...）
• 翻譯網站內容
• 建立 Repo
• 查詢需要用到的 Library、閱讀文件，內化之後實作出來
• 決定資料庫的 Schema
• 設計 API
• 了解常見安全議題，且知道如何應對
• 開始一個專案的生命週期
  • Develop
  • Debug
  • Staging
  • Commit
  • Refactor
  • Push
  • Deploy
• 撰寫測試
• 撰寫文件

更別忘了，能夠做到以上事情之前，要先投入多少心力學習以下這堆技術：

• html
• css
• javascript
• nodejs
• mvc
• reactjs
• flux
• git
• git flow
• http protocol
• rest api

一個使用者用 iPhone 6 的 Safari 看見網站上的一個按鈕，當下只會覺得就是一個按鈕；但是對工程師而言，先撇開按鈕觸發的互動不談，這個按鈕必須要兼顧手機、平板、電腦 3 種使用情境，Chrome、Firefox、Safari、IE 等至少 4 種瀏覽器，要考慮這個按鈕的一般狀態、hover 狀態、active 狀態、disable 狀態等至少 4 種狀態，總共 3 * 4 * 4 至少 48 種狀態下的每個狀態的 width、height、padding、margin、border、color、background、font、...

工程師看見的是 N 個維度的空間（Space），使用者看見的卻只是投影出來的一維的點（Point）。所以外行人看網站覺得簡單，是因為他們只看見看的見的東西；內行人看網站之所以覺得複雜，是因為看見太多別人看不見的。

致謝

• 感謝 Jeremy 的 Boilerplate 啟發了我這個專案的靈感
• 感謝朋友沒一村提供了這個比賽活動資訊

＊＊＊＊＊＊ 人格分裂分隔線 ＊＊＊＊＊＊

呵呵總算撐到第30天惹

你們以為我會正經到最後一刻嗎？

你他媽陀螺還在轉ㄅ

當然是要先來發一篇廢文慶祝R

完成鐵人的第一件事情就是

就是～

就是～就是！！！

就是！

鄧愣！

要在人生的夢想清單勾起「完成IT鐵人賽」啊啊啊啊！！！！！

嗚嗚

真4太感動惹

眼睛都哭到快要掉下來惹

女朋友也是替我哭得不要不要的

濕了一整片

.

.

.

內心小劇場演完 ler

大 guy 就是這樣

下台一鞠躬

謝謝大家看完這篇廢文

還有前面 29 篇 U 質好文

喜歡或認同請按讚加分享

我會祝你一生平安