May 8, 2012 Reading time ~1 minute

[筆記] Self published B2G app

B2G並未一定要開發者把應用程式發表到一個特別的app store, 網站也可以自行加一個install按鍵, 讓使用者把你的網站當應用程式裝到手機內

首先, 你必須要先有個manifest, 目前manifest並沒強制的檔名, 但文件裡建議叫 xxxx.webapp, 以下是範例內容:

{ "name": "MyTestApp", "description": "test app", "launch_path": "/", "icons": { "128": "/img/icon.png" }, "developer": { "name": "Julian Shen" } }

然後在網頁內加上檢查是否安裝, 以及安裝的程式碼, 範例如下:

var manifestUrl = 'http://localhost:3000/manifest.webapp'; var app = navigator.mozApps;  function checkInstalled() { var request = app.getSelf(); request.onsuccess = function() { if(request.result) { //installed console.log('installed'); document.getElementById('installmsg').style.display='none'; } else { //not installed console.log('not installed'); } }; }  function install(cb) { var request = app.install(manifestUrl); request.onsuccess = function() { alert('installed'); };  request. function() { alert('Not installed'); } }

這邊要注意的是manifestUrl必須是full path而不是只有相對位置, 寫相對位置, 它還是讀的到, 但會出parse error, 之前害我搞半天一直以為是格式問題, trace了一下Webapps.js, 發現可能是判斷install origin有問題

目前安裝介面很醜:

安裝完就可以在Home screen看到它的存在了:

Apr 16, 2012 Reading time ~1 minute

[筆記] Deploy Mojito app to Heroku

First, you need to follow this doc (http://developer.yahoo.com/cocktails/mojito/docs/quickstart/) to install Mojito as a global node module. Why install it globally? Because you need the Mojito command line to create your first app.

Create application with command line:

mojito create app mymojito

Change working directory to “mymojito”.

Create a “Procfile” whose content is:

web: mojito start $PORT

Use the following command to create an application on heroku and deploy codes to it.

git init
git add .
git commit -am init
heroku create mymojitotest –stack cedar
git push heroku master

After successfully commit codes to heroku, you could check running process with “heroku ps”. However, you cannot find any running process. That is because there is one important step missed:

heroku ps:scale web=1

This command adds one dyno for web process. After that, you will find one web process when you check with “heroku ps”. And the server is now started up. You can check your app with browser.

Apr 13, 2012 Reading time ~1 minute

[筆記] Practice: Open graph with Facebook JavaScript API

Source: https://bitbucket.org/julianshen/videomag/overview

Demo URL: http://growing-wind-8625.herokuapp.com/top

Server: Play framework 2.0 on Heroku

Open graph object: Youtube video, Action: watch

It’s not a problem to add youtube video since it already contains open graph meta data in page. All we have to do is call “/me/video.watches?video=youtube_link” with POST.

To post activity to timeline, the permission “publish_actions” is required.

The result on timeline:

Mar 26, 2012 Reading time ~3 minutes

[拉麵食記] 香港 Mist 創作麵工房與秀拉麵

最近好像有點混, 都吃吃喝喝的, po的滿滿blog都拉麵, 連跑去香港參加Hack Event也吃了兩碗拉麵, 該反省一下, 不過反省歸反省, 食記還是要寫一下, 這次也偷懶把兩家併一篇寫

這兩家是 “Mist” 和秀拉麵, Mist是米其林一星級的拉麵, 而秀拉麵是米其林必比登推薦

先說Mist,

這不愧是米其林一星級, 服務相當好, 我進去後, 由於我只有一個人, 所以招呼我坐吧台, 但吧台本來就有一個體型比較龐大的外國人已經坐那等著點餐, 他看太擠, 剛好又有一桌空下來, 就請那位外國人獨自一桌, 另外幫我拉開椅子, 整個就像高級餐廳的服務, 不像拉麵店

小抽屜拉開, 整齊的擺滿餐具, 非常整齊, 裡面還有一張介紹這家店的簡介, 一下子好像有點來到展餐具的博物館一樣

在吧台有個好處, 可以看著師父處理食物, 雖說是拉麵, 但感覺好像是法式料理版的拉麵店, 看著師父用著麵條做出一小匙一小匙的前菜(別桌點的), 還真像法式料理, 說到這, 這還真是我第一次吃拉麵有前菜的

“一小匙"的起司番茄, 很特別, 不過其實不覺得這番茄有特別美味就是了

另外我還點了啤酒:

啤酒是他們自家品牌的白啤酒, 送出來時, 杯子是冰過的還在冒汗, 此時服務生才開瓶倒入, 所以喝的時候是完全冰涼, 啤酒不苦不澀, 很爽口….

接著, 主題, 拉麵, 看這張照片別誤會, 叉燒並不是另外放, 那盤是我加點的鴨胸肉, 鴨胸是，彈牙!而且沒一般鴨胸的油膩, 不過切薄薄的, 也只有三塊, 兩三下就沒了

拉麵裡面另有一片入口即化的叉燒，不誇張，真的入口即化, 說到湯頭…我第一次喝到湯第一口喝到發抖的…這不是形容詞, 是真的發抖(我那時感冒還沒好啦), 還不小心摔了相機…不過, 這湯頭也不能說是很正統的拉麵湯頭, 濃, 但不會真的太鹹, 也不太膩, 我點的是味噌拉麵, 點的時候服務生有說這比較濃, 問我是否可以接受, 不過實際嚐過後, 我是覺得還不是到真正口味很重的味噌拉麵, 麵條是我吃過最好吃的, 我是覺得比一蘭還好吃

整體說來, 這碗拉麵配冰啤酒, 還蠻讚的, 主要服務也不錯, 這一頓花了220港幣

再來是秀拉麵 –