patw 的筆記、生活、隨筆
[Facebook] Open Graph（開放社交關係圖） 動作設定教學
九月 23rd
Facebook 於 2011/09/23 發佈了新的 Open Graph 開發者教學，在應用程式中出現了 Open Graph（開放社交關係圖） 頁籤，項目相當多，因此快速做了簡單的翻譯，方便未來研究之用。
其中此篇便是讓使用者可以使用各種「動作」的新功能，就像除了某某某覺得什麼很「讚」之外，還可以增加 某某某 listen to 某專輯、某某某 cook 一道菜 這樣的動作。
這邊有相關的介紹。
※不過很可惜的是目前尚不支援中文的動作與物件。
翻譯功力尚淺，請各位前輩不吝指正，也歡迎同好一起討論：）
這份教學將會帶領你照著下面步驟建立、測試、發佈你的第一個 Open Graph 應用程式。我們會建立一個讓使用者發佈料理資訊的範例應用程式。
- Step 1: 建立 Facebook app
- Step 2: 取得使用者的時間軸授權
- Step 3: 定義 初始動作、物件與集合
- Step 4: 為你的使用者發佈動作
- Step 5: 把社群外掛加到你的應用程式中: Facepile plugin, Activity plugin, and Recommendations plugin
- Step 6: 將動作送交審閱
如果你對 Open Graph 有疑問，請造訪: Debug and Troubleshoot。為了讓你更快上手，我們亦提供了 範例 下載。
Facebook 政策條款的案例與解釋
五月 16th
由於前陣子做的案子(Facebook App)動不動就被刪掉，Facebook 官方判斷應用程式是否違規的準則究竟為何實在沒個準，因此就來稍微整理一下官方文件中關於 policy 的案例與解釋。
（雖然有些時候根本就是誤判，沒什麼違反的也被刪除，但還是整理一下以供參考吧）
PS. 請原諒小弟的英文能力 2266，若有翻譯錯誤或不洽當的請不吝告知。也希望這篇相關規定能在實際製作 Facebook App 上幫助各位避開違反規定的條款。
主要分為 廣告、「讚」按鈕、照片、發佈訊息、條款與商標 四大單元。
More >
[Facebook] 邀請已過期(expired) 的錯誤與解法
五月 5th
近日開發活動網站的 Facebook 應用程式時，在發送應用程式好友邀請(fb:request-form & fb:multi-friend-selector)時，使用者接收到邀請，點擊按鈕後，只會看到「邀請已過期」，並不會被導向到活動網站。
同事研究後發現，有兩個問題點會導致這樣的結果：
1. fb:request-form 的 action 導向到不同的網域。
2. fb:request-form 中的 content 屬性，少加了 fb:req-choice 按鈕標籤
[Facebook] 發送邀請對話框中的送出按鈕，英文字自動轉小寫的問題
五月 4th
最近在製作 Facebook 聯外通的專案，專案中使用 Facebook JavaScript SDK 來製作，其中有項功能是發送邀請給好友，如下圖這樣：
詭異的是，明明 fb:request-form 中設定的 type 值是 "HELLOWORLD程式邀請"，但顯示出來卻是 "Helloworld程式邀請"，英文字僅有首字是大寫，後面的字全部自動變成了小寫。
[Facebook][IIS] 於 IIS 7 上開發 Facebook 應用程式，發送應用程式邀請(invite)後引發 HTTP 405 錯誤 的解法
四月 28th
最近的案子試著在 IIS 平台上開發 Facebook Connect 應用程式，由於尚未找到一套比較合用的 Facebook .NET 3.5 SDK（題外話，若路過的前輩有覺得不錯的 SDK，能推薦給小弟一下也十分感謝啊XD），因此先使用 HTML + Facebook JavaScript SDK 做開發。
結果在製作「發送應用程式邀請」(invite) 時，使用者選定朋友後送出，會吐一個 IIS 的 HTTP 405 錯誤出來，原以為是 Facebook 的 FBML 寫法有誤。
More >
[AS3][JavaScript] Facebook 發佈訊息的方法
十一月 29th
本篇延續 [AS3] Facebook 朋友列表在 Flash 中用捲軸方式呈現 這篇，一樣用 Jozef Chúťka 前輩所寫的 Facebook AS3 Graph API 作法，來發佈訊息到塗鴉牆上。（由於 Connect 時就應用程式就會要求發佈塗鴉牆的權限，因此這種方法就不會跳出任何發佈視窗喔）
此外也附加了一個以 JavaScript 方式發佈塗鴉牆的方法，這個就會跳出常見的發佈訊息小視窗囉。可以依需求搭配使用～
Facebook AS3 Connect 方法在此一樣不提，請自行參考教學連結。
※ 其中要注意的是，發佈時需發佈成 Flash Player 10 版本，否則在 IE 中會無法在 connect 後正確 authorized！會一直跳出 callback.htm 頁面卻無法正確授權。為了這個問題卡很久，需特別注意。
[AS3] Facebook 朋友列表在 Flash 中用捲軸方式呈現
十一月 4th
這篇是關於在 Flash 中撈取 Facebook 的朋友列表，以捲軸(Scrollbar)呈現的作法。
※捲軸的做法我是看 Scrolling photos loaded dynamically with ActionScript 3 的教學，並將之改為列表呈現+垂直捲軸+滾輪捲動支援。
※關於 Facebook AS3 Graph API 的作法，請參照 Jozef Chúťka 前輩所寫的 Facebook Graph API & OAuth 2.0 & Flash (update) 這篇文章，往後有時間我再寫一篇文章介紹囉。
呈現的效果大概會像這樣：
[Facebook] 顯示對話框 (dialog) IFRAME/FBML
十月 18th
朋友問的問題，在 facebook App 中的 iframe 模式下如何秀出對話框 (dialog)?
（就是 facebook 樣式的那種藍標題對話框。）
分為兩種模式，iframe 與 fbml。
fbml 比較簡單，可以直接參考下面這個文件：
http://developers.facebook.com/docs/reference/fbml/dialog
近期迴響