最近幫公司建立 Staging 環境，申請了新的 FB App 來，用原本 Facebook v3.2.3 SDK 發現已經不能 work 了，去翻了 Facebook Platform Changelog，看到今年 4 月 30 號以後申請的 App 會強制走 v2.0 Auth 機制，所以原本用 php sdk 3.2.3 版本的話，完全無法呼叫 Auth 2.0 API，導致整個網站爛掉，當然線上的網站是不會隨意換 App ID 及 secret，免得怎麼爆掉的都不知道。這次來教學在 CodeIgniter 轉換 PHP Facebook SDK，可以直接參考官方 4.0.0 的教學，原本 3.2.3 版本直接下載程式碼，放到 library 目錄，直接 include 就可以取得 Facebook 個人資料，4.0.0 版本以後，請先確認系統是否升級為 PHP 5.4 版本以上，並且支援 Composer 安裝，當然如果不用 Composer 也可以，只是要 include 很多檔案，真的比較麻煩。
[Read More]
今年 2014 COSCUP 在 7/19,20 中研院舉辦，由於 JSDC 今年比往年還要晚半年舉辦，所以本來想投在 JSDC 的議程，就先拿到投到 COSCUP 議程。去年 JSDC 講了 Javascript command line tool GruntJS 介紹，講完經過半年，Gulp.js 就出來了，我馬上跳過去嘗試，用過之後，就像變了心的女朋友，回不來了，底下是 Gulp.js Slides。
[Read More]
最近幫公司安裝新的三台機器，全部上 Debian 7.5 Server 版本，統一安裝 Percona Xtradb Cluster 最新版本 5.5.37。設定完第一台 Node，並且透過底下指令 boot up 成第一台 PXC。
$ /etc/init.d/mysql bootstrap-pxc
後續第二台要啟動跟第一台進行 SST，寫到一半直接噴底下錯誤訊息
[Read More]WSREP_SST: [ERROR] Cleanup after exit with status:32 (20140702 10:57:28.004) WSREP_SST: [INFO] Removing the sst_in_progress file (20140702 10:57:28.006) 140702 10:57:28 [ERROR] WSREP: Process completed with error: wsrep_sst_xtrabackup –role ‘joiner’ –address ‘192.168.1.101’ –auth ‘xxxxx:xxxxxx’ –datadir ‘/var/lib/mysql/’ –defaults-file ‘/etc/mysql/my.cnf’ –parent ‘16042’: 32 (Broken pipe) 140702 10:57:28 [ERROR] WSREP: Failed to read uuid:seqno from joiner script. 140702 10:57:28 [ERROR] WSREP: SST failed: 32 (Broken pipe)
Linode 慶祝 11 週年慶，推出每月只要 10 美金的 VPS 方案，其實這方案就是原本最低的 Linode 2GB 直接打對折啦。流量每月 2TB，記憶體 1G，24GB SSD 硬碟空間，對外頻寬到 125 Mbps，總對外骨幹還是維持在 40 Gbps。重點是 Linode 現在可以用小時付費，但是每個月只要 10 美金，其實真的很便宜，草創時期用 Linode 真的是最好的方案，看來 DigitalOcean 的出現，這兩年讓 Linode 成長不少，也代表的以前的 Linode 賺很大 XD，補上現在的方案表
相信工程師在調整網站效能一定會使用 Google PageSpeed Insights 來得到測試效能數據報表，但是這僅限於使用 Chrome 或 Firefox 瀏覽器。每次跑 PageSpeed 時候，Chrome 就會出現哀號，並且吃下許多記憶體。有沒有 command line 可以直接用 Google PageSpeed Insights 測試 Desktop 或 Mobile 的分數。Google 工程師 @addyosmani 寫了一套 PageSpeed Insights for Node - with reporting 稱作 PSI，可以直接透過 Node 來產生基本 report，這 report 真的算很基本，跟 Chrome 的 extension 跑起來的 report 是不一樣的。這工具可以用來紀錄每次 deploy 網站時的一些數據變化。底下附上 Google 網站報告
剛開始學習 JavaScript 時候，一定會大量使用 Global Variables。但是使用 Global Variables 的同時，請務必使用 var 宣告，而不是直接使用阿，否則會常常遇到 ReferenceError 的錯誤。
function addToBlockList (item) {
block_List.push(item);
}
addToBlockList (“add 127.0.0.1”);
執行後你可以發現 console 噴出 Uncaught ReferenceError: block_List is not defined，加上一個判斷試試看。程式碼改成底下
function addToBlockList (item) {
if (block_list) {
block_List.push(item);
}
}
addToBlockList (“add 127.0.0.1”);
感謝 @Ly Cheng 針對第三點補充
1995 年 JavaScript 第1版出現，到了 1998 年 Google 推出第一代搜尋引擎，當時的 Google 根本不用在乎網頁如何使用 CSS 或 JavaScript，而當時的網頁也顯少使用 JavaScript 及 CSS。轉眼間到現在 2014 年，如今現在的 Web，已經離不開 JavaScript 及 CSS 了，而目前 SPA (Single Page Application) 的流行，也造成 Google 搜尋引擎讀取資料的困擾，所以 Google 團隊目前也正在朝這方向努力邁進。
[Read More]本篇來整理關於 Gulp.js 的一些 GUI 工具，對於不瞭解 Gulp.js 可以參考之前我寫的 The streaming build system Gulp，會紀錄這篇最主要是看到有人在 Github 發了這篇 Is there any GUI tool for Gulp? 而 Gulp.js 底層作者 @robrich 跳出來列出了很多工具，整理如下
[Read More]