Ernest Talks

讀書筆記 make space p.198-p.219

2014-05-14T10:00:00.000+08:00

最近正在參與的讀書會，主題書是由史丹佛大學 d.school 的兩位 Scott (Scott Doorley and Scott Witthoft) 所著之 <make space: How to Set the Stage for Creative Collaboration>。此次採用的是中文版本，讀書會成員有英文版可以做對照。（可惜 SafariBooks 上頭沒有這本。）

以下是上週我負責 p.198~p.219 段落的筆記，歡迎有興趣的朋友一起討論。這次搭配實際規劃一個未來的社群空間，討論起來特別起勁，也比較留意在地與實務方面的資訊與分享。

前一次負責的範圍是「p.65-p.87」，歡迎參考。
----

198

大膽

令人難忘。與眾不同。

I.M. Pei, 巴黎羅浮宮玻璃金字塔。紐約第五大道，蘋果公司玻璃正方體。

199

<Powers of Ten>, Eames Foundation, 1968

Video: https://www.youtube.com/watch?v=0fKBhvDjuy0 （推薦看）

宏觀。微觀。各種角度觀察。

200

工具記事板。

120 cm x 80 cm：攜帶方便。

120 cm x 120 cm：最大可攜帶。

120 cm x 240 cm：標準，用來裁切。

Gator 板（較耐用，但較難裁切），相對於珍珠板。

202

小歇。

perch: 棲息,棲木,棲枝,高位,有利地位。

短暫休息。

倚靠的地點。

203

給予許可。

表面不過度處理。使用不昂貴的材料。

204

meeting place.

會議室 → 聚會與社交的場所

舒適感

空間重置

聲音隱私 → 特別是有很多開放空間的時候

不同層次的能見度 → 霧面玻璃很好用

限制使用時間

多樣的燈光選擇

許多視覺化的空間 → 投影機，牆面大小的寫字板

206

experimental kitchen

http://motorestaurant.com/ ← 有個影片可以看

所有店員（包含服務生）都是廚師

轉換模式：以不同方式轉換同一個空間

之前在國家地理頻道看到一個東南亞的早餐店空間，早上是早餐店，午餐是麵店，晚餐有第三組人，共用同一個空間。

收納。就手。

給團隊一些移動的空間。

鼓勵大家以自己覺得最有效率的方式去組織空間。

http://www.wenamour.com/

210

原型推車

容易取得

眼睛看得到

機動性強

http://www.akro-mils.com/

150cm 高。

120cm 寬。（可過門。）

212

地板

界限。

分區。

使用膠帶進行方便的測試。

214

open kitchen

在附近提供可以坐下和吃東西的空間。

提供點心和飲料。

廚房會亂，要訂計劃清潔整理。

216

早一點抵達。晚一點離開。

10 分鐘也不錯。

218

儲藏空間。至少要佔 30%。

219

餅乾原則：人們會吃掉所有供應的餅乾。

想要哪些東西流動順暢，就儘量多提供一些。

珍珠版。

便利貼。

實作材料。

咖啡。

---
歡迎大家相約一起看（各種）書。

讀書筆記 make space p.65-p.87

2014-04-25T22:23:00.002+08:00

從解決方案中區分需求
避免使用慣用的解決方案，將需求獨立出來，然後用特有的方式逐一解決。
「區分」

定義你的目的
想從每個空間中得到什麼？
使用隱喻：「這是個創意工作的「家」」。「家」
簡潔。
稍微提及特定使用者和見解。
以多種規模思考。
義大利威尼斯的玻璃花盆栽擺飾，以不重複的重複擺放方式為古老建物畫龍點睛，並且區分空間分區。
SIN 機場屋頂（多種規模的思考）

工具，翻轉椅 (flip stool)

低椅 12” = 30cm
高低椅 13” x 14” x 27” = 33cm x 36cm x 68.5cm
中間可以塞泡棉

低坐姿：適合思考
高坐姿：比較活躍，參與性高
Zomadic LLC (Rob Bell) 做了很多有趣的房子：http://www.zomadic.com/

https://www.flickr.com/photos/zomadic/sets/72157594283371440/

工具，原型桌 (prototyping tables)

齊面安裝螺絲：桌面平坦。
可替換的工作檯面。
可以清楚看見所有桌上物體。
從每一面都可以靠近使用。
很大。
很堅固。
桌面要厚：才會結實，平坦。
桌面不能太厚：才可以讓人在桌邊快速夾上一些東西。

Steelcase

http://www.steelcase.asia/en/products/education-solutions/verb-tables/pages/gallery.aspx
(*圖片著作權等權利為 Steelcase Inc. 所有。此圖引用僅供讀書會討論用。)
http://www.steelcase.asia/en/products/meeting-conferencing-tables/enea/pages/gallery.aspx
(*圖片著作權等權利為 Steelcase Inc. 所有。此圖引用僅供讀書會討論用。)
(*圖片著作權等權利為 Steelcase Inc. 所有。此圖引用僅供讀書會討論用。)
http://www.books.com.tw/products/N010222907?loc=004_054
MUJI $15850
~~太悲劇了，只好繼續找下去~~，發現了：http://www.becausewecan.org/TechLiminal

(*圖片因為查不到 becausewecan.org 的授權方式，大家可以點選網址拜訪他們的網站。)

從選擇中，獨立出，構思過程
太早將想法積壓到沈重的現實底下，你就很可能會錯過一些珍貴的見解。
滑動式白板。靈感來的時候，白板也如魔法般地快速出現在眼前。

別忘了製作原型
製作原型的首要價值：從做出的結果中學習。
儘快動手。

概念車？(concept car)

感覺很像上週 Irvin 分享各地的 Mozilla Space。
是 d.school 其中一個空間的名稱。
一定要看！（如果這不是原廠，什麼才叫做原廠！）--> https://dschool.stanford.edu/sandbox/groups/dhandbook/wiki/1f6ab/attachments/80040/reset_concept_car_winter2011.pdf?sessionID=8997adebc28adf8effec21e967435614df994ea8

一個固定場所，
隨時，作實驗，
可以展示東西，
可以舉辦小型研討會議，
是一個顯著的場所，
讓人看到進行中的實驗，
經常大肆翻整，
提供容易懸掛的裝置。
https://dschool.stanford.edu/groups/dhandbook/wiki/1f6ab/Reservations__Resets.html

見解，留下進化的空間
少做一點。
留下一些可改善的空間。

空間研究：快速製造以重塑空間
CNC
由電腦去控制一台機器，進行做某件事情（例如加工）。

快速組裝的圖書館休息室空間
使用現有資源
建構出滿足我們需求的設計
調整細節
想像引發製造，製造引發想像

工具，在地製造商 (local fabrication shop)
用手邊的軟體 SketchUp（已經不是 Google 擁有了）或 Adobe illustrator 製圖。
Ernest 玩 SketchUp：http://talk.ernestchiang.com/2014/04/3d-printer-fablab-dynamic.html

情境：花生什麼事？之，花生畫廊！
peanut gallery

我確定不是這個：http://www.peanutgallerychildcare.com/locations/rosemeade/

觀眾可以自由進出，但不會打擾到正在進行活動者的空間。

提供有力的視覺區隔，不過偶爾可以突破。

吧台。
欄杆。
玻璃牆，堅實的區隔，但比較難「打破」。

允許人們安靜地進入與離開。

高腳椅。
坐下時不會引發聲響。

找不到 peanut gallery，但找到 d.school tour map：

