前幾天Facebook IPO 的時候,
有另一個新聞主題是 裡面的成員進行了一個 all day night 的 hackathon ,
( http://techcrunch.com/2012/05/16/sleepover-time-all-night-hackathon-precedes-ipo-at-facebook-headquarters/ )
其實不用羨慕別人,
因為這一兩天 我的會社 也有。
這次有八個獎項,
都是 New iPad
Hackday 的傳統就是食物多,
飲料多,
這次也不例外。
這次我和同事合作的主題是一個 HTML 版的閱讀器,
基本上 PC 跟 Mobile Device 應該都可以執行才是。
我們的口號是 Read Something, Draw Something and Share anywhere,
所以除了閱讀,
使用者也可以畫圖分享對新聞或 Facebook 動態訊息 的看法。
實作上,
有用 mojito 跟一些 NodeJS 的 package,
主要都是跟 Facebook API 運作,
跟爬資料有關。
client 則用 canvas 進行繪圖,
與 CSS rotate 等方式進行閱讀翻頁的動作。
然後才發現,
Safari 跟 Mobile Safari 竟然沒有 BlobBuilder 的物件與方法,
幸好還有 atob function 不然就沒辦法把 canvas 中的圖片上傳到 Facebook。
目前 canvas 的底圖只有白色畫布,
本來是想讓使用者可以直接拉新聞圖片來加工畫畫的,
但是有 browser security issue Orz
另外爬資料常常會遇到 DOM 結構超過想像的事情,
導致頁面組成失敗,
也是蠻困擾的事就是。
本來還想做一個 hyprid 的 app,
canvas 的部份在 native app 就變成原生元件來處理,
不過一天半的時間實在很緊,
就待有空時再補吧!
有興趣的朋友,
可以到 http://tinyurl.com/sketchreader 玩玩,
現在應該算是 alpha version,
希望有機會可以變成 beta or 正式版 XDD
留言列表