Ernest Talks

DigitalOcean 亞洲區機房來囉！位於新加坡 (SGP1)

DigitalOcean 亞洲區機房來囉！位於新加坡 (SGP1)

不久前才分享了「 DigitalOcean SSD VPS 只消 55 秒鐘開啟主機」，今天就看到 DigitalOcean 真的開了新加坡機房可以選了！更多資訊可以參考 DigitalOcean Blog「 We're Excited To Announ...

DigitalOcean SSD VPS 只消 55 秒鐘開啟主機

<div class="separator" style="clear: both; text-align: center;">
<a href="http://go.ernestchiang.com/digital-ocean" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="401" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif8IdIt5aDk5vYJOJq7p_b7CTzUlIwm0Gr1_pr462DnB-aClpnro6mtGJjs-ShmcS1osgLY6oFlFX0MTqMdPAJyWZpxXq4sb1jGjDizzLxoOIiaIQUcf5tbaTVJWl380NgUX3RYNWFdCM/s1600/Screenshot+2014-01-31+09.15.41.png" width="640" /></a></div>
<br />
本文簡單跟大家分享如何在 <a href="http://go.ernestchiang.com/digital-ocean" target="_blank">DigitalOcean</a> 立馬開啟帳號然後開一台 VPS 主機來玩玩看。<br />
<br />
<a href="http://go.ernestchiang.com/digital-ocean" target="_blank">DigitalOcean</a> 是最近年熱門的 VPS 主機商，主打 SSD 硬碟配備，所以行銷策略主打快速部署的聯想連結走法。推出後不久也逼的一些廠商祭出配備升級來因應。網路上大家有發表許多比較文，大家的個別實際應用也都不同，在此就省略這個部分的討論，純粹跟大家分享在 <a href="http://go.ernestchiang.com/digital-ocean" target="_blank">DigitalOcean</a> 如何快速從建立帳號到開啟主機的整個流程。<br />
<br />
題外話，雖然官方是說 55 秒可以建立一台機器，但因為開啟機器之前需要先建立付費工具（信用卡，或 PayPal）所以如果平常不熟悉這類型付費工具的朋友，可能會在這裡多花些時間。<br />
<br />
<blockquote class="tr_bq">
<strike>2014 年的官方優惠碼 (promo code)：「<span style="font-size: small;"><a href="http://go.ernestchiang.com/digital-ocean" target="_blank"><b>2014SSD</b></a></span>」</strike><br />
最近的優惠碼 (promo code)：「<b><span style="font-size: x-large;"><a href="http://go.ernestchiang.com/digital-ocean" target="_blank">DEPLOY2DO</a></span></b>」(2014-04-30 到期)</blockquote>
<blockquote class="tr_bq">
等同可以開一台最小規格主機玩 2 個月！(Free US$10 credit.)</blockquote>
<br />
先提醒一下，安裝完畢後的安全方面還請大家多多注意，安全議題跟花多少錢在哪一種等級的主機沒有太大相關性，跟自身警覺性比較有相關 :p<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://go.ernestchiang.com/digital-ocean" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyprQWv6eI9TakvtZXcuRPI2rCuTFNBBaOcfZS6omMmWQfn4o_FO8B7GtEkOlVq_GrVHDjNPyiMcakaNpCpOJGh5SZTo0SEQeZLe3rVOxzNsCEA7RYLJt3sKj1KfMykd0iiNz4ZG3CilY/s1600/DigitalOcean%2301.png" width="640" /></a></div>
<br />
輸入 Email （帳號名稱），自選密碼，然後按下藍色按鈕進到下一步。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://go.ernestchiang.com/digital-ocean" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="366" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYfSoke_feZiqSedE5yoj6aZe8gVGVmOXdC5lUp3pJwDYg5qrHld5zoJFw3pZwo4fqP3uPwPHoI8YHxv-NQ7d1Tux8m9M_5ZE9UcKnrB6fBkflCo1la2pnj4775ABVcHJWYTrx-_XvfmM/s1600/DigitalOcean%2302.png" width="640" /></a></div>
<br />
接下來，按下綠色按鈕，輸入優惠碼（可以參考文章開頭處，或是上網搜尋優惠碼 "<a href="https://www.google.com.tw/search?q=digitalocean+promo+code" target="_blank">digitalocean promo code</a>"，或是逛一下 <a href="http://go.ernestchiang.com/digital-ocean" target="_blank">DigitalOcean</a> 的 <a href="https://twitter.com/digitalocean" target="_blank">Twitter 帳號</a>）。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://go.ernestchiang.com/digital-ocean" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="424" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBnK0BW_b49PXZfxcwrEbILK0TdoloQjXbr4ZNuiNUTkVfpUCDeo1Ph9k9QU91FCEHcNIkDL2-VulU5RbgFx_B3uaJY24B3CDBrTOu8vNisd_vVunIagc6_SdkTX67pcpWhc9paajdva4/s1600/DigitalOcean%2303.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://go.ernestchiang.com/digital-ocean" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="408" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJWB18w3xEUawkFhCSO9gF19N9eeXxGwzQ94Ug7CZHEj6TQQ4ZpSFimLLWYoxcX1eI64ne7mrCMVxM2Si8PI0EYSIvdxMTIk6bIpUrs6-x8JnGloAhUq7uO-DJ2i9FviCOz_Vzl7f5JP8/s1600/DigitalOcean%2304.png" width="640" /></a></div>
<br />
我這次輸入的優惠碼是免費 US$10 的，輸入完之後系統會立刻檢查是否有效，若有效，會立即顯示對應的金額數字。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://go.ernestchiang.com/digital-ocean" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRSnyVBprbEaLkmO7l9exWtfleXTY2G1poe0OKJgLzvYHctB3Ffar7TSJXiai2VilvZfo2yNwCuK7m4tOTGRQJ7MIdyzbT76RB_pplXP7U3Kt5EB7lgj-hVB_DAZZl9-mR3ONTp3J9wBw/s1600/DigitalOcean%2305.png" width="640" /></a></div>
<br />
完成優惠碼之後，還是要在付款方式擇一完成驗證，目前有兩種，一種是信用卡，一種是 PayPal。我自己習慣用 PayPal，所以就簡單儲值 US$5, 或 US$10 就可以進到下一步來開主機囉！新增信用卡也是個簡單的選擇，可以立即開通。若使用 PayPal 驗證，會稍微等個五分鐘。<br />
<br />
在左側選單，選擇第一個「Droplets」。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://go.ernestchiang.com/digital-ocean" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="374" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIZtT1u3G1iSOlVBUpQOSHYQBjyimIRW1jmiYb5CRyavD88MIg_U8YSSfykBvJSuL-OCN7MUdPh_gmH56KjKcBQoMW2JfwEjll1YcojKnY-3UZg7IIwI0jJXFlVAh4r-Xv6oEfueIp4hs/s1600/DigitalOcean%2306.png" width="640" /></a></div>
<br />
完成綠色的付費驗證後，可以看到藍色的選項，準備來開機器囉！<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://go.ernestchiang.com/digital-ocean" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="424" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEikXBxP5mRDk9fx05m9d1b3D6Z58tZ_7bexoBOjcttx_3i4ZQ2x2Tw5AfWbW8vMeFranjcjJrJw-oU7G4gA8hj9GyFS0AFWcYdpZGkmcFbeOfeH50qvOAiizxs5GQGRW8FLpA0srSJ1w/s1600/DigitalOcean%2307.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
首先，輸入識別用的主機名稱。可以用一個自己記得住的名稱即可，例如：NY27 （紐約的第 27 台機器），或是像我這樣輸入一個自己的網址 do.ernestchiang.com (do; DigitalOcean)。之後在機器清單中方便找到對應的機器。<br />
<br />
然後選擇所需要的主機規格。在此先拿最小的機器來玩。<br />
<br />
畫面繼續往下移動。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://go.ernestchiang.com/digital-ocean" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="328" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZu12c72dKwd-HLairXU-mqNmx6PNth7z9b4SFm9ZxXwKxTPhCrBml6013zNE5UupgNbDlNJTXc2tXqyWZCO513OfDWVSQqvGg9e_8zf_dGw3FOFxnq-RAe3FMzOk9w4yNswlxuWXFIbs/s1600/DigitalOcean%2308.png" width="640" /></a></div>
<br />
接著選擇主機所在的機房位置，隨著時間的不同，選項應該會有所增加。以我測試的這天，New York 1 和 Amsterdam 2 是滿的，可以選擇 San Francisco 1 或 New York 2。亞洲區應該也快要出現選項了（期待）。<br />
<br />
<i><b>Update (Feb/12, 2014):</b></i><br />
亞洲區機房，新加坡開幕囉！請參考站內文「<a href="http://talk.ernestchiang.com/2014/02/digitalocean-sgp1.html" target="_blank">DigitalOcean 亞洲區機房來囉！位於新加坡 (SGP1)</a>」。 含從台北 ping 的結果比較圖。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://go.ernestchiang.com/digital-ocean" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="478" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKSMwydsJ_Wrl4W97twYWZgTxLuP0oXO6uHy_ZVeIpdcGfIA32gQmu6YacHlrJAoPH5JF48CpYT4k-eCnHJpckYBpvGHgyyL9SnQI0y2cYbZj4ZmuAkPlVEbAD1xDcdrZdFCAAC5cRETY/s1600/DigitalOcean%2309.png" width="640" /></a></div>
<br />
接下來選擇影像檔，這裡有許多彈性選擇。今天練習就先選 Ubuntu 12.04 x64 (LTS)。大家可以選擇自己熟悉的系統影像檔，或是切換頁面可以選擇已經包好的選項，例如第二頁 Application 有已經包好 LAMP 的影像檔可以用。（參加比賽競賽或 Hackathon 的時候想省時間，可以考慮用一下。）<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://go.ernestchiang.com/digital-ocean" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijSl2DO4CQVdQqG3jSjf29b7x7RTlM3r8q9VS7tl1rOAT1Zib3DHbgq-5vT0zhyphenhypheneMQTizLDYUHSit5gv-F9mWgdWiCnd3wyR8YmVTniN5wFqeOVqZ6Zhw0eg0tf2Cea3gTJLHqPy9mLas/s1600/DigitalOcean%2312.png" width="640" /></a></div>
<br />
最後，畫面最下方，設定項目都先用預設的就好（各個選項，有的可能有額外的費用，請大家自己先看過價錢後再勾選。）<br />
<br />
按下綠色按鈕「Create Droplet」就可以開啟機器囉 :-)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://go.ernestchiang.com/digital-ocean" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXhEAsURucKi2PPgRVzXrjmCEsbuZjKLgq4Wosh3hp1mO7_zpbdeWqnz3vCd0zfJi1NQDpEAAUG4TTlVEyz0_Sjl1IbgmfR-fhJvrwsKDMt250G3v4_jiz3SCLioTFm1PCl0hF8oq-gVg/s1600/DigitalOcean%2313.png" width="640" /></a></div>
<br />
不到一分鐘的時間，<a href="http://go.ernestchiang.com/digital-ocean" target="_blank">DigitalOcean</a> 就會建立好這個新的 droplet 。會跑一個進度狀態條作圖示。<br />
接著就可以看到這台機器囉。<br />
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://go.ernestchiang.com/digital-ocean" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="464" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixJhmZOhXkmTRUs3A4yuV4etHNoA1RqBRX94qqoDpRfIjzpgfAdzt3ffW508kG8Upx7jGK99P_zHFfp2nY1e4k-X7KGD8JqujwJSZkuYhLWJYnzT9_bTovc4cH2jkjMQrSk7SojazGsUo/s1600/DigitalOcean%2314.png" width="640" /></a></div>
<br />
<br />
<br />
有 IP ，機器規格，以及可以對這台機器做些動作（Power, Access, Resize, Snapshots, Settings, Graphs, and Destroy.）<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU2JrvSDszVE7p7auSIHR9AKDoejmoAJHR7baxAHEf0F2bMWGnO69aUFQclBGmXmLwbBKVL1lCy9z7V8gtSy7pSKJxG6JepbveGlNN_PKFwLndMLO3WP_pEgwq0oBGSz3liDhyphenhyphenvmnag1o/s1600/DigitalOcean%2315.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="382" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU2JrvSDszVE7p7auSIHR9AKDoejmoAJHR7baxAHEf0F2bMWGnO69aUFQclBGmXmLwbBKVL1lCy9z7V8gtSy7pSKJxG6JepbveGlNN_PKFwLndMLO3WP_pEgwq0oBGSz3liDhyphenhyphenvmnag1o/s1600/DigitalOcean%2315.png" width="640" /></a></div>
<br />
在剛才填寫的 Email 信箱中會收到系統客服寄來的信件，裡頭有這台機器的 root 密碼。（記得進去之後把密碼改掉，或是改用 SSH Key 方式建立連線。）<br />
<br />
讓我們用 ssh 嘗試第一次連線：<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://go.ernestchiang.com/digital-ocean" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="440" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfEpA9QM-rFbDgUbo7g5nDenRvSgNaa3AfggRbUrTkjihGGjokMHIxzkPg2Nc-WMsmINw2iH83T-WKhDgYCg5evLuBB9yEIoDtxIR4c9ereYGecyHyG-bYGLDOsDMlwg1rqFOxp-zvQ4g/s1600/DigitalOcean%2316.png" width="640" /></a></div>
<br />
可以看到硬碟大小，IP，機器 hostname 等資訊都與我們設定的相符。<br />
這樣就開好一台 <a href="http://go.ernestchiang.com/digital-ocean" target="_blank">DigitalOcean</a> 位於紐約機房的 VPS 囉。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://go.ernestchiang.com/digital-ocean" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvZ-BZbj1B4s9H5uDLIe5MOxVeO4R7YcREeFPb8wewLuPyDIiwcegC2mzr9YfbonMGU8QfLynXQf3HXC0hKP-28Lnicam0_7wZtdsWpddPFKGWOZic8hzJHH6gzv0GHlvHlWgpniQG2s4/s1600/DigitalOcean%2317.png" width="640" /></a></div>
<br />
回到左側選單「Droplets」，在清單中可以看到我們剛才建立的機器，及其基本資訊。<br />
<br />
未來再繼續分享，在這些機器上可以安裝哪些基本的或是有趣的東西 :-)<br />
btw, 機器沒有要用的話記得要關掉/砍掉喔，這些機器可都是時時刻刻都計費的喔。<br />
<br />
*** 本文分享，僅供參考，最新資訊請參考 <a href="http://go.ernestchiang.com/digital-ocean" target="_blank">DigitalOcean</a> 官方訊息 ***<br />
<br />
---<br />
教學 分享 入門 國外 虛擬主機<br />
<br />

