唬人斯不唬人 » gadget http://blog.djh5e.org 唬人的世界, 不唬人的自我 Fri, 21 Aug 2009 05:32:58 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 googlepages.com 的 bandwidth limit? http://blog.djh5e.org/archives/149 http://blog.djh5e.org/archives/149#comments Fri, 06 Jun 2008 15:57:10 +0000 Horance Chou http://blog.djh5e.org/?p=149 我之前寫的三個 igoogle gadgets 都是放在 googlepages 做 hosting, 之前執行都還滿正常的, 但是昨天上午登入 igoogle後, 發現這幾個 gadgets 都因為 jquery.js 沒有載入所以不正常了, 檢查之後發現:

這怎麼可能? 這幾個檔加起來也才不到200K吧? 怎麼會off limit? 後來去查了一下 googlepages 的 help, 也沒明確寫出 bandwidth/page view limit 是多少, 只好自立救濟一下囉! 首先把 jquery 指到 Google AJAX Libraries API, 再把其它幾個獨立的 static file(js/css/images, gadgets 程式(xml)本身會被 www.google.com/ig parse 後 cache 起來, 所以不用處理), 移到自己的 hosting, 再加上 gzip & expires header, 以減少 http access 次數.

目前 gadgets 程式檔已經更新, 應該等 igoogle cache 更新後就會生效. 如果有哪位朋友還是遇到 gadget 不正常的話請再通知我囉!

]]> http://blog.djh5e.org/archives/149/feed 0 Update: 基金淨值Gadget更新 http://blog.djh5e.org/archives/142 http://blog.djh5e.org/archives/142#comments Sat, 19 Apr 2008 04:09:40 +0000 Horance Chou http://blog.djh5e.org/?p=142 今天早上才突然發現, 我的基金淨值Gadget竟然不能選台灣基金公司發行的基金, 所以剛剛趕快改了一下.. 因為google syndication 的 script bug 好像還沒修好, 暫時不放預覽, 還沒安裝的朋友可以點Add to Google新增, 已經有安裝的朋友應該等 igoogle 更新 cache 後再到 config panel 設定即可.

]]> http://blog.djh5e.org/archives/142/feed 0 基金淨值走勢圖 iGoogle Gadget http://blog.djh5e.org/archives/132 http://blog.djh5e.org/archives/132#comments Sat, 16 Feb 2008 17:03:02 +0000 Horance Chou http://blog.djh5e.org/archives/132 花了一點時間把前陣子寫的台幣歷史匯率 Gadget for iGoogle改了一下, 變成基金淨值走勢圖:

整個架構幾乎和台幣歷史匯率一樣, 所以就不多說明了, 有興趣的朋友們請自行取用吧!

]]> http://blog.djh5e.org/archives/132/feed 27 台幣歷史匯率 Gadget for iGoogle http://blog.djh5e.org/archives/131 http://blog.djh5e.org/archives/131#comments Sat, 12 Jan 2008 12:52:06 +0000 Horance Chou http://blog.djh5e.org/archives/131 真是時光飛逝, 轉眼又是好幾個月沒寫 blog.

其實每年年底這幾個月, 工作都會比較忙碌, 自然也沒什麼時間寫東西, 不過倒是利用零碎時間寫了這個小工具.

有上次開發 Diggirl Gadget 的經驗, 這次開發花的時間就少了很多, 大部分的時間都是花在修改 jQuery Flot library 上(加入”畫游標” 的功能), 還有自訂config頁面上.

這個gadget是寫成 inline mode, 所以不能像 Diggirl Gadget 那樣放在頁面上, 有興趣的朋友可以到 iGoogle 的新增小工具頁面, 查詢台幣歷史匯率, 就可以找到這個gadget. 或者是點選這裡也可以.

另外, 這次我把Gadget的 source code 放到 google code project 裡了, 請自行取用 :)

P.S. 補充一下, flot patch 可在此下載

UPDATED 因為現在 google gadget 不支援 html-inline mode 了, 所以處理 config 頁的部分修改了一下, 不能使用的朋友請等google gadget cache 更新後應該就會正常了.

]]> http://blog.djh5e.org/archives/131/feed 14 Diggirl.net Gadget for iGoogle http://blog.djh5e.org/archives/126 http://blog.djh5e.org/archives/126#comments Mon, 16 Jul 2007 13:36:42 +0000 Horance Chou http://blog.djh5e.org/archives/126 最近公司老闆交待研究一下 Portal/Portlet (這裡指的是 Java JSR-168/286 Portlet)相關產品, 所以這就是我最近在 study 的東西(以寫 java 的人來說, 我 lag 很大…反省). 不過既然是研究 Portal, 當然不能不研究比較一下最近 Google 主打的 iGoogle 囉!

Gadget 跟 Portlet 在概念上是類似的東西, 都是在 Container 裡執行的應用程式模組. 而最大的不同就在於, Gadget 是透過 iGoogle 提供的 API, 以 AJAX 的方式存取相關的 Service 來提供各項服務, 例如存取遠端資料(feeds, html…etc)或存取 User Preferences 以達到頁面個人化等. 功能看似陽春, 但未來也有可能透過各種 web application API 提供強大的功能. 而 Java Portlet Spec 則較強調企業應用, 採用與 Servlet/JSP Spec 類似的 HTTP Request/Response Model, 並整合原有的 J2EE 架構整合各項企業資源來提供服務(未來的 JSR-286 Portlet 也將提供較佳的 AJAX support).

這兩天花了點時間看了一下 Gadget (google稱它為”小工具”) 的開發人員指南, 發覺好像還滿簡單的, 而我個人覺得”從做中學”是最快也最好的方式, 於是就給自己訂了個題目寫了個小 Gadget, 以下就是成品:

簡單來說, 這個 Gadget 是透過 Diggirl.net 所提供的 RSS feed 來取得最新的圖片資訊, 並以 Slide Show 方式在 Gadget 中播放. 在技術方面其實並不高深,只是光用 javascript 來寫頁面處理也是有點小麻煩啦. 在這個 Gadget 中除了用到Google Gadget API 之外, 還用到了 jQuery 來處理特效及頁面控制等等. 整個內容只有 232 行, 如果把 javascript 部分再濃縮一下, 也許會變得更小呢!

在開發過程中, 有幸在 HappyDesigner IRC Channel 遇到 Diggirl.net 的開發者 Qing, 也得到了他的大力相助, 在此特別致謝喔!

最後, 有關 Diggirl Gadget 的 source code 可以由 Opensvn 取得. 若是您對本程式有什麼疑問或建議, 歡迎在此留言, 或者 mail 到 horance(at)gmail(dot)com.

]]> http://blog.djh5e.org/archives/126/feed 3