https://dschool.stanford.edu/sandbox/groups/dhandbook/wiki/c68f5/attachments/adfad/tour%20map.pdf?sessionID=8997adebc28adf8effec21e967435614df994ea8

---
歡迎大家相約一起看（各種）書。

MozTW, SUMO Project Updates, March 2014

2014-04-19T11:59:00.000+08:00

Here is our MozTW SUMO Project updates after MozTW Steps 2014 Spring. Feel free to ask question or join us :-)

FSA training kit is on the way. Keep tracking it at moztw-general mailing list.

以下是三月於摩茲春秋時大家一起整理的 MozTW SUMO 專案近況與未來計劃。歡迎大家一起討論或是直接動手 :-)

校園大使 SUMO 任務包，現正準備中。

MozTW About SUMO 20140315 from Ernest Chiang

Linode 也升級上 SSD 了！頻寬也升級！

2014-04-18T07:51:00.000+08:00

Linode 宣布全面升級 SSD 硬碟，頻寬也升級成 40 Gbps Network，outbound 依照機器大小有限流（最小機器限流 250 Mbps），inbound 沒有限流可直上 40 Gbps。

PS: 想必大家都想拿來跟~~以 SSD 做噱頭的~~ DigitalOcean 做比較，前幾天發現一組 2014/04/30 到期的 promo code 優惠碼，可以免費開最小機器用兩個月，可以拿去開機器玩。

1.
東京機房開新的機器可以馬上享用升級，現有的機器要等 3 週（64-bit）到 2 個月 (32-bit）。

	New Linodes	Upgrade Existing 64-bit	Upgrade Existing 32-bit
Fremont, CA	Yes	Yes	ETA 2 months
Dallas, TX	Yes	Yes	ETA 2 months
Atlanta, GA	Yes	Yes	ETA 2 months
Newark, NJ	Yes	Yes	ETA 2 months
Tokyo, JP	Yes	ETA 3 weeks	ETA 2 months
London, UK	ETA 1 week	ETA 1 week	ETA 2 months

2.
新的 Linode 價目表，搭配上週宣布的依小時計算的計費方式服用 :-)

3.
想看原文？官方原始部落格資訊：<The New Linode Cloud: SSDs, Double RAM & much more>, April 17, 2014 10:00am

Firefox OS 手機 Keon 刷 Gaia v1.3 流程外加解決 adb 找不到裝置怎麼處理

2014-04-17T21:48:00.000+08:00

前情提要：

上一集「Firefox OS 手機 Keon 刷 Gaia v1.2 流程」
Firefox OS v1.3 Release Notes

今天在將手邊 Keon 從 v1.2 想要升上 v1.3 （中間玩了一下 nightly 還自己嚇自己），發現一直被 adb 找不到裝置而卡住，無法更新 v1.3 的 zh-TW l10n 包裹。

1.
先在 Geeksphone 下載頁面，抓影像檔，今天抓到的是「images-keon-v1.3-2014-04-17.Gecko-520cce8.Gaia-11d027e.zip」（日期可能會不同，不用擔心）。

解壓縮後，接上 Keon，在 Mac 上跑 ./flash_mac.sh。（其他作業系統請執行對應的 script）

2.
服用以下兩個 scripts（我是在 Mac 環境跑，但應該都適用。）

服用順序，先「init_keon_gaia_1.3.sh」再「flash_keon_1.3.sh」。

3.
中途我在「flash_keon_1.3.sh」最後要 make install 的時候發現我的 adb 一直找不到 Keon，一直發生「error: device not found」然後就打住了。

說時遲那時快，發現 Geeksphone 抓下來的那一包裡頭的「adb.mac」在 Mac 上很好用，所以就把那一包裡頭的「adb.mac」丟到自己 shell $PATH 找的到的地方（例如我是放到 /usr/local/bin ），並且「ln -s adb.mac adb」（免得未來的自己忘記）。

4.
另外如果還是發生「error: device not found」adb 找不到裝置的狀況，檢查一下

4.1
Keon 手機螢幕是開啟的。（可以將螢幕設定成永久不關閉，或是十分鐘後關閉。）

4.2
開發者選項，可以開啟遠端除錯「ADB 與開發工具」。（如果手上的版本有這個項目的話）
下圖，好像是我玩 v1.5 preview 時跑出來的畫面，印象中跟 v1.3 不一樣。供參考。

更多 v1.3 畫面：

最後邀請大家有空來 MozTW Labs 坐坐聊聊喔 :-)
（Lab 不只台北場囉）

gcutil with zsh on a Mac

2014-04-16T21:44:00.001+08:00

Just saw <Google Cloud Platform expands to Asia Pacific>. Can't wait to play around with Google Cloud Platform, but found that I can't use zsh auto completion with gcutil (gcloud tool).

If you have the similar shell message when using gcloud tool gcutil with zsh/oh-my-zsh, here is a reference solution:

/Users/username/google-cloud-sdk/completion.bash.inc:9: command not found: complete

1.
gcutil tool seems default use bash, but there's a zsh completion script file within this package version ( 0.9.20 (2014/03/24) ). I switch to use this file named "completion.zsh.inc" in my ~/.zshrc

2.
Then, I found that I still can't use the auto completion for even this simple one: "gcloud auth login". The root cause is the script file "path.bash.inc" calling to use `$BASH_SOURCE` in zsh. It makes empty `bin_path` which should direct to `{somewhere}/google-cloud-sdk/bin`. We can use `$0` to replace `$BASH_SOURCE` to get right path, and save as a file named "path.zsh.inc". The last step is update ~/.zshrc to use our new created "path.zsh.inc" file.

3.
Done :-)

----

Here are the scripts for zsh to use gcloud :-)
Enjoy!

----
Notes:

[1] Thanks to Michael Zandstra's input: On linux, use double brackets in path.zsh.inc:3 for it to work:

if [[ "$apparent_sdk_dir" == "$script_link" ]]; then

42 吋大螢幕玩 Firefox OS

2014-04-16T12:35:00.002+08:00

最近找了 APC Rock 來玩一些新點子，收到包裹後先來開箱。APC Rock 規格與更多資訊可以參考 APC 官網，也可以來 MozTW Lab 把玩（但不一定每次都會帶，想要看的朋友記得在 mailing list 上舉個手）。

首先先來開箱，把貨運外箱先拆開。

裡頭包了防撞的氣泡袋。

整盒包著氣泡袋拿出來。

底部，有 QR Code，更多資訊可以看 apc library，序號貼紙，出貨條碼，CE/FCC 與環保回收
認證，年份，產地 Made in Taiwan。（板子上是寫 PCB MADE IN CHINA。）

正面來一張。

開盒後，有電源線，轉接頭，貼紙，一塊鋁板。

下層是今天的主角，APC Rock。（創業維艱，就沒有衝 APC Paper 了，雖然很想要玩看看 Paper Cluster XDD）

內容物。（好像沒有保固卡這種東西）

拿掉塑膠外套。

近一點欣賞 APC Rock。

接頭這一側來一張。等一下由左至右會接上，HDMI，網路線，USB 滑鼠（目前還沒接 USB 鍵盤），電源。

開機囉！（實驗室有點亂所以馬賽克一下。）

開機的第二個畫面，Firefox OS 的狐狸現身了。關於更多 Firefox OS 開發資訊，可以參考 MDN 這裡（有些還沒翻譯的可以切過去看英文）。

來到了鎖屏幕的畫面了，接上 USB 滑鼠後，壓住右側滑蓋後左拉，解鎖。