DigitalOcean SSD VPS 只消 55 秒鐘開啟主機

本文簡單跟大家分享如何在 DigitalOcean 立馬開啟帳號然後開一台 VPS 主機來玩玩看。 DigitalOcean 是最近年熱門的 VPS 主機商，主打 SSD 硬碟配備，所以行銷策略主打快速部署的聯想連結走法。推出後不久也逼的一些廠商祭出配備升級來因應。...

SUMO SALAD

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUg67PplHo112erH-FvLayDQ1mwWD6XHn6SwPMVI6d2haZdIsKz_uLDqD_hPYYiMiysWtbCLf7c5PANSXcmJf56YiKzl4n-98yNqOBpDApogEp4ZtZLei3mTb_8Xh0AxuNIoPKKM4PrkE/s1600/p970049010-3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUg67PplHo112erH-FvLayDQ1mwWD6XHn6SwPMVI6d2haZdIsKz_uLDqD_hPYYiMiysWtbCLf7c5PANSXcmJf56YiKzl4n-98yNqOBpDApogEp4ZtZLei3mTb_8Xh0AxuNIoPKKM4PrkE/s1600/p970049010-3.jpg" /></a></div>
<br />
Hi SUMO!! I met SUMO Salad in <a href="http://blog.ernestchiang.com/2014/01/travel-in-gold-coast-australia.html" target="_blank">Gold Coast</a>, Australia last month!! So healthy!!<br />
有趣吧！上個月在澳洲<a href="http://blog.ernestchiang.com/2014/01/travel-in-gold-coast-australia.html" target="_blank">黃金海岸</a>逛街時遇到的 SUMO 沙拉店！超健康的！<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://photo.ernestchiang.com/img/s5/v126/p565043354-4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://photo.ernestchiang.com/img/s5/v126/p565043354-4.jpg" /></a></div>
<br />
For more information about SUMO project, welcome to visit: <a href="https://blog.mozilla.org/sumo/">https://blog.mozilla.org/sumo/</a> (English)<br />
更多關於 SUMO 專案的資訊，歡迎參考：<a href="http://moztw.org/contribute/sumo/">http://moztw.org/contribute/sumo/</a> (中文)<br />
<br />
---<br />
喜歡旅行嗎？歡迎造訪 <<a href="http://blog.ernestchiang.com/2014/01/travel-in-gold-coast-australia.html">澳洲黃金海岸之旅, Travel in Gold Coast, Australia</a>> 逛逛關於黃金海岸的介紹喔！<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://blog.ernestchiang.com/2014/01/travel-in-gold-coast-australia.html" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguJnybdoKSx4rSJcnmWDWKMvSVLaOJCYI1sMrE1-0TNjEq8XJLPkffwqy2QpQLDldkj7mr6M5DzWpmULVW3A1lIpvbwYGz5TvNq96bhdGtdT5AFOiFbbwpwiijf77g3TVBx0rkM5PVbM4/s1600/p200843142-5.jpg" width="640" /></a></div>
<br />
<br />
<br />
<br />

