三個(gè)月前我離開上一間公司，投入 iCook 食譜社群網(wǎng)站的建設(shè)與營(yíng)運(yùn)工作，從我們正式開工、上線到目前短短幾個(gè)月，我們一路跌跌撞撞，學(xué)了很多經(jīng)驗(yàn)，想借由這篇文章分享一下我們?nèi)绾紊朴酶鞣N云端服務(wù)來(lái)加速我們的網(wǎng)站開發(fā)，讓我們可以專注在網(wǎng)站產(chǎn)品開發(fā)與社群的營(yíng)運(yùn)上，我們可以說(shuō)是只花了不到兩個(gè)月的時(shí)間就讓網(wǎng)站從無(wú)到有并且上線。雖然網(wǎng)站目前流量還不是挺大，沒有太多數(shù)據(jù)可以拿出來(lái)分享，不過(guò)我們?cè)谟邢薜娜肆ψ隽藵M多看得到與看不到的事情，我個(gè)人認(rèn)為真的要感謝現(xiàn)在許多現(xiàn)成的云端服務(wù)。我個(gè)人的 Twitter 是 twitterocom/deduce ，歡迎在 Twitter 上與我交流。

首先要簡(jiǎn)短說(shuō)明一下我們整個(gè)公司的編制，我們目前共有 8 位伙伴，一位是 Fox，從營(yíng)銷、社群經(jīng)營(yíng)、業(yè)務(wù)合作到開發(fā)票、發(fā)薪水都是他在負(fù)責(zé)；一位是 Leo，是我們的首席設(shè)計(jì)師，主導(dǎo)產(chǎn)品的視覺設(shè)計(jì)與UI/UX設(shè)計(jì)；另外有三位 iOS developer（或說(shuō)是 App developer）；剩下的三位就是 Web developer 了。

Web developer 的組成則是一位因?yàn)楸或_進(jìn)來(lái)至今仍無(wú)法畢業(yè)還在讀研究所的年輕人（就是我本人，對(duì)，還是個(gè)年輕人），一位剛從政大資科畢業(yè)就被我們騙進(jìn)來(lái)的資優(yōu)生（第一名畢業(yè)）還有一位還在讀政大資管就被我們騙進(jìn)來(lái)的實(shí)習(xí)生。

Web team 雖然有三個(gè)人，但我們不是葉問(wèn)，無(wú)法一個(gè)打十個(gè)，尤其被騙進(jìn)來(lái)的年輕人，我們要多花一些時(shí)間與耐心陪伴他們與產(chǎn)品一同成長(zhǎng)。這樣的編制，我們無(wú)法像很多公司一樣把前端、后端、系統(tǒng)管理、測(cè)試等角色明確的分開?？剂康饺肆\(yùn)用的效率，我們?cè)谧畛醯漠a(chǎn)品發(fā)展規(guī)劃時(shí)，不得不做了兩個(gè)決定：

我們要大量運(yùn)用各種現(xiàn)成的服務(wù)，盡可能透過(guò)租用的模式，節(jié)省人力的運(yùn)用，讓大家的心力是專注在產(chǎn)品本身的核心價(jià)值、體驗(yàn)設(shè)計(jì)與功能的實(shí)現(xiàn)。

我們要跑得比平常更快一點(diǎn)，即使是還有許多沒有寫完的功能、模組，也要盡快上線，每天都要前進(jìn)。

每天都發(fā)布新版的網(wǎng)站程序，持續(xù)改善，讓社群來(lái)協(xié)助我們決定下一步該做什么，并且盡可能將上線前還沒完善的功能盡快做完。我常說(shuō)產(chǎn)品上線后才是真正的開始，所以即使到今天，我們都還有一堆沒做完的功能、沒改完的臭蟲、沒調(diào)整完的介面，不過(guò)沒關(guān)系，我們就每天改。我們跑得快的方法是每天持續(xù)的優(yōu)化，今天要比昨天更好，這禮拜要比上禮拜更好。