進入桌面。

側滑拉動到右邊一格的桌面，可以看到包含「設定」等的圖示。

開啟 Firefox 瀏覽器來玩螢幕鍵盤。

連上 Firefox OS 官方產品網頁的模樣。（好想要那隻長尾巴狐狸喔！！下次可以獲得這樣的紀念品嗎？:p）

同場加映，Carousel by Dropbox 上傳同步檔案的畫面，更多 Carousel 資訊，歡迎參考這篇分享文。

未來可能加映 Firefox OS Tablet，來自 Firefox OS Tablet Contribution Program 的現場報導。

3D 列印簡單工作坊@FabLab Dynamic

2014-04-14T07:38:00.000+08:00

謝謝 FabLab Dynamic 舉辦這麼棒的工作坊！

分享一下在工作坊學到/看到/記錄到的筆記跟大家分享。
（我一整個是初學者狀態，如果筆記有誤，歡迎指正 :）

3D Printer 常見種類

以現場有看到，方便舉例的來作說明。

FDM （融化後成型）

使用條狀塑料
常用材料：ABS, TLA
上圖三台都是 FDM 這種類的機器

光成形
光敏樹脂

石膏
（其他）

參考資訊：

<3D printer列印成形方式> by 無界觀瞻
工作坊現場列印的示範成品：

（左邊是剛列印出來含底座的模樣。右邊是一個一個可以動的鎖鏈狀。）

很棒的設計檔案參考網站

Shapeways

可以找到別人做的東西，購買。
可以上傳自己的檔案，列印（各種材質），收貨。

Thingiverse

MakerBot 建立的分享空間。
可以找到別人做的東西，下載。

（主體旁邊會有支撐物。）

（底座，固定用。）

動手畫

先下載並安裝 SketchUp。

有 Windows, Mac 版本。
Linux 安裝方式可以搜尋得到。
Mac 版本下載下來得到的是多國語言版本。

剛開始練習畫的時候，參考點使用原點（三個軸的交叉點）。
開啟左側工具欄：View --> Tool Palettes --> Large tool set （老師推薦，真的很好用）

（老師請我們不要叫他老師 XD 但還是想稱呼一下 :p）

用四條線組成一個正方形。

比較容易控制矩形的方向。
點一下決定起始點，移動滑鼠決定方向（例如沿著某個軸方向），輸入數值（眼睛看右下角），Enter。
重複四次可以圍成一個矩形。

如果使用矩形工具，也可以用鍵盤輸入數值，中間用逗號隔開。例如「100,100」。
所有的「曲面」都是由很多很小的三角形組成的。
所有的「圓形」都是由多邊形組成的。

所以上下兩個圓形的面如果要上下對齊形成柱狀物或其他連結，要注意參考點的方向。

移動：選一個物體（和面），選一個點，選方向，輸入數值。
建立兩條線在矩形（或多邊形）的角落，使用弧線功能（2 point arc），方便定位並建立弧線。

Carousel by Dropbox 旋轉木馬轉動影像新體驗

2014-04-10T12:32:00.000+08:00

(上圖可以點選下載看細節)

Dropbox 幾個小時前推出了 Carousel 旋轉木馬，試著嘗試影響/改變我們對相片（和影片）互動的體驗。

還沒細玩主要的功能，但這隻旋轉木馬推出之前，Dropbox 只有相片（和影片）同步的功能，手機拍了照片會陸續上傳到 Dropbox 專門存放照片的目錄中，之前的狀況是就僅止於此。Carousel by Dropbox 旋轉木馬的推出，應該可以提供進一步對於這成堆已經上傳（或未來將要被上傳）的相片（和影片）新的使用體驗。

本篇一樣是自我分析的練習，如同之前的機票搜尋練習。

也因為最近比較多關注在「Setting 設定」裡頭的選項與資訊呈現，所以目前的畫面截圖分析整理比較著重在「Setting 設定」。（是的，歪掉了 XD）

（待續）

紀念聯合航空台北舊金山直飛復航 - 比較手機 app 機票航班搜尋功能 (r01)

2014-04-01T07:35:00.000+08:00

(上圖可以點選下載看細節)

紀念

昨天 (Mar/31/2014) 聯合航空 (United Airlines) 再次飛航台北舊金山直飛航線，這次很認真地每天都飛。這使得原本只有兩家國籍航空直飛台北舊金山的選擇之外，有了第三家選擇。

最近正想著整理三個自己常在用的航班搜尋服務與 App 的流程與界面，正好就拿「台北-舊金山」航線來做練習吧！這個練習不求公平性，主要是練習觀察自己的操作行為並推論可能需求，以及練習將觀察結果進行描述。

這次練習，找來的是「Kayak」「priceline」以及「skyscanner」三家可以搜尋機票與航班的 iOS App。未來有機會再找時間來分析 Android 上的產品。

歡迎下載 r01 版本原始檔案。
以下陸續補充文字說明。

01. 訂票找票，想看什麼

在準備旅行的行前準備時，以我這種菜鳥不常飛的等級，沒有太多對飛行的要求，只要有個位置可以睡覺或看書就好。但偶爾公出或度假的時候，還是會想要少一點轉機點，若需轉機則轉機時間不想太充裕也不想跑百米，少一點的總飛行時間等等。常聽到自己和身邊朋友/長輩訂票找票時的需求有：

[時間類]

起飛日期 date.D （有些航班不是一週七天都飛）
起飛時間 time.D
抵達日期 date.A （有些航班不是一週七天都飛）
抵達時間 time.A
飛行總時間 time.F
轉機時間 time.L
入關排隊時間 time.C < time.L

[嘿皮加分類]

之前有搭過覺得不錯（正面表列）
之前有搭過覺得不好（刪去法）
喜歡的航空公司執飛（例如可愛的貓彩繪機身，或有帥到爆表的帥哥看著你，或美麗的一朵花，或比例剛好的三角形，或...）
能通中文
想搭到新飛機
座位前面要有螢幕，能觸控更好，電影越新/多越好
價錢比空姐還漂亮（雖然有時候是成正比關係）
有 Wi-Fi
轉機機場還沒去過，想去逛逛看
座位寬敞一點 / 商務艙要能平躺
轉機次數少 / 直飛會更好
能不能進貴賓室休息
常用的飛行常客計劃（FFP）能搭配上
(歡迎留言補充)

02. 以 TPE-SFO 做為測試路線

會想到這條路線的原因是（這些都可能成為挑選 app 是否合自己需求之用的初衷條件或隱性條件）：

有一些技術類的研討會或大會舉辦於舊金山或灣區附近（機場 SFO 和 SJC）。
美國西岸華人聚集地，使得西岸的 SFO，LAX 可能是主要出入口。
Mozilla 辦公室在舊金山灣區有辦公室（雖然朝聖過了，也過了朝聖的年紀，但仍希望有長期參與的打算）。

03. 更多隱性條件

試著找出一些隱性條件，作為輔助：

創業維艱，幫公司省錢。不論是哪一家公司或單位賦予的工作需求或資助條件下，使用基本支出額度。（所以 C 艙以上算是掉下來的禮物。）（但人還是要有夢想，夢想 C 艙以後成為標準配備 :p）

04.設立測試目標：查找 TPE-SFO 路線上合宜的機票

假設條件：

先不考慮飛行常客計劃 (FFP) <-- 因為不常飛，很難累積，所以先不考慮。
價錢希望是搜尋結果，以價格排序的前 30 名。<-- 不預設價格數字，但預設名次順序。
轉機點數量：0 ~ 2 個。
去回程日期：Jun 26 ~ Jun 30, 2014