SUMO SALAD

Hi SUMO!! I met SUMO Salad in Gold Coast , Australia last month!! So healthy!! 有趣吧！上個月在澳洲黃金海岸逛街時遇到的 SUMO 沙拉店！超健康的！ For more infor...

四大網路商店架設平台外型模板也瘋週年慶，一次同綑下殺不到一折

<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/eCommerce-Pack" target="_blank"><img alt="http://bit.ly/eCommerce-Pack" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0OcHQ-sUBn_H1y__GdE5wHlXm28wGcNFiciHnSBuVJRa-0VRRIj0NVsYW28OBCZD2X7bdI3KC8Ofh-YW3r0GrSsKlWwKqOI9HzI9jJ_m7fTZ5P1XgdM0tkOGrT_IruC0t_SxQmAKV_kA/s1600/ecommerce_fb.jpg" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
*** 特價<a href="http://bit.ly/eCommerce-Pack" target="_blank">優惠同綑包</a>，只到 澳洲時間 今年十二月三號 12pm ***<br />
<br />
這次超級特價的網站模板同綑包，涵蓋了四大網路商店平台：<b>WordPress</b>，<b>Magento</b>，<b>OpenCart</b>，<b>PrestaShop</b>。<br />
<br />
都是國外架設網路商店時經常採用的架站平台。這次同綑包針對這四大平台各推出一款模板，原本四個分開買總共需要美金 $240，<b>現在只要美金 $20！</b><br />
<br />
就算只需要其中一個，也很划算！而且通常我們也只會用到其中一個，但也很划算（因為這一類的模板，平常買一個也是要個美金 $45 到 $100 不等，甚至更貴，通常最貴的是 Magento，功能也最能高度客製化，當然也最複雜），如果這個版型是自己喜歡的，買下來再自己改或找朋友幫忙小修改，就可以調出很有型的網路商店囉！<br />
<br />
我把這四個模板的基本外形先貼出來跟大家分享，但大家記得不要分開結賬喔，要省錢就要記得去買<a href="http://bit.ly/eCommerce-Pack" target="_blank">同綑包</a>，才會省到錢喔。<br />
<br />
<h2>
WordPress</h2>
<h3>
Barberry - Responsive WooCommerce Theme</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/eCommerce-WP" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="324" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVK7lEkG6sxAK_9hBtk5hC-sMTDEPNCenrqVjhAil3R54Q4sXhJ4Szz5wk4QYmCsdyNvfTJylme5diugkfbV3q7tMpXsQ1xaawGPxc7QUOG6u6PM2YXvcgZIFjxXlw-h2jT38q3J5T-VI/s1600/01_barberry_large_preview.__large_preview.jpg" width="640" /></a></div>
<br />
（點圖進去可以看 Live Preview 及時線上預覽，原價美金 $55）<br />
<br />
<br />
<h2>
Magento</h2>
<h3>
Emphasis - Multipurpose Responsive Theme</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/eCommerce-Magento" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="324" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlLxmT8TpzPjEZcuIu8KUNUx-byKwAz2Lqjn2MpfTSkWzT7eb-tRyUNfv_K9wPxYlcwoRao2wBETJ6kHBE36u9jSVH8I4kn8yoM5oKf17ud_wOhyMd2eU2n4QpXV5UNkme-zAhrE7J2Zk/s1600/cover_large.__large_preview.jpg" width="640" /></a></div>
<br />
（點圖進去可以看 Live Preview 及時線上預覽，原價美金 $80）<br />
<br />
<br />
<h2>
OpenCart</h2>
<h3>
Project Store - Responsive OpenCart Theme</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/eCommerce-OpenCart" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="324" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiudKjK0wjmsG8oXS9EpEMjcnEiXmIT58q5HNT2JvpV2WszPdDObpc6IOuGNErQftlsQLzQ9n9-NoU7VW2dLF7S7cqw47ohUIMgQI4KsC8qI5WEH0ES5ifyzsrIRJQDZhyphenhyphengCDlH-xNgZrw/s1600/01_preview.__large_preview.jpg" width="640" /></a></div>
<br />
（點圖進去可以看 Live Preview 及時線上預覽，原價美金 $45）<br />
<br />
<br />
<br />
<br />
<h2>
PrestaShop</h2>
<h3>
Sellya - Responsive Prestashop Theme </h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/eCommerce-PrestaShop" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="324" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBpuHfCN8neNsX6SEWjTucr4V5JlEL8x7KVI_Dq58KaSbvLxM3gMkqhwogf8z4lCX87Wt8JACrx4zJWyHLrhlPM_g0Z7q1mlp6_gKJf1xDVHIJ514NeRLelL4XxHAstBJxpT8FGXhYxD4/s1600/01_sellya_promo.__large_preview.png" width="640" /></a></div>
<br />
（點圖進去可以看 Live Preview 及時線上預覽，原價美金 $65）<br />
<br />
<br />
<br />
大家記得不要分開結賬喔，要省錢就要記得去買<a href="http://bit.ly/eCommerce-Pack" target="_blank">同綑包</a>，才會省到錢喔。<br />
<br />
模板<a href="http://bit.ly/eCommerce-Pack" target="_blank">懶人包</a>，模板<a href="http://bit.ly/eCommerce-Pack" target="_blank">同綑包</a>，只到下週二 Dec/3 就結束優惠囉！<br />
<br />
*** 特價<a href="http://bit.ly/eCommerce-Pack" target="_blank">優惠同綑包</a>，只到 澳洲時間 今年十二月三號 12pm ***<br />
<br />
<br />
<br />

