最近因為 Hax4 有 project 需要用到台灣郵遞區號，所以就花了一點時間做了一個簡單的 js (jQuery) plugin – TwZip.js。不過身為一個前端工程師當然想把事情都留在前端處理就好，因此當初在設計這個 plugin 的時候就打算把所有的資料都放在前端，然後以 lazyload 的方式把資料載進來而不需要後端的支援（超懶）。
而說到資料，TwZip.js 的資料是從中華郵政全球資訊網下載來的，然後簡單寫了一個 makefile 搭配 node.js 自動產生數百個鄉鎮市區的 metadata 供前端使用。
這邊要提一個我一直被卡住的白痴問題（OS 老師當初應該把我當掉），因為原本我的設計是三層式架構（像是 台北市/信義區/信義路），但是這會造成資料過度碎片化的問題。之所以會這樣是因為在 file system 裡面最小單位的 block or Cluster 有一個最小容量，像我電腦就是 4 KB，所以如果資料小於 4KB 就還是以 4KB 計，因此這個三層式設計最後就產生出 16X MB 的資料（因為產生出太多 metadata 了）… 整個比原本的專案大上好幾十倍呀 …
為了解決這個問題，最後就改成兩層式架構（像是 台北市/信義區），也因為層數變少的關係所以最後就變成約 4 MB 的資料了，整個就是皆大歡喜。
還記得以前的前輩曾經教過我在寫程式的時候要先把 API 想好，確定使用者使用的介面再開始寫細節，透過這樣的決定來讓整個專案照著預期的方向前進才是比較好的，這樣才可以提前知道這個設計上的缺陷及問題，算是又多了一點體悟吧！
儘管如此，目前這個 plugin 還只能算是一個 prototype ，未來應該會再把 zipcode 的資訊透過 callback 傳回去。其他的功能就再說吧。
DogFooding ++
