三年等待結束，Dojo 1.0 與 OpenSocial 練習曲

以為還會很久才會看到，沒想到 0.9 出了之後沒多久，就看到這個Dojo 1.0 | The Dojo Toolkit 消息。

有新東西，當然要嚐個鮮，延續之前的My OpenSocial Gold App 一友一兩金 的練習，只是改為使用新的 Dojo 1.0.0 available on AOL CDN，沒有異動其他部份，Container A 與Container B 看起來沒有啥問題。

新的版本我最感興趣的部份是Grid (1.0) | The Dojo Toolkit ，接下來應該會玩一下這個部份。



圖片源自 Grid (1.0) | The Dojo Toolkit

另外之前既然玩過Rich Text Editor in LinkXD 用來編寫 HTML，細節參閱 LinkXD: LinkXD 0.4.0 Release 釋出 ，這次Editor | The Dojo Toolkit 雖說是實驗功能，也會列入練習考量。

去部落格曬曬陽光
LinkXD

My OpenSocial Gold App 一友一兩金

日前出爐的 OpenSocial - Google Code 看起來很有趣，加上之前的你有多少黃金 ? LinkXD 0.4.2 Gold Release也玩出一點意思，於是就混搭出這個「一友一兩金」東西出來。

一友一兩金是個 OpenSocial - Google Code 的概念式實做，注重在鳥瞰一下整個流程與瞭解 OpenSocial 應用的全貌，不講理論，只是動手做看看。

動手做第一個問題是目前可測試的容器太少，目前線上的社群網站有支援 OpenSocial 要它開給你測試也不太可能，簽了Orkut Sandbox Sign Up 也還沒得到許可，於是只好先自己做一部分，這裡試著實做部份 OpenSocial API 來提供兩個 Container A 與 Container B 給 Gold App 掛上去，讓想要看看 OpenSocial 應用的朋友嚐個鮮，這個應用只是用來展示整個流程，所以不會有很花俏的輸出介面，只是把字秀出來而已。

請注意，這只是小部份 OpenSocial Container 實做，並非完整的實做，只是供參考用。練習一下你會發現為何這個東西有機會吸引那麼多互相競爭的網站願意加入實做。

第一個原因在於它雖然是 G 提出的規格，卻可以完全不用 G 的服務，也就是完全沒有綁在一起，你可以各做各的，像這裡就做了兩個陽春到不行的 Container，你可以下載上傳到任何網頁空間去跑，雖然這兩個容器放在 G 的網頁服務裡，但是 ContainerA/ContainerB/Gold App 是跟 G 服務不相依的，你可以搬到你要的地方。

另一個原因就是 App 的大量出現，如果你的社群網路可以加入，又不怕被綁，又可以得到一大堆新的 App 可以吸引使用者，自然會讓這些網站願意加入，反正也不會有啥大損失，又是用 Html + JavaScript 這種基本技術，要轉接一下介面，不會太費工。

示範有兩個容器 Container 以及一個應用 Gold App，該 Gold App 會利用 OpenSocial API 取出你在該容器的朋友數，以一個朋友值一英兩黃金計算方式，由 Gold App 去取回當時即時報價資料(目前為模擬檔案)，然後輸出到該 Container 的頁面，你的朋友價值將以新台幣、美元、歐元或是值幾桶原油方式呈現。同一隻 app.js 可以跨到 ContainerB 也不用改，這是 OpenSocial API 的最大好處。

有一點請注意，為了方便， Container A 與 Container B 還有 Gold App 的 app.js 原來應該分別放在三個網站，而不是目前掛在同一目錄的樣子，這一點一定要先弄清楚。

這裡使用The Dojo Toolkit | The JavaScript Toolkit來幫忙做 ajax 的功能，你也可以用純的 JavaScript 或是其他Ajax framework - Wikipedia來做，全憑你喜歡。