四大網路商店架設平台外型模板也瘋週年慶，一次同綑下殺不到一折

*** 特價優惠同綑包，只到澳洲時間今年十二月三號 12pm *** 這次超級特價的網站模板同綑包，涵蓋了四大網路商店平台： WordPress ， Magento ， OpenCart ， PrestaShop 。都是國外架設網路商店時經常採用的...

AWS Cloud Kata Taipei 2013 投影片重點整理

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDc5AhT0BANIpxKZpj3SVk7KeNC76cNdS3E2si7De3LU_hn5BGz6E4Db7hYrzVaoboZpeVUF8VOGpzP1yfxulZn40Z-1VzyqL13-60bPcUG7GNsn_Vsq4Py-Qj_Go4wmgej7iO5rICEBY/s1600/(eDM)+Cloud+Kata_Taipei+(5).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDc5AhT0BANIpxKZpj3SVk7KeNC76cNdS3E2si7De3LU_hn5BGz6E4Db7hYrzVaoboZpeVUF8VOGpzP1yfxulZn40Z-1VzyqL13-60bPcUG7GNsn_Vsq4Py-Qj_Go4wmgej7iO5rICEBY/s640/(eDM)+Cloud+Kata_Taipei+(5).jpg" width="640" /></a></div>
<br />
錯過 AWS Cloud Kata Taipei 2013 嗎？可以在 slideshare 找到<a href="http://www.slideshare.net/AmazonWebServices/tag/cloudkatataipei2013" target="_blank">當天的投影片</a>囉。<br />
<br />
<h3>
AWS Cloud Kata | Taipei - Opening Keynote</h3>
以 Dropbox Pro Tip 為舉例，剛好前陣子拜訪 Dropbox 舊金山辦公室，特別有感覺。<br />
<ul>
<li>#1: Learn early, learn often.</li>
<li>#2: Not launching = Painful. Not learning = Fatal.</li>
<li>#3: "Keep the main thing the main thing".</li>
</ul>
接下來是讓大家猜猜哪一家新創公司只有 3 位工程師。開張第一天有 25K 新會員註冊，星期五就移過去 EC2 了。以下是 Instagram Pro Tips:<br />
<ul>
<li>#1: Keep it very simple.</li>
<li>#2: Don't re-invent the wheel: Go with proven and solid technologies.</li>
<li>#3: Minimize operational burden instrument everything.</li>
</ul>
第三家的 Pro Tips 我是覺得有點硬凹，就不整理了。偶爾聽身邊玩 AWS 的朋友說 AWS 常常將產品銷售融入在對客戶的教育訓練終於無形，終究還是在銷售。我同意，終究還是在銷售，但是一家 IaaS 廠商， 能夠有這麼完整的產品與解決方案覆蓋率，而且真的有機會可以跟客戶一起成長，大家彼此專注在各自應該專注的領域，共榮共存，也滿好的。<br />
<br />
說我被洗腦嗎？我覺得不盡然，如果一個 business model 本身是可以基於 IaaS 採用 AWS 架構的情況下獲利，那就是獲利。在 business model 本身未知是否獲利的情況下，直接討論哪一家 IaaS 或任何服務或產品，是貴還是便宜，就沒有意義了。可以在條件盡可能接近的狀況下做成本單價的比較，但是整天討論「貴」或「便宜」這種形容詞的話，倒是可以把時間省下來，專心實做 business model 並且做驗證。<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="356" marginheight="0" marginwidth="0" scrolling="no" src="http://www.slideshare.net/slideshow/embed_code/28396354" style="border-width: 1px 1px 0; border: 1px solid #CCC; margin-bottom: 5px;" width="427"> </iframe> <br />
<div style="margin-bottom: 5px;">
<b> <a href="https://www.slideshare.net/AmazonWebServices/aws-cloud-kata-taipei-opening-keynote" target="_blank" title="AWS Cloud Kata | Taipei - Opening Keynote">AWS Cloud Kata | Taipei - Opening Keynote</a> </b> from <b><a href="http://www.slideshare.net/AmazonWebServices" target="_blank">Amazon Web Services</a></b> </div>
<br />
<br />
<h3>
AWS Cloud Kata | Taipei - Getting to Scale</h3>
這份投影片循序漸進帶著大家逐步擴充自己的機器群與架構，從 Production 1.0, 1.1, 1.2, 1.3，然後最後用<a href="https://github.com/newsapps/beeswithmachineguns" target="_blank">蜜蜂</a>轟炸主機做 auto scaling live demo。<br />
<br />
最經典的一段就是當新產品準備開始實作時，問說該用 SQL 還是 NoSQL 呢？回答是「用 SQL 」，那大家可能會問說「但是，但是，但是，但是...」回答：「不，你不會（或你沒有）。請用 SQL。」<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="356" marginheight="0" marginwidth="0" scrolling="no" src="http://www.slideshare.net/slideshow/embed_code/28396464" style="border-width: 1px 1px 0; border: 1px solid #CCC; margin-bottom: 5px;" width="427"> </iframe> <br />
<div style="margin-bottom: 5px;">
<b> <a href="https://www.slideshare.net/AmazonWebServices/aws-cloud-kata-taipei-getting-to-scale" target="_blank" title="AWS Cloud Kata | Taipei - Getting to Scale">AWS Cloud Kata | Taipei - Getting to Scale</a> </b> from <b><a href="http://www.slideshare.net/AmazonWebServices" target="_blank">Amazon Web Services</a></b> </div>
<br />
<br />
<h3>
AWS Cloud Kata | Taipei - Getting to Profitability</h3>
這一份主要是在講如何省錢。可以看看內容先熟悉一下環境，如果手邊的應用不會用到很多機器的話，可以先把一開始的時間省下來，專心把產品做出來，有量之後再說。<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="356" marginheight="0" marginwidth="0" scrolling="no" src="http://www.slideshare.net/slideshow/embed_code/28396436" style="border-width: 1px 1px 0; border: 1px solid #CCC; margin-bottom: 5px;" width="427"> </iframe> <br />
<div style="margin-bottom: 5px;">
<b> <a href="https://www.slideshare.net/AmazonWebServices/aws-cloud-kata-taipei-getting-to-profitability" target="_blank" title="AWS Cloud Kata | Taipei - Getting to Profitability">AWS Cloud Kata | Taipei - Getting to Profitability</a> </b> from <b><a href="http://www.slideshare.net/AmazonWebServices" target="_blank">Amazon Web Services</a></b> </div>
<br />
<br />
<h3>
AWS Cloud Kata | Taipei - Getting to MVP</h3>
Lean Startups 的概念或說想法，有人喜歡，有人不喜歡，但以自己走了幾年的感觸來看，有一點共通不變的是「資源有限」。資源可以泛指「人（知識、技能）、機（工具、輔助品）、材（材料、待加工品）、時間」。<br />
<br />
簡報檔中有出現很可愛的滑鼠當年的概念雛形（Prototype），哈！讚！我們 <a href="http://www.pafers.com/" target="_blank">PAFERS</a> Lab 開發新產品時也是兜一兜電路板就開始測試可不可行了 :-)<br />
<br />
我很認同第 17 頁的「Fail Forward, Fail Faster, Fail Cheaper」。當然，認同、知道、和做到、實作，都是不同時間點和順序。如何擁有或創造這樣的環境，一樣會回到一開始的「資源有限」討論上。有一句來自於 KPCB 的引言，也提到「Startups are all about focus.」。都是在講一樣的事情。<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="356" marginheight="0" marginwidth="0" scrolling="no" src="http://www.slideshare.net/slideshow/embed_code/28396386" style="border-width: 1px 1px 0; border: 1px solid #CCC; margin-bottom: 5px;" width="427"> </iframe> <br />
<div style="margin-bottom: 5px;">
<b> <a href="https://www.slideshare.net/AmazonWebServices/aws-cloud-kata-taipei-getting-to-mvp" target="_blank" title="AWS Cloud Kata | Taipei - Getting to MVP">AWS Cloud Kata | Taipei - Getting to MVP</a> </b> from <b><a href="http://www.slideshare.net/AmazonWebServices" target="_blank">Amazon Web Services</a></b> </div>
<br />
<br />
想要一起討論創業或是與企業營運相關的議題嗎？歡迎參加結合了 Business, Legal, Professionals 的 <a href="https://bizlepro.hackpad.com/About-BLP-5nhbpAtNve1" target="_blank">BizLePro</a> 社群。我們有個<a href="https://kktix.com/group/bizlepro" target="_blank">公開活動的清單</a>，歡迎隨時來一起碰個面，一起聊聊，期待以文藝復興的精神與感覺，真實討論商業營運的各種案例。<br />
<br />
<br />
<br />
<br />
<br />
<br />