05. 從 TPE-SFO 觀察 App 演算推論邏輯

曾經有一陣子都只使用 Kayak 找機票訂機票，特別是美國國內線。

但最近發生一個好奇點，以前使用 Kayak 時都可以找出便宜的票，即使有 2 個轉機點都會試著找出便宜但繞路的票。這次產生好奇的原因是，達美航空 (Delta Air Lines) 最近在跟阿拉斯加航空互玩西雅圖 (SEA) 折扣戰（戰到連雙方高階會員福利都戰到拿掉），使得路過 SEA 的票價降低，以往 Kayak 搜尋結果最低價的前幾名幾乎都會有達美航空進榜，但這次 Kayak （上週搜尋結果）居然 TPE-SFO 航線用達美飛，要價 US$2,000 以上（TPE-NRT-LAX-SFO），非常難得，想說哪裡可能出了問題。

接著使用 priceline 做測試，嘿嘿，果然達美航空進榜第一名，而且真的是走經過西雅圖 TPE-NRT-SEA-SFO，要價約 US$1,202。美國境內銜接使用阿拉斯加航空，所以畫面中會顯示 Multi-Carrier。

暫時推論 Kayak 可能是以順路方式搜尋（TPE-NRT-LAX-SFO），繞路的除非經過大的 hub 才有被列入搜尋結果中（目前還在推論階段，搜尋的範圍不夠多，也許大家會有答案 :p）。

06. 使用 Kayak 的體驗與觀察

iOS Kayak:

亮點：提供「多個城市」的搜尋方式。

除了可以找機票航班之外，提供找住宿和租車的功能。同時也將我的旅程，價格提醒等功能列為與找機票，找住宿，找租車同一視覺等級。此時視覺重點會在最上方的「Kayak」logo 圖示本身。
功能首頁主要輸入項目：「出發地」「目的地」「去程日期」「回程日期」。即可搜尋。
功能首頁輔助選項有：「單程/來回/多個城市（預設來回）」「人數（預設 1 人），數字的右方有帶方框加減符號」「選擇日其實可以選擇「只限選擇的那天」「誤差一天」「誤差兩天」的選項」。
搜尋中會一直出現一筆一筆的資料在畫面上，中間有一直旋轉的飛機圖示作為「搜尋中」的提示。
搜尋結果于手機畫面中最多會出現 2 處廣告，與搜尋結果整合在一起上下可以捲動。
搜尋結果會將價格相同但搭機時間不同的資料整理在一起，點選後會展開顯示初步細節內容。再次點選後，會顯示詳細細節內容。並且引導至最終訂票網站。
有排序與過濾功能。（網頁版可以過濾只顯示某個航空聯盟的航空公司，手機版沒看到這個功能。）

07. 使用 priceline 的體驗與觀察

iOS priceline:

亮點：priceline 雖然沒有人魚線但有價格線，價格經常性的漂亮出線。
亮點：微笑分數。

除了可以找機票航班之外，提供找住宿和租車的功能。視覺重點會放在這三者身上。另外將「我的旅程」「更多資訊」縮小弱化視覺重點到最底下資訊列。
功能首頁主要輸入項目：「出發地」「目的地」「去程日期」「回程日期」。即可搜尋。
功能首頁輔助選項有：「來回/單程（預設前者）」「人數（預設 1 人），數字的左右有加減符號（不會另外出現一個人數的選擇物件或小視窗）」「勾選：直飛優先（預設沒有勾選）」。
搜尋中的畫面，只有進度條，不採用一邊找一邊顯示搜尋結果的動態顯示。
搜尋結果畫面中，沒有廣告。
點選任一筆航班後，可以看到航班細節，包含執飛機型。並且有個微笑分數的功能（由routehappy 提供）。
只有排序，沒有過濾功能。
「微笑分數」這個功能第一次看到時很有趣，也充滿了好奇。對某些使用者族群來說，可能是個很實用的功能。這個分數包含執飛飛機的艙等座椅前後距離都有列入為評分的一部份。（所以這部分的截圖有多抓一些做參考。）

08. 使用 skyscanner 的體驗與觀察

iOS skyscanner:

亮點：有分頁功能，可以同時間查詢多筆搜尋結果做比較。

不同於 Kayak 和 priceline 的家大業大，skyscanner 專注於航班的搜尋。沒有提供住宿，租車等的查詢功能。
功能首頁主要輸入項目：「出發地」「目的地」「去程日期」「回程日期」。即可搜尋。
功能首頁輔助選項有：「只要直飛/包含非直飛（預設後者）」「單程/來回（預設後者）」「人數（預設 1 人）」「艙等（預設經濟艙）」。
搜尋中會一直出現一筆一筆的資料在畫面上，下方有進度條。
搜尋結果，先列出所有的去程（Outbound），很適合商務客，行程機動者或無特定目的的旅行者（先搞定如何前往下一個目的地，回程之後再說，「之後」在此的定義可能是「搞定如何前往下一個目的地之後」）。
選擇去程航班後，接著顯示回程的所有搜尋結果。回程的搜尋結果會依照去程的選擇做過濾。（如果去程選擇混合航空公司，回程也會出現多家航空公司。去程選擇單一航空公司，回程選項就會少很多。）
選定「去程」和「回程」後，接著出現引導使用者前往某個或某些訂票網站的提示。
最上方導覽列，左邊可以隨時回到「上一步」，右邊可以開啟「分頁功能」。
免費版本有廣告，出現在搜尋結果第一筆的位置。

本文以自我觀察練習為主要目標，有結論但不公開，歡迎有興趣的朋友相約討論，不限產業或領域 :-)

tixchart - 總是在最便宜的日期起飛

2014-03-27T23:37:00.001+08:00

超有趣的旅行方式，選擇在最便宜的日期出發。假設可以請假的天數固定且可彈性選擇，加上確定想要搭乘廉價航空以時間換取荷包空間，在這個假設前提之下（或是其它假設亦可），使用「先確認價錢再選擇飛行日期」顯得非常精準，完全打中使用者需求！

今天看到剛發表的 tixchart 有著對廉價航空使用者非常友善的搜尋界面，因為平常有時不時翻找以及訂購機票和飯店的習慣與機會，我第一次使用的時候，馬上就愛上了「不需要選擇回程日期」的這個設計！加上「出發點」與「到達點」可以選擇區域（如「台北所有機場」）而不用限定選擇特定機場，在在都顯示出 tixchart 對於「搜尋機票」的「使用者需求」頗有琢磨。

tixchart 搜尋結果可以很方便地一覽價格走勢（寒暑假，淡旺季，平日週末等）（就差沒把成交量，移動均線給寫上去 XD），也可以很方便的選擇要不要轉機，要在哪裡轉機，總飛行時間，票價等。清楚明瞭。

目前 tixchart 支援亞洲數十家廉價航空，可以滿足採用廉航於東北亞東南亞的短距離旅行，以及澳洲區的中長途航線。未來搜尋範圍若加入其他洲的廉航想必也是每位廉航愛好者的夢想需求 :p 看來不久的將來，很有可能可以採用區域性跨洲廉航短程短打實戰環遊世界 :p

趕緊來找找下次什麼時間再來去黃金海岸走走 :-)

活動通 Passbook 票卡隱藏功能

2014-03-25T22:56:00.000+08:00

iOS 的 Passbook 可以將一些常用或即將要使用的票卡，在各自 App 端產生後存進去到 Passbook 中方便翻閱與查找使用。

