2013年8月23日

還在用Obj-C寫App嗎?不妨開始轉向javascript+html+css吧(I)

http://sigmundtzeng.blogspot.tw/2013/08/ios-app.html

"真有必要時仍可包裝成app上架到app store"

在開發時的彈性和所增加的效率,我想已遠超過原生的app開發流程了

那…哪來的網路空間可用呢?

http://qops.blogspot.tw/2013/05/google-drive.html

原來google drive就可以拿來用了!!

剩下要考慮的就是工作流程的整合了吧…

2012年7月19日

Google Cloud SQL發佈,拋開??的DataStore!

這標題下得有點毒,所以打個馬賽克XD。請見 http://blog.finalevil.com/2011/10/google-cloud-sql.html

申請方式見 http://eoffice.im.fju.edu.tw/phpbb/viewtopic.php?p=32404 or http://sls.weco.net/node/16344 & http://fromtw.blogspot.tw/2011/12/google-cloud-sql.html or http://pro.ctlok.com/2011/10/google-cloud-sql.html

再加上ec2一旦超額馬上扣款的預設動作,感覺上先導型計劃還是用GAE比較安全啊…

Mobile web apps 開發跨平台的行動裝置應用程式

關於Mobile web apps的定義可參考以下連結

http://ayu1114.blogspot.tw/2012/05/mobile-web-app.html

但是,更簡明的定義,是"為行動裝置而最佳化的網站",見"Building iPhone Apps with HTML, CSS, and JavaScript"。基本上就是利用HTML5 + CSS3 + Javascript 來進行網站應用程式開發。視需求可以將應用程式包裝為獨立的、無需聯網的app,甚至可以放到網路商店上販售,目前有jqtouch, phonegap, Appcelerator titanium mobile, sencha touch, jquery mobile等套件可供選擇。apple陣營還多了一個nimblekit可以使用,可產生原生iOS呼叫。

debug的部分,javascript可以使用alert(),但是html5可能需要weinre來作遠端除錯。

這幾天又出現了新的架構發佈 http://enyojs.com/ 精彩可期啊~~


判斷裝置的畫面大小,以決定所載入的js,可以參考 http://blog.wu-boy.com/2012/07/develop-iphone-moblie-web-app-tip/ ,但是希望enyo.js可以一勞永逸地解決這個問題

臉書在iPhone上有自己的原生app,這個app在載入外部的網頁/應用程式時的行為,是否是受webkit一樣的限制呢?或是在外部網頁利用open graph登入的話,就是受到所用的瀏覽器(如safari)的限制呢?這個問題一旦解決,在跨平台應用的開發上,就可以對可能發生的行為更為了解。 http://cire.pixnet.net/blog/post/36704474-%E6%9C%89%E8%B6%A3%E7%9A%84-mobile-web-app-%E5%AF%A6%E8%B8%90---audiovroom 值得好好的研究一下。





github上的fb官方範本

位置在 https://github.com/fbsamples

以下由於熱門度差異很大,挑些有代表性的介紹

(opengrape: 這看來是一個配合node.js及ruby的Heroku雲端架構的js函式庫,不過沒有實際用法,只能留給ruby大師們享用了…)

platform-samples: 一些平台相關的範例,主要是行動裝置,如iphone, android;其下有四個子目錄


  1. hacks: 包含一個小型專案mobile-web-icebreaker
  2. mobile-web-hackbook: 一個比較大型的專案 hackbook。mobile web在此應指mobile web app
  3. mobile-web-hello-world: 更小的專案
  4. social-plugins-winefriends: 說明很不清楚,不過規模跟上面那個差不多

(CriticalMass: 這是3/12/12在GDC使用的範例)

(android-integration-sdk-phonegap: 這則看來很少人關心…)

wishlist-mobile-sample: 是iOS的app範本(吧?沒仔細看)

Social Cafe sample app: 是利用open graph api將動態發佈到塗鴨牆的範例;有些自訂的動態,例如按下某個icon,會引發後續一連串的事件;就像按了"讚"以後,可能會把這個事件傳到後台,然後在塗鴨牆上發佈一條相關的消息之類的。

runwithfriends: 以python撰寫,發佈到app engine的範例

insights-api-sample: 以PHP撰寫,使用Facebook Insights API


2011年2月2日

用Javascript/python發資訊到FB個人塗鴉牆的範例

其實背後主要都是用javascript來達到所要的功能

http://greenchiou.blogspot.com/2010/12/javascript-facebook-sdk-width-graphic.html

http://www.moke.tw/wordpress/computer/advanced/141 使用對話盒式的介面

http://zh-tw.facebook.com/topic.php?uid=10150113505190500&topic=13654 新版的JavaScript SDK 發送stream.publish

使用python的sdk的話,以下連結有使用put_wall_post方法的程式碼片斷,注意 self.put_wall_post 附近

https://gist.github.com/633809

上面這個程式碼片段主要延伸了官方的sdk,示範了使用方法,可以單純的貼一行文、連結。由於它是由命令列所發動的,因此還需要登入、授權等的動作

http://tvd-fb.googlecode.com/svn-history/r9/trunk/facebook_interface.py

  這個專案相對而言比較龐大,可惜內容文字很多西班牙(還是葡萄牙?)文,降低了可讀性,不過還是很有參考價值

2011年1月29日

檢查行動動置上網頁的運行體驗

據說safari 5有設定方式可模擬iphone/ipod

http://stackoverflow.com/questions/3882233/iphone-browser-simulator-for-windows

不過會問這個問題通常是因為網頁中使用了javascript,那麼可用的模擬器有人討論過了

http://stackoverflow.com/questions/464089/simulators-emulators-for-mobile-browser-testing

如果使用比較簡單的javascript而不用extjs/jquery的話,在行動裝置上可正常運行的機率會比較高些,以下幾個網站的範例滿值得參考的

http://www.webanddesigners.com/33-jquery-tutorials-to-create-navigation-menu

http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html

http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/

不過到最後我還是沒有踹出來,所以…放棄了XD

2011年1月27日

使用 Google 應用服務引擎 ( GAE = Google App Engine ) 建立 Facebook 應用程式 (IX) 多國語言化 i18n

根據不少資料顯示,這不是一個簡單的工作。事實上是非常的麻煩,而且我並沒有成功,但是為了留下記錄,我還是寫下我所進行的步驟。一個可行的行動方案如下

http://blog.yjl.im/2009/02/using-django-i18n-in-google-app-engine.html

不過有一步不成功,是使用 make-messages.py 這步。不要緊,直接把 C:\Program Files\Google\google_appengine\lib\django\django 整個目錄複製到工作目錄下吧。這或許是個overkill,等有時間再回來看看是不是只需要其中某些檔案就好…當然之前按該連結所寫的settings.py就要放到所複製過來的django/conf目錄下

這還沒完,請到 http://sourceforge.net/projects/gettext/ 下載相關的檔 gettext-runtime-0.13.1.bin.woe32.zip , gettext-tools-0.13.1.bin.woe32.zip , libiconv-1.9.1.bin.woe32.zip ,解壓後把所有的bin目錄中的檔案放在工作目錄中