AWS Cloud Kata Taipei 2013 投影片重點整理

錯過 AWS Cloud Kata Taipei 2013 嗎？可以在 slideshare 找到當天的投影片囉。 AWS Cloud Kata | Taipei - Opening Keynote 以 Dropbox Pro Tip 為舉例，剛好前陣子拜訪 D...

MozStumbler 中文版

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRNod0fbaGWuiwMRHEeRSAzQGSlBaecgYNQP5YyASSxAv3sIhild5lrjgTLuwHFYOsejS8f7DGkchLcZVUIcoa0ksOzxbfdCOByW-tjbvbXUKlNYSvFsPhdI-6UW3wwpD4ufOm1B948I/s1600/2013-11-15+03.28.57.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRNod0fbaGWuiwMRHEeRSAzQGSlBaecgYNQP5YyASSxAv3sIhild5lrjgTLuwHFYOsejS8f7DGkchLcZVUIcoa0ksOzxbfdCOByW-tjbvbXUKlNYSvFsPhdI-6UW3wwpD4ufOm1B948I/s640/2013-11-15+03.28.57.png" width="360" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
上週聊到的 Mozilla 家的地理定位服務以及資料收集工具「<a href="http://talk.ernestchiang.com/2013/11/mozilla-location-service-mozstumbler.html" target="_blank">Mozilla Location Service & MozStumbler</a>」，想說亞洲地區收集的數量比例上還滿少的，所以上週動手做了中文語系檔案 <a href="https://github.com/dougt/MozStumbler/pulls/dwchiang?direction=desc&page=1&sort=created&state=closed" target="_blank">pull request</a> 進去 <a href="https://github.com/dougt/MozStumbler" target="_blank">MozStumbler github 專案</a>中（但第一次做寫錯目錄名稱，所以晚了一週），每週五 <a href="https://github.com/dougt/MozStumbler/releases" target="_blank">MozStumbler</a> 都會釋出一個版本，現在大家<a href="https://github.com/dougt/MozStumbler/releases" target="_blank">下載或更新 MozStumbler</a> 回來玩，如果手上的 Android 手機使用繁體中文語系就可以看到中文界面囉 :-)<br />
<br />
如果有翻譯字詞方面的建議，歡迎直接 pull request 進專案修改，或是我也可以幫忙。<br />
<br />
<br />
<br />

MozStumbler 中文版

上週聊到的 Mozilla 家的地理定位服務以及資料收集工具「 Mozilla Location Service & MozStumbler 」，想說亞洲地區收集的數量比例上還滿少的，所以上週動手做了中文語系檔案 pull request 進去 MozStu...