今天早上發生了點意外（的驚喜！）哈。就是想把之前活動通產生的某一場活動的入場卷從 Passbook 中移除。打開活動通的這張票卡之後，快速找了左上右上左下右下四個角落沒發現熟悉的圖案，想說，咦？然後打開其他票卡，感覺好像哪裡不一樣但又鬼打牆地沒找出是哪裡不一樣，後來在同事的協同下找出了這個視覺上的「隱藏功能」，是個「你看不見我，但我依然存在」的功能。

原來刪除票卡是要點選每張票卡右下角的 i 圈圈，進到下一個畫面後會有 Delete。（在台灣很少有機會用到 Passbook，使用頻率很低，也就久久才使用一次，也就每次都會忘記一次。）而活動通非常精美地使用了「青天白雲」背景圖，所以就順便隱藏了這個功能（以及左下角的分享功能）。

翻了手上另外幾張票卡，都採用非漸層背景圖的方式呈現，也許可以參考看看 :-)

---
或說活動好朋友 KKTIX 有沒有計劃未來加入 Passbook 功能呀？:-p

Dropbox 提供 OAuth1 token 轉換到 OAuth2 的工具

2014-03-21T00:38:00.000+08:00

Dropbox Developer 最近的這篇 <Upgrading a Dropbox OAuth 1 token to OAuth 2> 提供了一個方法處理從 OAuth1 轉移到 OAuth2 時，Access token 如何交換的示範。

用原本的 OAuth1 access token 建立 client 物件。
用這個 client 物件搭配這次新給的 /oauth2/token_from_oauth1 換到 OAuth2 的 access token。
最後使用 /disable_access_token 把 OAuth1 access token 關掉。

文章中先用 Python 和 PHP 作為範例。Java 和 Ruby SDK 也有對應。

Dropbox 的 OAuth1 會繼續提供服務不會關掉。

---
參考文件：Eran Hammer <Introducing OAuth 2.0>

Delta Innovation Class 達美創新艙

2014-03-20T18:34:00.002+08:00

今天看到 Delta (達美航空) 有一個名稱為「Innovation Class (創新艙等)」的 mentoring program (良師益友計劃)。非常有趣的跨領域跨產業結合。這次看起來是由 Delta 與 LinkedIn 的異業合作，這個系列活動有個介紹短片：

一開始只看到 Innovation Class 名稱時，想說會不會是有個新的艙等可以在機上航程中方便跟附近的人做討論，但看完影片和網站上的說明後覺得很有趣：這個活動會先預告某一天會有某一位 mentor 會前往某個活動，在那之前開放有興趣坐在 mentor 旁邊座位的人透過 LinkedIn 報名參加，經過某種篩選後，幸運兒可以得到免費機位，跟這位 mentor 在機上暢談與討論。 :-)

看到三月份的航班是跟 Pebble 的發起人 Eric Migicovsky 一起搭乘，前往參加 TED 活動。也拍了一部短片：

以下是試著報名下一場次 Innovation Class flight 時，活動網頁開新視窗前往取得 LinkedIn 授權頁面的畫面，LinkedIn 非常認真地將這個授權頁面做成票卡的形式（對我來說這個體驗跟使用 Passbook 中的 SkyMiles 卡片的體驗接近）。

現在看到的接下來的航班是紐約與舊金山，在美國的朋友們，想跟大師討論而且有免費機位的話，也許可以試試看 :-)

Event Agenda of MozTW Steps 2014 Spring

2014-03-16T16:10:00.003+08:00

A quick link and slide (in zh-TW) to the event agenda design and short photo summaries of MozTW Steps 2014 Spring. More summaries, posts and videos would be released soon. Feel free to find the hashtag #moztwsteps .

I will post MozTW SUMO status updates and near-future planning later.

Event Agenda, MozTW Steps 2014 Spring, Taichung, Taiwan from Ernest Chiang

If you're interested in contributing to any of Mozilla projects, feel free to contact us at https://groups.google.com/forum/#!forum/moztw-general

若你對於貢獻 Mozilla 任一專案，歡迎與我們開槓聊聊。

How To Install Zabbix on Ubuntu to Monitor Multiple Servers (e.g VPS) with Nginx/Percona

2014-03-10T23:51:00.003+08:00

Introduction

There are a few famous software monitor systems, and Zabbix (wikipedia) is one of them. Zabbix is an enterprise-class open source software for monitoring of servers, networks, and applications.

You can compare Zabbix with any other multi-agent monitor systems and decide which one is suitable for you. We will focus on Zabbix on Ubuntu today.

At this guide, we will setup two machines. Both machines are Ubuntu 12.04 LTS. Most guides on the internet are installed with Apache/MySQL. We will setup with Nginx/Percona as example.