打造一個(gè)食譜社群網(wǎng)站，乍看之下沒什么困難的，不過(guò)我可以舉幾個(gè)實(shí)際的案例，來(lái)說(shuō)明為何我會(huì)特別強(qiáng)調(diào)，我們有限的人力必須更專注在產(chǎn)品的核心上：

我們網(wǎng)站同時(shí)支持 IE7/IE8/IE9、Firefox、Google Chrome 以及 Safari 瀏覽器，同時(shí)還有專門支持手機(jī)版的頁(yè)面（目前僅對(duì) iPhone 最佳化， Android 跟 Windows Phone 也可以看到手機(jī)頁(yè)面，不過(guò)某些小細(xì)節(jié)可能會(huì)爆炸），我們目前幾乎確保了 97% 的用戶看到的介面、編輯的介面盡可能是一致的（IE7還是小有問(wèn)題，不過(guò)今年底我們就會(huì)捨棄 IE7 了）

我們的介面設(shè)計(jì)上有一些很刁鉆的需求，流程的規(guī)劃也預(yù)留了未來(lái)發(fā)展移動(dòng)版應(yīng)用的空間（例如 iOS apps），我們可以說(shuō)是在打造網(wǎng)頁(yè)版應(yīng)用的同時(shí)，也必須考慮到未來(lái)發(fā)展手機(jī)應(yīng)用時(shí)的使用流程以及 API 的規(guī)劃，這一點(diǎn)是相當(dāng)耗費(fèi)心力的

我們?cè)跀?shù)據(jù)的統(tǒng)計(jì)、資料的分析上下了很多功夫，理論上一年內(nèi)我們的食譜數(shù)量就會(huì)成長(zhǎng)到將近10，000筆，屆時(shí)如何可以讓使用者輕松的找到喜歡的食譜，或是透過(guò)食材的組合找到正確的食譜，光是食材資料庫(kù)的建置、推薦機(jī)制的設(shè)計(jì)，就會(huì)花掉許多時(shí)間（簡(jiǎn)單來(lái)說(shuō)，我們?cè)谶M(jìn)行簡(jiǎn)單的 text mining 與 data mining 來(lái)建置 recommendation system），這是網(wǎng)站的核心價(jià)值之一，也是未來(lái)我們可以確保產(chǎn)品營(yíng)運(yùn)上可以有良好基礎(chǔ)的關(guān)鍵

在大家都不是葉問(wèn)的情況下，又想要追求卓越、打造一個(gè)體質(zhì)良好、得以長(zhǎng)久經(jīng)營(yíng)的網(wǎng)站，顯然我們需要強(qiáng)大的火力支援才能確保我們的網(wǎng)站開發(fā)能達(dá)到我們的最低要求。而針對(duì)運(yùn)用各種現(xiàn)成的服務(wù)方面，我簡(jiǎn)短分享我們一共用了哪些現(xiàn)成的資源，以下的順序就是看心情，想到什么寫什么 ：p

與網(wǎng)頁(yè)技術(shù)無(wú)關(guān)的服務(wù)

Google Analytics

我們利用 Google Analytics 來(lái)追蹤使用者在我們網(wǎng)站上的贊數(shù)、留言數(shù)、收藏?cái)?shù)，另外我們也用來(lái)追蹤每日登入的會(huì)員數(shù)還有一部分的電子商務(wù)營(yíng)收數(shù)據(jù)。使用 Google Analytics 的好處是它提供了強(qiáng)大的多維度報(bào)表分析功能，我們可以透過(guò)許多方式來(lái)檢討我們每天、每週的經(jīng)營(yíng)成效。

另外，透過(guò)即時(shí)線上人數(shù)的統(tǒng)計(jì)，我們可以很直接的觀察到各類營(yíng)銷活動(dòng)的成效，這也非常有趣，當(dāng)你看到同時(shí)在線人數(shù)有上百人的時(shí)候，真的會(huì)有一種既感動(dòng)又興奮，同時(shí)愿意再多熬夜拼個(gè)幾天的感覺XD