Firefox OS Game: Age of Barbarians

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6AooQpgL_Bb3RgLayf1GtCILKGDhmA43UCpV1me7KMgdB7WUTqBah1e5_pGc8wn32fvIEFXKAlstn0MBFtc3Hh3hXywUQ-MnXPRCQNXdf_Q9SCekKgdexlWQ8NozlL9U3mBNDpn1jr64/s1600/2013-11-12-19-51-38.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6AooQpgL_Bb3RgLayf1GtCILKGDhmA43UCpV1me7KMgdB7WUTqBah1e5_pGc8wn32fvIEFXKAlstn0MBFtc3Hh3hXywUQ-MnXPRCQNXdf_Q9SCekKgdexlWQ8NozlL9U3mBNDpn1jr64/s400/2013-11-12-19-51-38.png" width="265" /></a></div>
<br />
這幾天在測試 <a href="http://www.mozilla.org/en-US/firefox/new/" target="_blank">Firefox OS</a> 手機，抓了幾個小遊戲下來玩。儘量找了離線也可以玩的小遊戲，這樣在沒有網路的時候（例如交通時間沒有網路訊號之類的）也可以殺殺時間，在零碎時間也可以使用 <a href="http://www.mozilla.org/en-US/firefox/new/" target="_blank">Firefox OS</a> 手機。下一個目標也許是找找可以離線閱讀的工具。十二月的目標想要測看看旅行是否也適合帶 <a href="http://www.mozilla.org/en-US/firefox/new/" target="_blank">Firefox OS</a>。<br />
<br />
好的，回來今天的主題，一款簡單輕鬆有趣的塔防遊戲「<a href="https://marketplace.firefox.com/app/age-of-barbarians?src=search" target="_blank">Age of Barbarians</a>」。剛剛找了一下才發現，原來「<a href="https://marketplace.firefox.com/app/age-of-barbarians?src=search" target="_blank">Age of Barbarians</a>」有上 <a href="http://firefoxosappoftheweek.tumblr.com/post/64380299971/age-of-barbarians-game" target="_blank">Week 5 的 Firefox OS App of the Week</a>！<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOTcqNMMUOdYgNZbHfCzpgzzAjhf7YA6PG8zTCW0s3L0QhpDy_uX2NMX1rXb11z6JiHc6Ame9TGvsI1stEQ6Is2JEcDJDjym6ioYApiYlNFR2a6yIYMxgb-IO5Ir5HQF-yaCvnYkqkxFo/s1600/2013-11-12-20-10-14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOTcqNMMUOdYgNZbHfCzpgzzAjhf7YA6PG8zTCW0s3L0QhpDy_uX2NMX1rXb11z6JiHc6Ame9TGvsI1stEQ6Is2JEcDJDjym6ioYApiYlNFR2a6yIYMxgb-IO5Ir5HQF-yaCvnYkqkxFo/s400/2013-11-12-20-10-14.png" width="266" /></a></div>
<br />
<br />
從 Marketplace 安裝之後，可以在桌面上看到 <a href="https://marketplace.firefox.com/app/age-of-barbarians?src=search" target="_blank">Age of Barbarians</a>  的圖示。點選之後進入遊戲主地圖，類似關卡地圖，一關一關解開之後前往下一關。我已經手癢玩了幾關。（然後再換頁後卡在某一關，所以就跑來寫分享文轉換一下 XDD）<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Atu7GgTqXsJJjDycsvWhimrDS7O3gnUS_cNk3otNyvJjzMelSunoU6ZyMMu0xMocc1nePVzAFhsBCrGY-mena1vm1XpUHm-9SXtoRkVVC27bwtRx7VgJU71ThrZnciPEVoh4JNBUnCw/s1600/2013-11-12-20-10-31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Atu7GgTqXsJJjDycsvWhimrDS7O3gnUS_cNk3otNyvJjzMelSunoU6ZyMMu0xMocc1nePVzAFhsBCrGY-mena1vm1XpUHm-9SXtoRkVVC27bwtRx7VgJU71ThrZnciPEVoh4JNBUnCw/s400/2013-11-12-20-10-31.png" width="266" /></a></div>
<br />
遊戲的設定算是很基本的塔防，依照關卡等級不同，會有不同的敵兵通道入口，左上角的關卡任務卡會顯示這一關總共有幾波攻擊，攻擊到來之前在左下角會有的倒數時鐘提醒你。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr2Ibrx3qek6gDSikKTQbrVEFak9ezlWpbIkL715eUfw_CpPnnB01R2i0yNGCQwcOsqj_AKGrZuj6B56sWoQ4W_0vkx5IzLrtQBrMqwxFxamSpxjwFKZKjyeZfxWvgIF07RKNU6oBFvzs/s1600/2013-11-12-20-10-41.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr2Ibrx3qek6gDSikKTQbrVEFak9ezlWpbIkL715eUfw_CpPnnB01R2i0yNGCQwcOsqj_AKGrZuj6B56sWoQ4W_0vkx5IzLrtQBrMqwxFxamSpxjwFKZKjyeZfxWvgIF07RKNU6oBFvzs/s400/2013-11-12-20-10-41.png" width="266" /></a></div>
<br />
在關卡中，玩家可以在地圖上指定的位置建造防禦性建築物，來抵禦外侮。隨著關卡的晉級會有不同的建築物可以選擇，最一開始只有射箭塔。被殲滅的敵軍會換算成分數（或是錢），然後可以用得到的分數，再蓋下一個建築物，或是升級現有的建築物。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1R4UnNX4FZky1Rz9CsgZy6RwiqjBhvuni8dsAyjJ8MpnOU9J-YL6RBzJITvYCKL0cy3YhsBNQWoLq6mE-ozLXMTXdPWfgoE3-z8S1nRP47ZHuiEtPwH3_G7cDEEtkYPrJB_e1H_zYUG0/s1600/2013-11-12-20-10-49.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1R4UnNX4FZky1Rz9CsgZy6RwiqjBhvuni8dsAyjJ8MpnOU9J-YL6RBzJITvYCKL0cy3YhsBNQWoLq6mE-ozLXMTXdPWfgoE3-z8S1nRP47ZHuiEtPwH3_G7cDEEtkYPrJB_e1H_zYUG0/s400/2013-11-12-20-10-49.png" width="266" /></a></div>
<br />
另外畫面的右下角有一本魔法叔，可以施放地域性（可惜不是地獄性）的魔法，最一開始被解鎖可以使用的魔法是 SLOW SPELL，選用魔法後要用手指點選施放地區，畫面上會出現一個封印，但別想太多，時效很短 :p 算是無魚蝦也好等級的魔法吧 XD<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCCIeyW8Sxffm_kMBIvF9I2QP3FXiFkAyBp34TYdvE6MSz4FAuNlJTmvv4Z4Hhc7jMKSfQkZthlYs98_3KRuVLlCkMh3amib6KpiMzl61GSAIGT3e91rCklQLiaHb41IvvfTvyBLuufJ8/s1600/2013-11-12-20-10-57.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCCIeyW8Sxffm_kMBIvF9I2QP3FXiFkAyBp34TYdvE6MSz4FAuNlJTmvv4Z4Hhc7jMKSfQkZthlYs98_3KRuVLlCkMh3amib6KpiMzl61GSAIGT3e91rCklQLiaHb41IvvfTvyBLuufJ8/s400/2013-11-12-20-10-57.png" width="266" /></a></div>
<br />
這是遊戲中的畫面，也就是我卡關的關卡，哈！從左上角可以看到這一關總共有 10 波攻擊，以及我剩下 1 條命 :p 沒有守住的敵軍，走到我方軍營本部裡頭，玩家就會少一個愛心。基本上，我應該是很認真在遊戲快要結束的當下努力截圖，哈。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFjikO28S-uRDZj5gN8N64KgcPUVgk7ELEWxO65CaIOYqZIMbMKAqL2TMHxrDwlD7wwcZz2Hjwj9_OehSsvC9lJMeSgHnbVCxN1WqbdrFm9K346yShBCEdIrauwrAzDog8o6KJ7P9JOxI/s1600/2013-11-12-19-57-58.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFjikO28S-uRDZj5gN8N64KgcPUVgk7ELEWxO65CaIOYqZIMbMKAqL2TMHxrDwlD7wwcZz2Hjwj9_OehSsvC9lJMeSgHnbVCxN1WqbdrFm9K346yShBCEdIrauwrAzDog8o6KJ7P9JOxI/s400/2013-11-12-19-57-58.png" width="266" /></a></div>
<br />
選用魔法會出現簡單的說明。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI-_pzwYkkn_rl2bACU1e4QIoSLLe544GgNV8RHfm0n7s80L9uGUJzL1Gp_BPxwVXv-d2QnsxKxgz3qOLq5fJHKwQLaSfAKs42rj5WbnYORR5xNWGvXQKfoV4bmFvUpmRhU-TQSGtfj2w/s1600/2013-11-12-19-51-05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI-_pzwYkkn_rl2bACU1e4QIoSLLe544GgNV8RHfm0n7s80L9uGUJzL1Gp_BPxwVXv-d2QnsxKxgz3qOLq5fJHKwQLaSfAKs42rj5WbnYORR5xNWGvXQKfoV4bmFvUpmRhU-TQSGtfj2w/s400/2013-11-12-19-51-05.png" width="266" /> </a> </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
點選螢幕某個地方，即可施放魔法！</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3PcONn8CpYu6G8zcpSmjbh3SMX9s2nilpxXI_RzoXTl7D1ppxp9PvYlTlHQNLNv5bAMuXkhx7lFXvfZzMEynSu3ayDCpHRe7nOw3al0_ih1f1JmE5d_0C5UNCLbrKZd_Su3QnS8nF7fw/s1600/2013-11-12-19-51-38.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3PcONn8CpYu6G8zcpSmjbh3SMX9s2nilpxXI_RzoXTl7D1ppxp9PvYlTlHQNLNv5bAMuXkhx7lFXvfZzMEynSu3ayDCpHRe7nOw3al0_ih1f1JmE5d_0C5UNCLbrKZd_Su3QnS8nF7fw/s400/2013-11-12-19-51-38.png" width="266" /></a></div>
<br />
<a href="https://marketplace.firefox.com/app/age-of-barbarians?src=search" target="_blank">Age of Barbarians</a> 是由 <a href="http://www.doubleduck.co/" target="_blank">DoubleDuck</a> 所製作的 Mobile HTML5 小遊戲。簡單易懂殺時間。推薦給大家玩 :-)<br />
<br />
大家如果有在 <a href="https://marketplace.firefox.com/" target="_blank">Firefox OS Marketplace</a> 看到不錯的小遊戲，歡迎留言推薦給我殺時間 :p （雖然時間也沒有很多可以拿來殺 XD）<br />
<br />也歡迎大家參觀「<a href="https://www.facebook.com/groups/fxoszhtw/" target="_blank">Firefox OS 正體中文交流區</a>」跟更多同好一起討論與分享 :-)<br />
<br />
<br />