We will install the server machine first (on a Linode), and then the agent machine (on an AWS EC2). (You can do the same works on a Digital Ocean Droplet.

1. Setup Zabbix Server (on a Linode)

Let's say this Zabbix Server is named "Tokyo01" which is located at Linode Tokyo. Before installing Zabbix server, we have installed Nginx and Percona already.

First we add a PPA to get the most up-to-date Zabbix packages:
(You can use nano or any other editor to replace vim here.)

sudo vim /etc/apt/sources.list

Add these lines at the bottom of the file:

# Zabbix Application PPA
deb http://ppa.launchpad.net/tbfr/zabbix/ubuntu precise main
deb-src http://ppa.launchpad.net/tbfr/zabbix/ubuntu precise main

Save and close the file (sources.list).

Add the PPA's key to make apt-get knows the source:

sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys C407E17D5F76A32B

Now, it's time to update:

sudo apt-get update

Good job. All above are the same works that we will do again on the Zabbix Agent machine later (also in the future). Next, we will still focus on Zabbix Server setup steps:

sudo apt-get install zabbix-server-mysql zabbix-frontend-php

System may ask you for the MySQL root's password during the installation process.

1.1 MySQL Configuration

Once you finished the package installation, next we can start the configurations.

sudo vim /etc/zabbix/zabbix_server.conf

Find and update at least these three parameters:

DBName=zabbix
DBUser=zabbix
DBPassword=Random.Your.Password.Here

Save and close the file.

Create one MySQL database and one MySQL user with the same password you just saved in /etc/zabbix/zabbix_server.conf .
Then we're going to import the SQL files:

cd /usr/share/zabbix-server-mysql/
sudo gunzip *.gz
mysql -u zabbix -p zabbix < schema.sql
mysql -u zabbix -p zabbix < images.sql
mysql -u zabbix -p zabbix < data.sql

Yes. Please type the same password of the MySQL user "zabbix" you just choosed.

1.2 PHP Configuration

We need to modify php.ini for letting PHP process our monitor data smoothly. The part of "{your configuration}" could be "apache2" (if you use apache), "cgi" or "fpm", "cli" depends on your PHP environment. At this guide, we will setup nginx to use fastcgi later, we will edit /etc/php5/cgi/php.ini .

sudo vim /etc/php5/{your configuration}/php.ini

Search and modify these parameters within your php.ini:

post_max_size = 16M
max_execution_time = 300
max_input_time = 300
date.timezone = UTC

Save and close the file.

Then, we can have a copy from Zabbix for PHP configuration, and edit it:

sudo cp /usr/share/doc/zabbix-frontend-php/examples/zabbix.conf.php.example /etc/zabbix/zabbix.conf.php
sudo vim /etc/zabbix/zabbix.conf.php

Find and modify the parameters to fit your situation:

$DB["DATABASE"]                 = 'zabbix';
$DB["USER"]                     = 'zabbix';
$DB["PASSWORD"]                 = 'Your.Password.Here';

Save and close it.

Good. We have two more files to go.

Restart the PHP if need.

service php-fastcgi restart

1.3 Nginx Configuration

Here is my nginx site configuration file that you can reference, and save as /etc/nginx/sites-available/monitor :

server {
    listen 80;

    # change these three lines to fit your site
    server_name monitor.example.com;
    access_log /srv/www/logs/monitor/naccess.log;
    error_log /srv/www/logs/monitor/nerror.log;
    
    root /usr/share/zabbix;

    # if you want to limit specific IP
    #allow type.your.IP.here;
    #deny all;

    location / {

            if ($scheme ~ ^http:){
                rewrite ^(.*)$  https://$host$1 permanent;
            }
            index                   index.php;
            error_page              403 404 502 503 504  /zabbix/index.php;

            location ~ \.php$ {
                    if (!-f $request_filename) { return 404; }
                    expires                 epoch;
                    include                 /etc/nginx/fastcgi_params;
                    fastcgi_index   index.php;
                    fastcgi_pass  127.0.0.1:9000;
                    fastcgi_param SCRIPT_FILENAME /usr/share/zabbix/$fastcgi_script_name;
        }

            location ~ \.(jpg|jpeg|gif|png|ico)$ {
                    access_log      off;
                    expires         33d;
            }

    }

Once you done it, make sure to enable this site (replace the filename "monitor" to yours):

cd /etc/nginx/sites-enabled/
ln -s ../sites-available/monitor monitor
service nginx restart

Finally, we have one more file to edit, and ready to run!

1.4 Start the Zabbix Server

Let's take a look at Zabbix init file:

sudo vim /etc/default/zabbix-server

Find this and say "yes":

START=yes

Save and close this file, and we are ready to start Zabbix server now:

sudo service zabbix-server start

2. The First Time Login

If everything goes correct, you can open the browser and link to the IP or url you set in nginx site, and see this:
(In our example site configuration file, it would be "http://monitor.example.com/" )

Enter this default set to login:

Username = admin
Password = zabbix

Please make sure to change your admin's password once you get in. (Please).

3. Setup Zabbix Agent on the Same Machine with Zabbix Server (on a Linode)

3.1 Install Zabbix Agent

It's always easier to have a monitor agent on the same machine where installed with monitor server. We will not meet any port, firewall related issues and make sure our monitor system runs well.

We are on the same machine, therefore we don't need to process steps 1.0 to setup PPA and apt-get update again. We can install zabbix agent package now:

sudo apt-get install zabbix-agent

Once finished the installation, we can edit the agent configuration file:

vim /etc/zabbix/zabbix_agentd.conf

Find and edit these three parameters:
(Choose your Hostname in your case. We use "Tokyo01" at this guide.)

Server=127.0.0.1
ServerActive=127.0.0.1
Hostname=Tokyo01

Save and close it.

Done and ready to go.

sudo service zabbix-agent restart

3.2 Configuration Hosts

Get back to our browser interface (http://monitor.example.com). Go to "Configuration" --> "Hosts" --> "Zabbix Server" (or your Hostname):

Move the "Linux servers" from the right-hand side box to the left-hand side.

At the bottom, change the "Status" to be "Monitored".

Click "Save'.

(Wait for a couple seconds.)

Go to the page: "Monitoring" --> "Latest data"

--> find a item that you're interested in --> click on "Graph" to see its chart.

4. Setup Zabbix Agent on Another Machine (on an AWS EC2)

At this guide, we didn't modify the Zabbix working port numbers. We will keep it, and show you how to do the setup if your Zabbix agent machines are located within AWS data centers.

You can either use AWS Management Console or AWS CLI to modify your EC2 Security Group.

Make sure you choose the correct "Region" before your any operation.

Add one Inbound port "10050" with a specific IP of your Zabbix Server at "Source" field (format: "xxx.yyy.zzz.mmm/32". (You should not use "0.0.0.0/0" except you want to share with everyone.)

Once you set the security group done, you can follow the steps 3.0~3.2 to install Zabbix Agent.

5. Follow-ups, and More

Next we are going to monitor Percona/MySQL servers, Nginx servers, and more :-)

You can also find some reference at Zabbix documents: https://www.zabbix.com/documentation/doku.php?id=2.2/manual

---
This guide has tested on: Linode, Digital Ocean, and AWS.

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

2014-02-12T11:06:00.001+08:00

不久前才分享了「DigitalOcean SSD VPS 只消 55 秒鐘開啟主機」，今天就看到 DigitalOcean 真的開了新加坡機房可以選了！

更多資訊可以參考 DigitalOcean Blog「We're Excited To Announce Our Singapore Datacenter (SGP1)」。

實際從台北 ping 出去幾個主要機房位置的結果如下，僅供參考：

詭異的是剛開的新加坡機房，目前從台北走過去，會到香港，然後繞到東京，再去新加坡。所以結果會很接近美西舊金山 SFO1 的結果。（NYC1, AMS2 應該是滿的。）

若想一步一步圖文說明如何在 DigitalOcean 開機器的示範，請參考站內文「DigitalOcean SSD VPS 只消 55 秒鐘開啟主機」，內含免費 US$10 的優惠碼（目前優惠碼看起來是 2014 年有效）。

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

2014-01-31T14:49:00.001+08:00

本文簡單跟大家分享如何在 DigitalOcean 立馬開啟帳號然後開一台 VPS 主機來玩玩看。

DigitalOcean 是最近年熱門的 VPS 主機商，主打 SSD 硬碟配備，所以行銷策略主打快速部署的聯想連結走法。推出後不久也逼的一些廠商祭出配備升級來因應。網路上大家有發表許多比較文，大家的個別實際應用也都不同，在此就省略這個部分的討論，純粹跟大家分享在 DigitalOcean 如何快速從建立帳號到開啟主機的整個流程。

題外話，雖然官方是說 55 秒可以建立一台機器，但因為開啟機器之前需要先建立付費工具（信用卡，或 PayPal）所以如果平常不熟悉這類型付費工具的朋友，可能會在這裡多花些時間。

~~2014 年的官方優惠碼 (promo code)：「2014SSD」~~
最近的優惠碼 (promo code)：「DEPLOY2DO」(2014-04-30 到期)

等同可以開一台最小規格主機玩 2 個月！(Free US$10 credit.)

先提醒一下，安裝完畢後的安全方面還請大家多多注意，安全議題跟花多少錢在哪一種等級的主機沒有太大相關性，跟自身警覺性比較有相關 :p

輸入 Email （帳號名稱），自選密碼，然後按下藍色按鈕進到下一步。

接下來，按下綠色按鈕，輸入優惠碼（可以參考文章開頭處，或是上網搜尋優惠碼 "digitalocean promo code"，或是逛一下 DigitalOcean 的 Twitter 帳號）。

我這次輸入的優惠碼是免費 US$10 的，輸入完之後系統會立刻檢查是否有效，若有效，會立即顯示對應的金額數字。

完成優惠碼之後，還是要在付款方式擇一完成驗證，目前有兩種，一種是信用卡，一種是 PayPal。我自己習慣用 PayPal，所以就簡單儲值 US$5, 或 US$10 就可以進到下一步來開主機囉！新增信用卡也是個簡單的選擇，可以立即開通。若使用 PayPal 驗證，會稍微等個五分鐘。

在左側選單，選擇第一個「Droplets」。

完成綠色的付費驗證後，可以看到藍色的選項，準備來開機器囉！

首先，輸入識別用的主機名稱。可以用一個自己記得住的名稱即可，例如：NY27 （紐約的第 27 台機器），或是像我這樣輸入一個自己的網址 do.ernestchiang.com (do; DigitalOcean)。之後在機器清單中方便找到對應的機器。

然後選擇所需要的主機規格。在此先拿最小的機器來玩。

畫面繼續往下移動。

接著選擇主機所在的機房位置，隨著時間的不同，選項應該會有所增加。以我測試的這天，New York 1 和 Amsterdam 2 是滿的，可以選擇 San Francisco 1 或 New York 2。亞洲區應該也快要出現選項了（期待）。

Update (Feb/12, 2014):
亞洲區機房，新加坡開幕囉！請參考站內文「DigitalOcean 亞洲區機房來囉！位於新加坡 (SGP1)」。含從台北 ping 的結果比較圖。

接下來選擇影像檔，這裡有許多彈性選擇。今天練習就先選 Ubuntu 12.04 x64 (LTS)。大家可以選擇自己熟悉的系統影像檔，或是切換頁面可以選擇已經包好的選項，例如第二頁 Application 有已經包好 LAMP 的影像檔可以用。（參加比賽競賽或 Hackathon 的時候想省時間，可以考慮用一下。）

最後，畫面最下方，設定項目都先用預設的就好（各個選項，有的可能有額外的費用，請大家自己先看過價錢後再勾選。）

按下綠色按鈕「Create Droplet」就可以開啟機器囉 :-)

不到一分鐘的時間，DigitalOcean 就會建立好這個新的 droplet 。會跑一個進度狀態條作圖示。
接著就可以看到這台機器囉。

有 IP ，機器規格，以及可以對這台機器做些動作（Power, Access, Resize, Snapshots, Settings, Graphs, and Destroy.）

在剛才填寫的 Email 信箱中會收到系統客服寄來的信件，裡頭有這台機器的 root 密碼。（記得進去之後把密碼改掉，或是改用 SSH Key 方式建立連線。）

讓我們用 ssh 嘗試第一次連線：

可以看到硬碟大小，IP，機器 hostname 等資訊都與我們設定的相符。
這樣就開好一台 DigitalOcean 位於紐約機房的 VPS 囉。

回到左側選單「Droplets」，在清單中可以看到我們剛才建立的機器，及其基本資訊。

未來再繼續分享，在這些機器上可以安裝哪些基本的或是有趣的東西 :-)
btw, 機器沒有要用的話記得要關掉/砍掉喔，這些機器可都是時時刻刻都計費的喔。

*** 本文分享，僅供參考，最新資訊請參考 DigitalOcean 官方訊息 ***

---
教學分享入門國外虛擬主機

SUMO SALAD

2014-01-22T22:24:00.002+08:00

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

For more information about SUMO project, welcome to visit: https://blog.mozilla.org/sumo/ (English)
更多關於 SUMO 專案的資訊，歡迎參考：http://moztw.org/contribute/sumo/ (中文)

---
喜歡旅行嗎？歡迎造訪 <澳洲黃金海岸之旅, Travel in Gold Coast, Australia> 逛逛關於黃金海岸的介紹喔！

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

2013-11-25T08:07:00.000+08:00

*** 特價優惠同綑包，只到澳洲時間今年十二月三號 12pm ***

這次超級特價的網站模板同綑包，涵蓋了四大網路商店平台：WordPress，Magento，OpenCart，PrestaShop。

都是國外架設網路商店時經常採用的架站平台。這次同綑包針對這四大平台各推出一款模板，原本四個分開買總共需要美金 $240，現在只要美金 $20！

就算只需要其中一個，也很划算！而且通常我們也只會用到其中一個，但也很划算（因為這一類的模板，平常買一個也是要個美金 $45 到 $100 不等，甚至更貴，通常最貴的是 Magento，功能也最能高度客製化，當然也最複雜），如果這個版型是自己喜歡的，買下來再自己改或找朋友幫忙小修改，就可以調出很有型的網路商店囉！

我把這四個模板的基本外形先貼出來跟大家分享，但大家記得不要分開結賬喔，要省錢就要記得去買同綑包，才會省到錢喔。

WordPress

Barberry - Responsive WooCommerce Theme

（點圖進去可以看 Live Preview 及時線上預覽，原價美金 $55）

Magento

Emphasis - Multipurpose Responsive Theme

（點圖進去可以看 Live Preview 及時線上預覽，原價美金 $80）

OpenCart

Project Store - Responsive OpenCart Theme

（點圖進去可以看 Live Preview 及時線上預覽，原價美金 $45）

PrestaShop

Sellya - Responsive Prestashop Theme

（點圖進去可以看 Live Preview 及時線上預覽，原價美金 $65）

大家記得不要分開結賬喔，要省錢就要記得去買同綑包，才會省到錢喔。

模板懶人包，模板同綑包，只到下週二 Dec/3 就結束優惠囉！

*** 特價優惠同綑包，只到澳洲時間今年十二月三號 12pm ***

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

2013-11-19T18:13:00.000+08:00

錯過 AWS Cloud Kata Taipei 2013 嗎？可以在 slideshare 找到當天的投影片囉。

AWS Cloud Kata | Taipei - Opening Keynote

以 Dropbox Pro Tip 為舉例，剛好前陣子拜訪 Dropbox 舊金山辦公室，特別有感覺。

#1: Learn early, learn often.
#2: Not launching = Painful. Not learning = Fatal.
#3: "Keep the main thing the main thing".

接下來是讓大家猜猜哪一家新創公司只有 3 位工程師。開張第一天有 25K 新會員註冊，星期五就移過去 EC2 了。以下是 Instagram Pro Tips:

#1: Keep it very simple.
#2: Don't re-invent the wheel: Go with proven and solid technologies.
#3: Minimize operational burden instrument everything.

第三家的 Pro Tips 我是覺得有點硬凹，就不整理了。偶爾聽身邊玩 AWS 的朋友說 AWS 常常將產品銷售融入在對客戶的教育訓練終於無形，終究還是在銷售。我同意，終究還是在銷售，但是一家 IaaS 廠商，能夠有這麼完整的產品與解決方案覆蓋率，而且真的有機會可以跟客戶一起成長，大家彼此專注在各自應該專注的領域，共榮共存，也滿好的。

說我被洗腦嗎？我覺得不盡然，如果一個 business model 本身是可以基於 IaaS 採用 AWS 架構的情況下獲利，那就是獲利。在 business model 本身未知是否獲利的情況下，直接討論哪一家 IaaS 或任何服務或產品，是貴還是便宜，就沒有意義了。可以在條件盡可能接近的狀況下做成本單價的比較，但是整天討論「貴」或「便宜」這種形容詞的話，倒是可以把時間省下來，專心實做 business model 並且做驗證。

AWS Cloud Kata | Taipei - Opening Keynote from Amazon Web Services

AWS Cloud Kata | Taipei - Getting to Scale

這份投影片循序漸進帶著大家逐步擴充自己的機器群與架構，從 Production 1.0, 1.1, 1.2, 1.3，然後最後用蜜蜂轟炸主機做 auto scaling live demo。

最經典的一段就是當新產品準備開始實作時，問說該用 SQL 還是 NoSQL 呢？回答是「用 SQL 」，那大家可能會問說「但是，但是，但是，但是...」回答：「不，你不會（或你沒有）。請用 SQL。」

AWS Cloud Kata | Taipei - Getting to Scale from Amazon Web Services

AWS Cloud Kata | Taipei - Getting to Profitability

這一份主要是在講如何省錢。可以看看內容先熟悉一下環境，如果手邊的應用不會用到很多機器的話，可以先把一開始的時間省下來，專心把產品做出來，有量之後再說。

AWS Cloud Kata | Taipei - Getting to Profitability from Amazon Web Services

AWS Cloud Kata | Taipei - Getting to MVP

Lean Startups 的概念或說想法，有人喜歡，有人不喜歡，但以自己走了幾年的感觸來看，有一點共通不變的是「資源有限」。資源可以泛指「人（知識、技能）、機（工具、輔助品）、材（材料、待加工品）、時間」。

簡報檔中有出現很可愛的滑鼠當年的概念雛形（Prototype），哈！讚！我們 PAFERS Lab 開發新產品時也是兜一兜電路板就開始測試可不可行了 :-)