Mailchimp

這是另外一個(gè)發(fā)信服務(wù)，Mailchimp 的好處是有完整的后臺(tái)可以讓營(yíng)銷人員自行編輯信件的內(nèi)容，進(jìn)而發(fā)送電子報(bào)。換句話說(shuō)，我們目前不花費(fèi)任何開發(fā)者的時(shí)間開發(fā)相關(guān)的功能，先外包出去，以后有時(shí)間、有更進(jìn)階的需求，才拉回來(lái)自己做。

Mailchimp 同樣也會(huì)提供統(tǒng)計(jì)數(shù)據(jù)，讓你了解發(fā)信量、開信量等，你甚至可以看到是哪些人有點(diǎn)開你的電子報(bào)，進(jìn)而將這些人依不同的維度劃分成不同的群組，未來(lái)可以進(jìn)行簡(jiǎn)單的客製化電子報(bào)派送。就小規(guī)模的團(tuán)隊(duì)與服務(wù)來(lái)說(shuō)，這是顧客關(guān)係管理的第一步。

Uservoice

Uservoice 是一個(gè)非常重要的服務(wù)，我們從開站以來(lái)，我們幾乎每天都會(huì)透過(guò) Uservoice 收到來(lái)自我們?cè)L客的建議與問(wèn)題回報(bào)，Uservoice 透過(guò)簡(jiǎn)單的介面讓訪客可以輕松的發(fā)信告訴我們他的想法。我們透過(guò) Uservoic 來(lái)掌握使用者對(duì)于我們網(wǎng)站產(chǎn)品的看法，也藉此可以更加深入的了解我們社群。

我們可以透過(guò)后臺(tái)清楚的看到目前所有尚未回應(yīng)的問(wèn)題，或是誰(shuí)已經(jīng)回應(yīng)了哪些問(wèn)題，甚至可以建立罐頭訊息，還有積分的設(shè)計(jì)，客服人員每當(dāng)回答了問(wèn)題，就會(huì)得到額外的積分。（不過(guò)其實(shí)我們目前是共用帳號(hào)、共享積分XD）

Google WebMaster

除了 Google Analytics 之外，我們會(huì)透過(guò) Google Web Master 來(lái)觀察網(wǎng)站目前在 Google 上的搜索成效與排名。不過(guò)畢竟我們網(wǎng)站才上線兩個(gè)多月，這部份我們其實(shí)還沒有太高的期待XD

與網(wǎng)頁(yè)技術(shù)相關(guān)的服務(wù)

Ruby on Rails

這是我們網(wǎng)站主要使用的框架，近年來(lái)有滿多網(wǎng)站選擇使用的，使用 Rails 最大的好處是 Rails 目前有相當(dāng)成熟的 ecosystem，有許多現(xiàn)成的套件可以讓我們很快實(shí)現(xiàn)許多功能，讓我們可以專注在打造網(wǎng)站產(chǎn)品。

另外，使用這類框架最大的好處是，這些框架都由非常資深的前輩們用心打造而成，可以替我們這些后輩們避開許多問(wèn)題，我們可以說(shuō)是站在巨人的肩膀上、善用前輩的智慧、心血結(jié)晶在打造我們心目中卓越的產(chǎn)品。

如今要打造一個(gè)網(wǎng)站，你能選擇的框架越來(lái)越多，像是 ASP.NET MVC、Django、CodeIgniter、Node.js，都漸漸有越來(lái)越多的資源可以運(yùn)用。當(dāng)然，我建議撰寫網(wǎng)頁(yè)還是要從基礎(chǔ)練起，不然這些框架很多時(shí)候會(huì)讓你感到非常痛苦，因?yàn)槟悴粫?huì)知道它背后到底幫你做了哪些事情，反而會(huì)讓你綁手綁腳的。