這裡不討論登入與使使用者權限的問題，那個部份目前細節太少，所以目前只是先看看一整個流程，有個概念就好，你可以直接觀看線上兩個 Container A 與 Container B 的原始檔，或是到樂連LinkXD Download(蠻下面的)這裡下載 zip 檔案，解開後就可以用 Firefox 試看看，也可以傳到 Google Page Creator 上面，就像示範的 Container A 與 Container B 一樣。

另一個可以關注的議題是安全的部份，目前雖然尚未有太多的實做或是資訊可以參考，仍然有人可以找到漏洞，參閱 First OpenSocial Application Hacked Within 45 Minutes，可見的將來，這個開放的平台將受到更多的檢驗與測試，如果可以越來越安全，目前的初期漏洞被揭露也不見得是壞事。

還有一個可以關注焦點是台灣的社群網站何時支援應對 OpenSocial，那個第一時間接上這個突然冒出來的源源不絕的超大 App 水龍頭的網站，應該會讓會員用的很爽吧，畢竟維護程式以及請工程師也是很貴的。

也許有機會的話，你可以很快看到 LinkXD Gold App 修的美美的，出現在你的社群首頁也不一定。

圖片來自OpenSocial - Google Code，根據其Creative Commons Attribution 2.5 Generic授權引用。


參考連結

OpenSocial, Google’s Open Answer to Facebook « GigaOM

Google Announces API Connecter For Social Networks | WebProNews

Six Apart - News and Events: OpenSocial, Killer Apps and Regular People

[補充更新]

Surprise–OpenSocial is alpha code

LinkXD

去部落格曬曬陽光

阿爸這應該是同一間釣蝦場 Go Fishing

使用 funp 服務的時間並非很長，本來對 iframe 也沒有太多感覺，不過 LinkXD 總要測來測去，上面那一條 30px 橫桿就越來越刺眼，因為它會讓使用者不知不覺一路跟著連結下去，於是整個網站，不管你是登入登出，修改個人密碼資料，專家才知道查看原始檔，密密麻麻的 HTML 中找到 iframe 開的網頁在哪裡，於是一路下來，中間佈幾個複製的假網頁，隨便一拉，滿場的泰國蝦狂咬。

[更新] 本來有張圖展示這種 iframe 會導致類似釣魚手法的 Gmail 登入畫面，雖有提醒的效果，不過考量到這類示範並不好，為了避免有所爭議，已經移除。

想像一下A網站、B網站、C網站 ... X網站都這樣做的話，一層層包下來，十家這樣做，那就變成 300px，大概網頁遮去一半，核心的連結頁面卻變成要下拉才看到，如果這是某種 Web2.0，那我很懷念以前的時光。

使用者友善的做法是否只是反穿皮衣而已，書籤與書之間，皮之不存，毛將焉附 ？

這件事很多資料，例如陽光派報: 已經罵過了的推推王 、如何避免你的網站被「蓋台」？（破解被Frame內嵌的網站）【重灌狂人】、Blog.XDite.net » 淺入淺出 iframe (1)，這裡不討論法律層面或是 iframe 的好壞，那個太複雜，單純只是在「網」路上被堵到，打算如何做而已。

做個功能在 LinkXD 裡，利用 Firefox 的擴充功能，把不小心按啊按的，不知不覺多出來的部份恢復原狀，並解決這過程中剪連結會遇到的問題。這種作法應該不在Mark's Place | 推推王真的對使用者尊重嗎？提的兩種方法之一，可以算是第三種。

時代不同了，自己用的瀏覽器自己改比較順手，最近應該會隨新版本一起釋出。

[更新] 對這個問題還是有點模糊的朋友，可以觀賞 我推普魯斯特 | 貓尾巴-la queue d'un chat 一文，非常有創意，應該會更有感覺。

去部落格曬曬陽光

你有多少黃金 ? LinkXD 0.4.2 Gold Release

最近聽到朋友說要買一些黃金 Gold ，不禁想要算一下黃金與新台幣對照的價格等資料，然後寫在部落格中當紀錄。寫的過程中發現這件事太繁瑣，有點非人道，只不過是想要瞄一眼的東西，並不要求有多即時或是精確，但是第一次還是花了約半小時，如果一年寫個 16 次，每次都重演一次，那大約等於一個沒有加班的工作天，如果你比較勤勞，想多寫個幾次，那就變成責任制的工作天了，這個通常是沒有加班費的。