我很認同第 17 頁的「Fail Forward, Fail Faster, Fail Cheaper」。當然，認同、知道、和做到、實作，都是不同時間點和順序。如何擁有或創造這樣的環境，一樣會回到一開始的「資源有限」討論上。有一句來自於 KPCB 的引言，也提到「Startups are all about focus.」。都是在講一樣的事情。

AWS Cloud Kata | Taipei - Getting to MVP from Amazon Web Services

想要一起討論創業或是與企業營運相關的議題嗎？歡迎參加結合了 Business, Legal, Professionals 的 BizLePro 社群。我們有個公開活動的清單，歡迎隨時來一起碰個面，一起聊聊，期待以文藝復興的精神與感覺，真實討論商業營運的各種案例。

MozStumbler 中文版

2013-11-15T11:41:00.000+08:00

上週聊到的 Mozilla 家的地理定位服務以及資料收集工具「Mozilla Location Service & MozStumbler」，想說亞洲地區收集的數量比例上還滿少的，所以上週動手做了中文語系檔案 pull request 進去 MozStumbler github 專案中（但第一次做寫錯目錄名稱，所以晚了一週），每週五 MozStumbler 都會釋出一個版本，現在大家下載或更新 MozStumbler 回來玩，如果手上的 Android 手機使用繁體中文語系就可以看到中文界面囉 :-)