Firefox OS Game: Age of Barbarians

這幾天在測試 Firefox OS 手機，抓了幾個小遊戲下來玩。儘量找了離線也可以玩的小遊戲，這樣在沒有網路的時候（例如交通時間沒有網路訊號之類的）也可以殺殺時間，在零碎時間也可以使用 Firefox OS 手機。下一個目標也許是找找可以離線閱讀的工具。十二月的目標想要...

各位觀眾，Firefox OS 注音鍵盤與輸入法！

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaeSiGWLIUe4lwgifjVndzy4i8H5x_xVOS7PohjTz_oTYNFZ5UEm993YgykHQ3JGp0wkaRbE3i2Rz3oFTU7h9ItqGCfiwFQUOIRNC8YcnTsPz-4q8D4oNKziFTGgW2eeYxqDMffWlsv4s/s1600/2013-11-11-16-04-07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaeSiGWLIUe4lwgifjVndzy4i8H5x_xVOS7PohjTz_oTYNFZ5UEm993YgykHQ3JGp0wkaRbE3i2Rz3oFTU7h9ItqGCfiwFQUOIRNC8YcnTsPz-4q8D4oNKziFTGgW2eeYxqDMffWlsv4s/s640/2013-11-11-16-04-07.png" width="426" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
討論串「<a href="https://www.facebook.com/groups/fxoszhtw/157474107797262/?notif_t=group_comment_reply" target="_blank">注音輸入法正在被 review 中~</a>」。 感謝 <a href="https://www.facebook.com/timdream.fans" target="_blank">小帥提</a> 和 <a href="https://www.facebook.com/bobchao.fans" target="_blank">BobChao</a> 的指點，把 review 中的注音輸入法安裝到手邊的 Keon 裡頭了！（本文其實是  <a href="https://www.facebook.com/timdream.fans" target="_blank">小帥提</a> 和 <a href="https://www.facebook.com/bobchao.fans" target="_blank">BobChao</a> 粉絲頁行銷專文 XDD）</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
原本中午休息時間是用  <a href="https://www.facebook.com/timdream.fans" target="_blank">小帥提</a> 建議的方式補 patch，  </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<pre class="brush: bash">cd ~/b2g/gaia/
git checkout --detach HEAD
curl https://github.com/mozilla-b2g/gaia/pull/11709.patch | git am</pre>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
後來  <a href="https://www.facebook.com/bobchao.fans" target="_blank">BobChao</a> 的指點後發現可以直接用 master 的 gaia，所以改切到 master 這個 branch 來刷機。參考原本「<a href="http://talk.ernestchiang.com/2013/11/firefox-os-keon-gaia-v12.html" target="_blank">Firefox OS 手機 Keon 刷 Gaia v1.2 流程</a>」一文中 Peter 的「<a href="https://gist.github.com/petercpg/7097845" target="_blank">flash_keon_1.2.sh</a> 」</div>
<ul>
<li>將變數「branch」改成 "master"，</li>
<li>加上 make 參數的鍵盤資訊「GAIA_KEYBOARD_LAYOUTS=en,zh-Hans-Pinyin,zh-Hant-Zhuyin」，</li>
<li>以及參考  <a href="https://www.facebook.com/bobchao.fans" target="_blank">BobChao</a>  的建議拿掉「MAKECMDGOALS=production」，</li>
</ul>
變成「<a href="https://gist.github.com/dwchiang/7409678" target="_blank">flash_keon_master.sh</a>」：<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<script src="https://gist.github.com/dwchiang/7409678.js"></script></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
再次感謝  <a href="https://www.facebook.com/timdream.fans" target="_blank">小帥提</a> 和 <a href="https://www.facebook.com/bobchao.fans" target="_blank">BobChao</a> 和 Peter 的 script :-)</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />

各位觀眾，Firefox OS 注音鍵盤與輸入法！

討論串「注音輸入法正在被 review 中~ 」。感謝小帥提和 BobChao 的指點，把 review 中的注音輸入法安裝到手邊的 Keon 裡頭了！（本文其實是小帥提和 BobChao 粉絲頁行銷專文 XDD）原本中午休息時間是用...

Firefox OS 手機 Keon 刷 Gaia v1.2 流程

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsGzPwFM0lTmuPJAj3FMBIYeEc3oQ7cLGtdG8vCAR5o5khY0l60iaYOR7Qeou2oddi9YAbkygMLXWTbVFEutyqqEW1fkduWQqRq_8fFYPQu-k39WaqXg8UHPpTnrNyNOk6OBU8IPqaDV0/s1600/2013-11-09-16-25-22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsGzPwFM0lTmuPJAj3FMBIYeEc3oQ7cLGtdG8vCAR5o5khY0l60iaYOR7Qeou2oddi9YAbkygMLXWTbVFEutyqqEW1fkduWQqRq_8fFYPQu-k39WaqXg8UHPpTnrNyNOk6OBU8IPqaDV0/s640/2013-11-09-16-25-22.png" width="426" /></a></div>
<br />
前幾週在 <a href="https://groups.google.com/forum/#!forum/moztw-general" target="_blank">moztw-general 群組</a>上看到 Peter 邀請大家一起來玩（測試）Gaia v1.2 的繁體中文。但這週末才抓了個空檔來玩。<br />
<br />
<h2>
1. 環境</h2>
<ul>
<li>FirefoxOS Phone 橘色亮麗的 <a href="http://talk.ernestchiang.com/2013/05/unboxing-keon-geeksphone-firefox-os.html" target="_blank">Keon</a></li>
<li>Mac OS 10.9（Windows 或 Linux/Ubuntu 亦可，但我今天用手邊的 Mac 測試。）</li>
<ul>
<li>機器上已經預先準備好 python, git, hg, XCode command line tool, brew 等工具。如果有缺工具，可以參考<a href="https://developer.mozilla.org/en-US/docs/Developer_Guide/Build_Instructions/Mac_OS_X_Prerequisites" target="_blank">這邊</a>。</li>
</ul>
</ul>
<br />
<h2>
2. 更新 Gecko</h2>
<ul>
<li>[謝謝 Peter 支援] 在 <a href="http://downloads.geeksphone.com/" target="_blank">Geeksphone 下載</a>頁面，抓 <a href="http://downloads.geeksphone.com/keon/master/latest_master.html" target="_blank">Nightly image</a> 下來。解壓縮後，在 Mac 上跑 ./flash_mac.sh。（其他作業系統請執行對應的 script）</li>
<li>我一開始沒有更新 Gecko，所以刷了 Gaia v1.2 之後停留在 FirefoxOS logo 畫面。</li>
</ul>
<br />
<h2>
3. 更新 Gaia</h2>
<ul>
<li>我主要參考：<a href="https://etherpad.mozilla.org/fxos-zhtw-1-2-qatest">https://etherpad.mozilla.org/fxos-zhtw-1-2-qatest</a></li>
<li>先依照「<a href="https://l10n.etherpad.mozilla.org/gaia-multilocale">https://l10n.etherpad.mozilla.org/gaia-multilocale</a>」的 v1.2流程走一次。不同的是我把 ~/moz 改用 ~/b2g。也可以參考我整理的 init_keon_gaia_1.2.sh script 來初始環境（服用之前，建議還是看一眼，也許我們的初始環境需求不同）：<br /><script src="https://gist.github.com/dwchiang/7383328.js"></script></li>
<li>再來可以參考 Peter 的 「<a href="https://gist.github.com/petercpg/7097845">flash_keon_1.2.sh</a> 」來刷機。第一次跑會下載一大包的 xulrunner。</li>
</ul>
<br />
<h2>
4. 完成！</h2>
<ul>
<li>完成刷機之後就可以開始測試囉 :-)</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuvl6TRtZxGTLZHRd2BCt-a71LI-Cv3Mlbc1rUncy_7YCMcwsy2Ug3ko_pn4p-m2Zg9-e6nqmzyYBDlc_KL4N6VZdAa9YNe9STOMlnD7X7vaCA-PWnp2B798-BfIcTVLiK_j3222NwP-k/s1600/2013-11-09-17-02-00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuvl6TRtZxGTLZHRd2BCt-a71LI-Cv3Mlbc1rUncy_7YCMcwsy2Ug3ko_pn4p-m2Zg9-e6nqmzyYBDlc_KL4N6VZdAa9YNe9STOMlnD7X7vaCA-PWnp2B798-BfIcTVLiK_j3222NwP-k/s640/2013-11-09-17-02-00.png" width="425" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
更多資訊歡迎加入我們在 Facebook 的公開討論區「<a href="https://www.facebook.com/groups/fxoszhtw/" target="_blank">Firefox OS 正體中文交流區</a>」一起聊 :-)<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