為了避免將生命浪費在不美好的事務上，就將金價連結文功能加到LinkXD中，按個鍵，就可以很方便地寫出這組金價相關資料的連結文，然後繼續書寫你的文章或是日誌，那個才是你的主要目的，這個繁瑣的查資料寫連結的小事，就交給LinkXD去做。

有興趣的人可以到樂連 LinkXD Download這裡下載。

當你按下採黃金資訊的按鍵或是功能時，需要你保持在上網狀態，不然會出現錯誤訊息，LinkXD是利用所謂AJAX, (Asynchronous JavaScript and XML) 的作法，由瀏覽器去取得匯率資料，再去抓金價油價，共需要發出四次查詢，然後取回資料後換算並產出連結到剪貼簿或是工作區，接下來就是你的事了。

LinkXD該功能的資料來源主要是 Yahoo! Finance，產出的連結都會轉到那裡去方便確認，雖說是英文頁面，反正就是頁面中黑黑的那個數字就是了。不使用國內的資料源是比較不好找，很多是 HTML 網頁，這種資料源是給人類看的，要拿來給機器用會比較麻煩，Yahoo! Finance可以輸出 csv 的文字檔，用逗點分開，比起來好處理很多。

下面是LinkXD產出的兩筆金價連結文，前後間隔約八小時，注意一下，即使是同一天剪出連結文，金油價都有明顯的變化，更別說下星期或是下個月再來看一次了，不過有個地方要注意一下，產出的每個連結按下去都會轉到目前的價格，並非當時作者剪貼時的價格，這一來是寫程式方便，一來是方便加以對照。

根據"10/29/2007"的資料，目前的金價一盎司 US793.70、油價一桶 US92.36，手上拿著台幣千元鈔10張可換到黃金11.01公克、石油3.34桶、歐元214.26、美元308.35，十年後剩下9.03張。

根據"10/29/2007"的即時資料，目前的金價一盎司788.90美元、油價一桶93.41美元，手上拿著台幣千元鈔10張可換到黃金11.08公克、石油3.30桶、213.76歐元、308.27美元，十年後剩下9.03張。

雖然可以實做跳出視窗直接問你有多少台幣，幫你換好，不過為了避免個人不小心，可能導致財務隱私上網曝露，所以暫時不考慮做這個功能，只提供千元10張，有其他需求，心理默算一下就好。

書寫是一種方便的記憶方式，面對資產不斷縮水的時代，有空應該要書寫一下即時的相關金融訊息，在心裡面稍微估算一下你有多少黃金 Gold ，下次看到當初的部落格或是日誌，應該會對大環境變化更有感覺。

黃金被稱為是誠實的貨幣，而LinkXD中這個功能想要幫你跟黃金價格連結起來，讓它幫忙你下載最新報價，然後算一下新台幣一萬元可換多少黃金，看看你的資產可以換到多少這個星球上的購買力，當然也順便對照一下石油、歐元等資訊，最後轉成 HTML 連結文字，直接貼到你的部落格，拿掉不要的部份，就可以很快做出一個即時金價等資訊的文字段落。

如果你持續有這類需要，LinkXD一年可以讓你多放假一天，大約可以換到一公克以上的黃金，如果沒有的話，還是可以參考看看。如果你有想做的格式，也可以留下意見，也許有機會做看看。

[更新嚇一跳]

根據"11/6/2007"的即時資料，目前的金價一盎司820.00美元、油價一桶95.56美元，手上拿著台幣千元鈔10張可換到黃金10.68公克、石油3.23桶、212.72歐元、308.92美元，十年後剩下9.03張。

根據"11/9/2007"的即時資料，目前的金價一盎司834.90美元、油價一桶96.55美元，手上拿著台幣千元鈔10張可換到黃金10.54公克、石油3.21桶、211.54歐元、310.30美元，十年後剩下9.03張。

去部落格曬曬陽光