如果有翻譯字詞方面的建議，歡迎直接 pull request 進專案修改，或是我也可以幫忙。

Firefox OS Game: Age of Barbarians

2013-11-12T20:42:00.004+08:00

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

好的，回來今天的主題，一款簡單輕鬆有趣的塔防遊戲「Age of Barbarians」。剛剛找了一下才發現，原來「Age of Barbarians」有上 Week 5 的 Firefox OS App of the Week！

從 Marketplace 安裝之後，可以在桌面上看到 Age of Barbarians 的圖示。點選之後進入遊戲主地圖，類似關卡地圖，一關一關解開之後前往下一關。我已經手癢玩了幾關。（然後再換頁後卡在某一關，所以就跑來寫分享文轉換一下 XDD）

遊戲的設定算是很基本的塔防，依照關卡等級不同，會有不同的敵兵通道入口，左上角的關卡任務卡會顯示這一關總共有幾波攻擊，攻擊到來之前在左下角會有的倒數時鐘提醒你。

在關卡中，玩家可以在地圖上指定的位置建造防禦性建築物，來抵禦外侮。隨著關卡的晉級會有不同的建築物可以選擇，最一開始只有射箭塔。被殲滅的敵軍會換算成分數（或是錢），然後可以用得到的分數，再蓋下一個建築物，或是升級現有的建築物。

另外畫面的右下角有一本魔法叔，可以施放地域性（可惜不是地獄性）的魔法，最一開始被解鎖可以使用的魔法是 SLOW SPELL，選用魔法後要用手指點選施放地區，畫面上會出現一個封印，但別想太多，時效很短 :p 算是無魚蝦也好等級的魔法吧 XD

這是遊戲中的畫面，也就是我卡關的關卡，哈！從左上角可以看到這一關總共有 10 波攻擊，以及我剩下 1 條命 :p 沒有守住的敵軍，走到我方軍營本部裡頭，玩家就會少一個愛心。基本上，我應該是很認真在遊戲快要結束的當下努力截圖，哈。

選用魔法會出現簡單的說明。

點選螢幕某個地方，即可施放魔法！

Age of Barbarians 是由 DoubleDuck 所製作的 Mobile HTML5 小遊戲。簡單易懂殺時間。推薦給大家玩 :-)

大家如果有在 Firefox OS Marketplace 看到不錯的小遊戲，歡迎留言推薦給我殺時間 :p （雖然時間也沒有很多可以拿來殺 XD）

也歡迎大家參觀「Firefox OS 正體中文交流區」跟更多同好一起討論與分享 :-)

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

2013-11-11T16:24:00.000+08:00

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

原本中午休息時間是用小帥提建議的方式補 patch，

cd ~/b2g/gaia/
git checkout --detach HEAD
curl https://github.com/mozilla-b2g/gaia/pull/11709.patch | git am

後來 BobChao 的指點後發現可以直接用 master 的 gaia，所以改切到 master 這個 branch 來刷機。參考原本「Firefox OS 手機 Keon 刷 Gaia v1.2 流程」一文中 Peter 的「flash_keon_1.2.sh 」

將變數「branch」改成 "master"，
加上 make 參數的鍵盤資訊「GAIA_KEYBOARD_LAYOUTS=en,zh-Hans-Pinyin,zh-Hant-Zhuyin」，
以及參考 BobChao 的建議拿掉「MAKECMDGOALS=production」，

變成「flash_keon_master.sh」：

再次感謝小帥提和 BobChao 和 Peter 的 script :-)

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

2013-11-09T17:03:00.005+08:00

前幾週在 moztw-general 群組上看到 Peter 邀請大家一起來玩（測試）Gaia v1.2 的繁體中文。但這週末才抓了個空檔來玩。

1. 環境

FirefoxOS Phone 橘色亮麗的 Keon
Mac OS 10.9（Windows 或 Linux/Ubuntu 亦可，但我今天用手邊的 Mac 測試。）

機器上已經預先準備好 python, git, hg, XCode command line tool, brew 等工具。如果有缺工具，可以參考這邊。

2. 更新 Gecko

[謝謝 Peter 支援] 在 Geeksphone 下載頁面，抓 Nightly image 下來。解壓縮後，在 Mac 上跑 ./flash_mac.sh。（其他作業系統請執行對應的 script）
我一開始沒有更新 Gecko，所以刷了 Gaia v1.2 之後停留在 FirefoxOS logo 畫面。

3. 更新 Gaia

我主要參考：https://etherpad.mozilla.org/fxos-zhtw-1-2-qatest
先依照「https://l10n.etherpad.mozilla.org/gaia-multilocale」的 v1.2流程走一次。不同的是我把 ~/moz 改用 ~/b2g。也可以參考我整理的 init_keon_gaia_1.2.sh script 來初始環境（服用之前，建議還是看一眼，也許我們的初始環境需求不同）：
再來可以參考 Peter 的「flash_keon_1.2.sh 」來刷機。第一次跑會下載一大包的 xulrunner。

4. 完成！

完成刷機之後就可以開始測試囉 :-)

更多資訊歡迎加入我們在 Facebook 的公開討論區「Firefox OS 正體中文交流區」一起聊 :-)