Amo Wu's Blog

團隊開發的網頁遊戲 《末日少女》 已經上市快兩個月了，成績比當初想像中還好，相較於 Gu Morning ，這次《末日少女》的開發學到很多寶貴的經驗，稍微鬆口氣之餘，也有許多需要檢討改善的地方，而《末日少女》Mobile 版其實也已經開發好一陣子了，最近這個專案 只剩下我一個人 交到我手上負責，趁這個機會導入一些新的開發方式，也 PO 上來分享心得。 這篇文章會講什麼？ HtpChat - 開發團隊的 Log 整合中心。 Trello - 團隊的專案管理小白板。 Git flow - 最佳程式開發流程。 Jenkins - CI(持續整合)建構工具。 HipChat HipChat 是一款跨平台團隊溝通工具，為了節省開會浪費的時間，通常會使用 Lync 或 Skype 這類通訊軟體，而 HipChat 除了該有的聊天功能，歷史查詢，附件上傳，@mentions 通知之外，最棒的是它可以整合許多服務，例如 GitHub ， Heroku ， JIRA 等，將所有開發上分散的訊息統一管理，方便團隊隨時瞭解狀況，而接下來這篇文章會講到如何整合 Trello ， GitHub 和 Jenkins 。 Trello 不同於一般市面上複雜的專案管理軟體， Trello 是一個簡單易用的 Scrum board，之前 Development Tools 這篇文章有稍微介紹，而我目前就是使用它來管理新專案，試用兩個月下來，感覺還不錯。 Trello 主要由 Board，List 和 Card 組成，如上圖所示，目前我將開發板分成五個 List： Backlog - 所有企劃開出來的功能會集中在這個 Backlog List，並按照預計完成日期排序。 To Do - Backlog 中的功能如果已經準備好企劃文件和美術檔案，那卡片就會移到 To Do 待命。 Doing - 正在實作中的功能會從 To Do 移至 Doing，建議每個人只留一張卡片在這。 Done (vX.X.X) - 下一版要完成的功能，在 Doing 完成的卡片會移到 Done，待產品發佈後會從 Done 改為 Live。 Live (vX.X.X) - 已經上線的功能 List，可以隨時使用封存，讓開發板保持乾淨...

這次不談程式的東西, 來聊一些 2012 年的數位生活心得, 這幾年許多應用快速雲端化加上智慧型裝置普及率提高, 幾乎大部份的工作都可以離開 PC 來完成了, 剛好在去年我達成了 Apple 家族四天王(iPhone iPad AppleTV Macbook)制霸! 所以在這邊整理分享 2012 年用了哪些服務. 因為我手上的裝置都是蘋果, 所以下面介紹的服務會以 iOS 系列為主, Android 的朋友抱歉囉.. 我在找想用的服務時會盡量挑以下幾點符合的: 多螢一雲 有提供各平台的 app, 網頁, 或桌面應用軟體. 社群化 擁有自己的社交互動圈, 或整合 twitter, facebook 等服務. 手機為主 PC為輔 優先挑選手機 app 好用的服務. 另外, 根據服務性質的不同, 也會看是適合哪個平台來選擇, 例如: iPhone 人在外面, ex: 工作, 通勤等.., 通常生產力相關的工具會比較適合在這時候使用. iPad 在家裡, 但不是電腦前, ex: 沙發, 床上.., 通常使用閱讀, 影片, 繪畫軟體較適合. Apple TV 在客廳, 不過軟體不多, 通常都拿來看影劇和聽音樂居多. PC 電腦或筆電, 通常都是拿來做較複雜的事情, ex: 整理, 規劃, 編輯.. OK, 在了解完我挑選應用服務的方式後, 下面列出的就是我要分享的清單: 知識管理 Google Reader Reeder Zite Pocket Evernote Delicious Blogger 生產力管理 Gmail Google Calendar Reminders Notes Dropbox 人脈管理 Google Contacts Facebook (Twitter, Google+, LinkedIn) LINE 財務管理 随手记 休閒娛樂 iTunes Match Last.fm TuneIn Radio SoundHound YouTube Podcast iTunes U Google Map Foursquare Foodspotting Picasa Instagram ...