Firefox OS 手機 Keon 刷 Gaia v1.2 流程

前幾週在 moztw-general 群組上看到 Peter 邀請大家一起來玩（測試）Gaia v1.2 的繁體中文。但這週末才抓了個空檔來玩。 1. 環境 FirefoxOS Phone 橘色亮麗的 Keon Mac OS 10.9（Windows 或 Li...

Mozilla Location Service & MozStumbler

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUnoXONqlGHw5QtLVl1Apr0pdH1ZtRM5iQGYOn7168RdcQLyi76ycOkIn1IwdmMg_G4TR_7jax6OVSt65wCDOLaZp3rHwCSPNVeNa2JLo-BNSJTSfvd4DWW3fdZZ0w6k2hvEdsfC8dZio/s1600/Screenshot+2013-11-05+18.43.53.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="393" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUnoXONqlGHw5QtLVl1Apr0pdH1ZtRM5iQGYOn7168RdcQLyi76ycOkIn1IwdmMg_G4TR_7jax6OVSt65wCDOLaZp3rHwCSPNVeNa2JLo-BNSJTSfvd4DWW3fdZZ0w6k2hvEdsfC8dZio/s640/Screenshot+2013-11-05+18.43.53.png" width="640" /></a></div>
<br />
<a href="https://wiki.mozilla.org/Services/Location" target="_blank">Mozilla Location Service</a> 是一個實驗性且前瞻性的 geolocation 計畫，也許未來在 GPS 訊號不佳的情況下，也能有其他定位的選擇。上週剛在 Mozilla Blog 上有<a href="https://blog.mozilla.org/services/2013/10/28/introducing-the-mozilla-location-service/" target="_blank">文章</a>介紹這個專案。現在還在非常早期的階段，但如果你有興趣的話，大家都能有參與的方式。其中之一是可以拿出我們的 Android 手機，安裝一個軟體「<a href="https://github.com/dougt/MozStumbler/releases" target="_blank">MozStumbler</a>」（安裝的方式是下載 .apk 還沒放上 Google Play）。<br />
<br />
操作畫面非常簡單。下圖是週末外出騎腳踏車順便開著掃描的畫面。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0dTl5dkjnra_8JKdtOBS2K2styUDNGvVAojKGLArFbmV41hxDOB495AU1T2dibBtK7KmGHD6TyntwX4iVhf8yvNhpYSBauFFBPJLmfYpYTh4M2UtljVQ4gddkZTPeF14q5X0UGrsSJG0/s1600/2013-11-03+08.34.08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0dTl5dkjnra_8JKdtOBS2K2styUDNGvVAojKGLArFbmV41hxDOB495AU1T2dibBtK7KmGHD6TyntwX4iVhf8yvNhpYSBauFFBPJLmfYpYTh4M2UtljVQ4gddkZTPeF14q5X0UGrsSJG0/s640/2013-11-03+08.34.08.png" width="360" /></a></div>
<span id="goog_687810874"></span><span id="goog_687810875"></span><br />
點選「Start Scanning」之後，<a href="https://github.com/dougt/MozStumbler/releases" target="_blank">MozStumbler</a> 就會開始掃描並自動上傳資料。提醒一下，會很耗電，因為同時要收 GPS 訊號以及持續性使用掃描 Wi-Fi 與手機基地台訊號。<br />
<br />
<a href="https://wiki.mozilla.org/Services/Location/Privacy" target="_blank">隱私</a>方面，若你希望自家基地台訊號不要被收入資料庫中，可以在 SSID 後面加上「<a href="https://wiki.mozilla.org/Services/Location/Privacy" target="_blank">_nomap</a>」。<br />
<br />
另外，專案團隊為了增加趣味性，有做了個簡單的「<a href="https://location.services.mozilla.com/leaders" target="_blank">leaderboard</a>」，以及「<a href="https://location.services.mozilla.com/stats" target="_blank">統計</a>」和「<a href="https://location.services.mozilla.com/map_world" target="_blank">互動式地圖</a>」。<br />
<br />
拿出你的 Android Device 來安裝「<a href="https://github.com/dougt/MozStumbler/releases" target="_blank">MozStumbler</a>」吧 :-)<br />
<br />
<br />
---<br />
Updates: Nov/15, 2013<br />
<ul>
<li>在大家的幫忙下，<a href="https://github.com/dougt/MozStumbler/releases" target="_blank">MozStumbler</a> for Android 有支援<a href="http://talk.ernestchiang.com/2013/11/mozstumbler-chinese-version.html" target="_blank">中文界面</a>囉。</li>
</ul>
<br />
---<br />
Updates: Nov/16, 2013<br />
記錄一下歷史數據脈絡。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYMLjj6pFKrLJL-ftoJCH1u85HIQDSqsPDpnN1xC9EvSX1ZePUhyphenhyphenZAlTzlaEshOX7eXFMHgSDfYMU3WphD8usxHk-sdYTDUJSjdknWGsZImfYgUoaM08BAvWNDddRQYCTd-BZdew9mC0U/s1600/Screenshot+2013-11-16+22.39.27.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="394" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYMLjj6pFKrLJL-ftoJCH1u85HIQDSqsPDpnN1xC9EvSX1ZePUhyphenhyphenZAlTzlaEshOX7eXFMHgSDfYMU3WphD8usxHk-sdYTDUJSjdknWGsZImfYgUoaM08BAvWNDddRQYCTd-BZdew9mC0U/s640/Screenshot+2013-11-16+22.39.27.png" width="640" /></a></div>
<br />
<br />
<br />
<br />

Mozilla Location Service & MozStumbler

Mozilla Location Service 是一個實驗性且前瞻性的 geolocation 計畫，也許未來在 GPS 訊號不佳的情況下，也能有其他定位的選擇。上週剛在 Mozilla Blog 上有文章介紹這個專案。現在還在非常早期的階段，但如果你有興趣的話，大...