Flash Builder 4.7 iOS Debug 這個月剛好玩到 flash on iOS，在部署到 iPad 時碰到些問題，筆記一下最後解決的步驟。 Flash Builder 4.7 提供三種方式部署和測試你的程式: On AIR Simulator On iOS Simulator On device 開發環境: Mac OSX 10.8.2 XCode 4.5.2 Flash Builder 4.7 Premium Adobe AIR SDK 3.5 STEP: 先開啟 Xcode 確定有更新到最新版，否則模擬器會有問題。 到 美國 Adobe官網下載安裝 Flash Builder 4.7 ，可試用兩個月。 前往 /Applications/Flash Builder 4.7/sdk/ 底下。 複製一份 4.6.0 的資料夾命名為 4.6.0_AIR35。 下載最新 AIR SDK 到剛建立的資料夾。 開啟 Terminal cd /Applications/Flash Builder 4.7/sdk/4.6.0_AIR35/ sudo tar -jxvf <下載的AIR SDK> 準備好 Apple Developer 的 .p12 和 .mobileprovision。 Debug your app!! 最後發現 Adobe 還提供一個免費又強力的效能檢測工具 Adobe Scout 。 不過一開始碰到不少問題，Flex 專案沒辦法跟 Scout 連上，最後 Google 到的解決方法: 確定你有安裝 python 的環境。 下載 telemetry-utils 。 開啟 Terminal cd 到 telemetry-utils 資料夾底下。 add-opt-in.py <YOUR FLEX bin .swf file> 然後再 Run 就可以看到 Scout 的結果了。 缺點是每次重新 Build 的時候就失效了，需要再下一次指令，期待之後會改善。

如果用 HTML5 配 WebView 來作 App 的話， 在 iPhone4 跟一些 Android 手機會碰到的解析度問題 ， iPhone4 的 Retina 是 960 x 640， 但是在 WebView 底下會以 480 x 320 來顯示， 所以須要利用到 javascript 的 getPixelRatio() 來作調整， /** * Return current device resolution pixel ratio, Default is 1. * @return {number} */ function getDevicePixelRatio() { if (window.devicePixelRatio === undefined) { return 1; } return window.devicePixelRatio; } 這裡寫一支 function 來取得裝置的 PixelRatio，一般通常都 return 1， 解析度較大的手機才會回傳其他數值，例如 iPhone4 則回傳 2， 最後寫一支 initDeviceViewport 的 function 來塞值給 viewport metadata tag， 例如這裡 iPhone4 會將 viewport 的 scale 全部縮放為 0.5 倍。 /** * Initialize device viewport meta tag to full screen size. * @author http://jsway.se/?p=150 */ function initDeviceViewport() { var scale = 1; var ratio = getDevicePixelRatio(); if (ratio !== 1) { scale = 1 / ratio; scale = scale.toFixed(1); } var viewport = document.getElementById("viewport"); ...

之前在使用Facebook API的時候碰到的問題,，筆記一下。 如果在 沒有登入Facebook 的情況下開啟 Feed Dialog 發佈訊息， 會被導到一個莫名其妙的頁面，上面只有一串 javascript 如下 <script type="text/javascript"> window.location.href="fbconnect:\/\/success? post_id=XXXXXX; </script> 這個問題我碰到兩次， 一次是在網頁版直接使用  Graph API call  的方式開啟 Feed Dialog， 一次是在 iOS Facebook SDK 中使用 Feed Dialog， iOS好像是在4.0以下才會發生，不太確定， 解決方法： 找到呼叫 Graph API 的地方 ( iOS SDK 應該在 Dialog 相關的檔案裡) 將 https:// m .facebbok.com/dialog/feed?xxxxxx 的  m  改成  www 還是不行的話就把 https 改成 http 試試，應該可以解決~ 參考： Javascript message on Facebook Connect post to feed in iPhone/iPad app undefined