那是一個可以線上即時轉換韋氏音標成為 KK 音標的程式，下載來看，居然是個 HTML Application (HTA) 檔，這讓我當時正在用 Ubuntu 的狀況下有點難使用，翻了一下 source code，發現似乎有機會轉成 Greasemonkey script，讓有支援的瀏覽器 (Firefox, Chrome …) 也能使用，於是便趁著空檔，嘗試了一下。

畢竟這是我第一個 Greasemonkey script，起步相當緩慢，PCMan 用的是純的 javascript，去抓字串 position 的部份看起來頗為複雜，剛好又 google 到原來 Greasemonkey 也可以用 jQuery 來做，所以就整個改寫了。

第一版也只是很簡單的把音標做轉換，但 test 了幾個單字後發現如果有多重發音或是多個單字在同一頁裡時，便沒辦法正確的逐一轉換，這似乎正好是 jQuery 的強項，所以只要小改寫即可。

*圖中黃色部份即為自動插入之KK音標

但這時卻遇到大麻煩，Firefox 下可以正常執行，但 Chrome 裡的 greasemonkey 支援不夠完整，不支援 @require 語法，以致於無法載入 jQuery，網路上搜尋了幾個在 script 裡直接 include jQuery 的方法，幾番改寫，雖然 Chrome 能動，但這時 Firefox 反而爛掉了，頭大啊！目前計畫也就暫時卡住。

現在 script 放在 userscripts.org 上 — Merriam-Webster Dictionary With KK，待有心人士或哪天心血來潮，靈感乍現時再來處理啦！

原本想利用一個機制可以儲存閱讀 history，但一直無法成功，又想利用相同的 guid 來做辨識，但 google reader 又不理它，後來發現該 blog 的文章末端都會附上一組文章的 url，（莫非冼老師也發現 url 改來改去的問題？），所以把它抓出來填到 link 和 guid 欄位裡就 ok 了。

當然這個作法只要冼老師不再提供固定的 url 就會失效，不過目前看起來運作良好，所以放出來看看。

該 pipe 位址: http://pipes.yahoo.com/tsaiid/feedofckshengblog

即使徒具形式，還是得有張表出來才行啊！每個月的月底協調完島休、返台…還要排值班，實在煩人，便萌生了用電腦亂數填表的方法。

心裡有這樣的念頭，還得環境允許才行，一開始研究了 Excel 的函數，後來找到用 VB 控制的方法，一個排班程式的雛型完成了（也是我的第一個 VB 程式）。

時間過得也很快，一轉眼就到要退伍的時刻，可是程式不知道我們要離開啦！名字寫死在原始碼裡頭，等我們一走可就殘廢了！為了避免之前奮鬥數十小時的心血白費，我又投入了額外的數十小時改寫，把部份選項獨立出來，變成動態調整的模式，算是留給之後的醫官一些小方便。（如果隱藏的 bug 沒有造成麻煩的話）

這會兒輪到我又捨不得了，嘔心瀝血完成的小東西，因為軍中的保密規定不讓我帶走，這排班的工具以後當 CR 時說不定還有機會用到啊！到時候要我全部重寫，可就沒那個閒工夫了。

想了幾個可行的方法最後都沒有辦法實行，看來它只能隨著時間，制度改了，排班方式改了，慢慢被埋藏到硬碟的深處，再也不見天日…

嗚呼，誠殘念也。

前幾天剛改好 slimbox wordpress plugin, 馬上就有人來發問，因為距離國考時間所剩無幾，原本無心多做回應，後來意外用 IE 測一下卻發現 javascript 似乎有問題，跑不起來。雖然在 Firefox, Opera 裡都正常，但要是 IE 這個市場主流軟體不能用，我的心血豈不就白費了！所以還是卯起來解決吧！

我測試的環境是用 Slimbox 附的 example page，很怪的是我明明用同一份程式，在測試頁裡跑起來 ok，搬到 blog 裡就會爛掉，實在是莫名其妙！後來發現原來是少宣告了一個變數，但這真的還是一件很莫名其妙的事。

理論上解決完這個 bug 後應該就可以去睡啦～我忽然又發現，我不小心用了第二個 flickr 帳號裡的照片了（捨不得買 Flickr Pro 只好多申請幾個帳號 :p），這樣原本偷吃步去抓 flickr url 的方法就失效啦！所以只好繼續修第二個 feature … (feature != bug) :p

Flickr 照片的 url 是由 owner 和 photo_id 組成的，例如：

可是在 Slimbox 裡用的格式必須是圖片本身的網址:

這是看不出 owner 資訊的，雖然 Flickr 有 API 可以用，但是想用 API 就會把自己的 key 散佈出去，假若不公佈 secret 碼，原則上其他人抓不到 token，應該也不會造成授權的問題，雖說畢竟也是有風險，但在沒有其他變通方式的情況下，也只好這麼做了，頂多是去申請一個專門拿來跑 api 的帳號就是。^^a

Flickr API 的官方網站裡並沒有提供給 javascript 用的版本，不過網路上已經有人做好了，搞懂它的用法，還順便幫他 debug 一下，最後還是因為不熟悉 javascript 的環境，無法繼續下去。這時剛好看到關於 JSON 的文件，便決定砍掉重練，自己弄個簡單版的，還可以精簡一些內容。

用 JSON 格式輸出的結果剛好會形成一個 object，在 javascript 裡用 eval() 就可以把它塞進一個自訂函數中，要處理網站回傳的資訊就簡單多了，花了一陣子弄清楚 object 結構後，卻又遇到一個問題：「抓不到 API 的網站！」

這是 javascript 先天的限制，怕人家到處去抓其他網站的內容來惡搞，所以和該 javascript 檔所在位置的 domain 不同的話就會爛掉，解決方法就是透過 proxy，Yahoo API 提供的方法是用 php proxy，順便也提供了簡單功能的版本，拿來用了之後，果然就成功了。

沒想到一個看起來好像不很複雜的功能做完時都已經天亮，老實說從初三要搭早班校車的年代畢業後，我不知道多久沒有看到西螺清晨的陽光了。

有時候執著於一件事，而後努力達成是一件很浪慢的事！但麵包和愛情之間的天平，還是得好好秤一秤才是比較成熟的做法吧！

Download: Slimbox WordPress Plugin v1.22, modified by tsaiid

ChangeLog

• 移除前一版 flickrUser 選項，改為自動偵測照片正確的 URL
• 預設將連回 Flickr 的連結在新視窗中開啟

Notice

• 因為採用 php proxy 以及額外的 Flickr API 函式，會導致程式效能降低，如果沒有連回 Flickr 這樣的需要者，建議使用原版的 plugin 即可
• 如果只會用到單一使用者的圖片，也就是說 flickrUser 固定者，建議使用前一版 v1.21 可以讓 Slimbox 更有效率的執行，也可以減少因 php proxy 造成的額外流量

Download: Slimbox WordPress Plugin v1.3.2, modified by tsaiid.

ChangeLog

• 根據原作者網頁之 1.3 版修改，可讓 wordpress 的自動更新閉嘴。XD

後續變動，請 follow 原本網頁。

唸書念到一個段落，不知道哪根筋不對勁，忽然想起 Slimbox wordpress plugin 因為沒辦法直接修改程式碼，只好停止更新的事，找了一下，居然發現更新版的 Slimbox，於是乎，半天又過去了。

Slimbox wordpress plugin 裡面包的只有壓縮過的 slimbox 和 mootools (slimbox 用的 lib)，即使是用 gindent 還原，也是難以閱讀。另外還有一個問題，因為底層用的是 slimbox v1.52，雖然畫面在 IE 或 Firefox 上很不錯，但 Opera 9.5 會有問題，網站上說，換新版的就可以解決。

目前 Slimbox 的官方網站上最新版是 v1.63，抓下來試用一下，Opera 的問題解決了，而且重要的是，它附上了原始碼，即使跟 v1.41 的寫法有很大的不同，起碼有修改的依據。

javascript 實在是個很不可親的語言，原先想試著用 Firebug 來 debug，不會用就算了，搞到最後連 firefox 都快爛掉，只好把它移除，用最原始的方式 — 一行一行慢慢看 — 來除錯。

把自己原先修改的部份套用到新版程式，測試完畢後，再用 YUI Compressor 壓縮一下，這樣就變成我自己版本的 slimbox wordpress plugin 了。

實在是累人啊！真不敢想像，要是這種工作效率在一般的資訊公司裡，究竟要怎麼生存下去。

Download: Slimbox WordPress Plugin v1.2.1, modified by tsaiid.

ChangeLog

• 如果圖片為 flickr 外連，於底部加上 flickr 標籤並連回原網頁
• 新增一 option: flickrUser，請於 slimbox/slimbox.js 中設定，以便程式取得正確之 flickr 網址
• 以上所描述的方式很爛，未來會再修改為自動取得正確之 flickr 網址

Download: Slimbox WordPress Plugin v1.2.1.1, modified by tsaiid.

ChangeLog

• 修正在 IE 中 javascript 執行錯誤
• 將 flickr 標籤改為開新頁面方式開啟

Download: Slimbox WordPress Plugin v1.3.1, modified by tsaiid.

ChangeLog

• 根據原作者網頁之 1.3 版修改，可讓 wordpress 的自動更新閉嘴。XD
• 註：此版本不會將圖片開在新視窗；使用方法同前所述，記得設定 flickrUser 參數

Download: Slimbox WordPress Plugin v1.3.3, modified by tsaiid.

ChangeLog

• 更新 mootools 到 1.2.6
• 更新 slimbox 到 1.71

這個 bug 基本上就是：Big5 缺字的問題。

理論上現在的軟體都朝向 unicode 化發展，這個問題應該會越來越少見才對，無奈我用來管理照片的 Picasa2 就是這麼智障的軟體，看他的設定檔應該是有 unicode，不過寫到照片裡的 caption 居然還是用 big5 來存，實在讓人受不了，Google 好像也沒打算修改的感覺，為了轉換，我也只好在自己的 uploader 裡轉碼了。

我的 Uploader 是一隻 perl script，會幫我上傳、加 tag、收 group 之類的，所以我只要在 Picasa 裡寫好一次 Caption 就可以從頭用到尾，傳照片時的相片說明就用 Text::Iconv 來轉，這個 module 底層用的是 GNU libiconv 這個函式庫，因此也是走正規的編碼方式。

好死不死的我在 Windows 裡都裝了所謂的 Unicode 補完計畫，它會修改轉碼的 table，所以在以 Big5 為底層的 Picasa 中，可以正常的顯示簡體字和日文字，但這些被它偷改過的編碼就不符合正規標準，libiconv 當然就會轉換失敗。

原則上可以利用一些參數讓 libiconv 遇到錯誤時不會爛掉，但這樣我還是得手工一張一張修，還是於初衷不合。

為了嘗試出以上的結論，我先試了 windows 版的 perl，不過安裝 modules 容易有問題，起碼我不知道怎麼編譯 Text::Iconv，而且 windows 的命令提示字元也是跑 Big5 的，從命令列輸入進去的內容全部要重新轉碼，不實際。

而 utf-8 的命令列要哪找？結果是用了 cygwin + utf-8 patch，安裝過程花了不少時間，cygwin 的安裝程式實在很難用，package 的管理方式也很怪，能用的 package 也是缺東缺西，最後還是要自己抓下來編譯，總之是弄好了。

經過多番嘗試後，發現原來是 Unicode 補完計畫在搞鬼，把 GNU libiconv patch 過後，已經可以正確轉換「不正確的字碼」，但奇怪的是，Text::Iconv 好像不聽話，轉不過去的還是轉不過去，不管怎麼移除重裝都一樣，放棄放棄。

原本想利用 try and catch 來處理 Text::Iconv 丟出來的 exception，可是它沒有提供 API 讓人自己載入自訂的 table，要自己弄一套轉碼程式，有那麼強就好了。最後用的是大爛招，呼叫外部程式來轉了。

唉唉～好不容易才弄一個段落，而且還是 (windows + cygwin + post-patched libiconv)-only 版本，到時候換台電腦、換個系統又要爛了，起碼，讓我撐一陣子吧！

為什麼要用呢？大概是因為改照片改煩了吧！（為什麼不是唸書念煩了？！）加上看到 flickr 上有一堆不錯的照片，忽然有種想收藏的念頭，只不過很多照片都是「版權所有」，要我每一張都點進去 check 實在太蠢，只好請電腦幫忙啦～

原先就有在看非官方的 Flickr Interestingness 的 feed，不過 source 我倒是丟了另一個進去，總覺得內容好像不太一樣（？），用了 loop, fetch page, filter 串起來，再送出結果，原本想把 feed 內容再精簡一些，不過一直找不到 drop 之類的選項，只好作罷，交給 rss reader 去處理啦～

使用起來還蠻直觀的，不過一開始不熟悉花的時間大概也跟直接用 script 差不多，其實它的設計還不錯，直觀，很多東西都會自動幫你處理掉，如果沒有一些很奇怪的需求，應該非常夠用了吧！

目前生出來的 feed 是空的，（應該不是 bug 吧？！ @_@），（大家都不喜歡／不知道 creative commons？）希望過幾天可以噴幾個 item 出來看看吧～ XD

因為網頁的格式、內容不那麼一成不變，之前也曾經遇過必須要調整 regular expression 格式才能正確抓到資料的情形，那次好像也搞了一陣子吧！只能說自己目前這個情形，除了努力在醫院裡混下去外，大概也沒有別的路可以選。

最近該 script (用 WWW::Mechanize perl module 拼成的) 似乎又出了點問題，把抓回來的網頁資料吐出來看，怎麼編碼跟我自己用瀏覽器抓回來的不一樣，在 ISO-8859-1 下，WWW::Mechanize 居然不是吐亂碼，而是把不屬於該範圍的字全部刪掉了，只剩英文、符號和數字的內容當然會 parse 錯誤！

一開始往 WWW::Mechanize 亂刪內容去找，沒什麼收穫，後來想到瀏覽器似乎會送出一些什麼，server 根據這些資訊它想吐的內容，這時又在 WWW::Mechanize 的 FAQ 裡找到：

“It works in Firefox, but why not Mech?” Everything the web server knows about the client is present in the HTTP request. If two requests are identical, the results should be identical.

裡頭也推薦了一個 Firefox extension — Tamper Data — 來看 request header，然後把 firefox 送出的 header 也交給 Mech 去送，一切就恢復正常啦。（不過應該說之前就一直都不正常才對。^^a）

把原先 88 行的 code 縮到 56 行，總共花了四個小時左右，唉唉～看來我還是努力的念 Washington 就好了。T_T

WordPress 2.5 改變很大的部份是後台，這個我沒什麼特別感想，一開始會覺得過一陣子後應該就會慢慢適應吧！影響最大的是連對 permalink 的處理都改了！

目前我相簿裡的照片是放在 flickr 上，（貪圖幾乎可說不限空間、不限外連、不刪除圖片等等），然後用小程式把網頁語法刻好，再一次存入，而相簿的結構就利用 wp 本身的 page 和 sub-page 結構來做，搭配上 permalink 結構，看起來還蠻好的，例如 2008 年 4 月 5 號拍的春天吶喊活動的相簿網址就會是:

http://blog.tsaiid.idv.tw/photos/2008/0405/

這個部份是用文章的 post_name 來做的，不過其實他們並不建議用純數字來當文章的 post_name，避免和 post_id 混淆，這樣聽起來也是有道理，不過為什麼之前可以 work 的 redirect structure 升級後反而會爛掉？

原先我的 permalink structure 是:

/%year%/%monthnum%/%day%/%post_id%/

在這個情形下，一般的文章讀得到，但相簿會爛掉，不過如果把 post_id 改用 post_name 兩種都可 work，不過實在是很不想動 permalink structure，這等於以前的連結、搜尋引擎裡的資料都要砍掉重練了，只是看了老半天程式碼，完全不知從何改起，只好屈服改用 post_name 了。

其實有個 plugin 理論上可以拯救過去舊的 permalink structure — Permalink Redirect — 但我裝了之後還是不行，網路上也沒看到什麼解法，自己又 hack 不出來，為了改照片已經睡眠不足的我只好投降了。

不過有人建議單純只用 post_name 就好？！個人認為雖然相同名稱的文章不太容易出現，但總是有那麼個萬一嘛！所以有人建議用 category 搭配 post_name:

/%category%/%postname%/

我為了更小心點，在中間加入了 post_id, 其實只要有 post_id 就一定不會重複了，只不過這違背了他們的建議罷了。畢竟 post_id 對 SEO 根本一點意義也沒有。

WordPress 原先的設計就是會把文章標題去掉 space, 符號等等，拿來當 post_name，非英文字的部份會被轉成 utf-8 編碼，雖然改用 firefox 3 beta 後，網址列可以正常顯示中文，但 firefox 2 還不行，又想起之前有人討論過，把中文改成拼音的方式，不過我沒有接受過拼音的訓練，所以找了個 perl module — Lingua::Han::PinYin — 做了個小程式幫忙，原本想做成 wordpress plugin 的，（其實也有，不過放到 virtual host 上 php 的最大記憶體使用量就爆了。XD）不過對 wordpress plugin 的結構還不熟，暫時這樣就好了。

呼～電腦真夠難搞的！

Greasemonkey 有一個應該算蠻知名的套件「Greased Lightbox」，用來顯示 flickr 上的成堆照片還蠻不錯用的，一直想把這類的功能加到我的相簿裡，不過礙於 javascript 能力不足，遲遲沒有動工。昨天趁著整理完出遊的照片，剩下的時間又懶得唸書，便想一鼓作氣一了心願。

一開始找到的幾乎都是 Lokesh Dhakar 的作品 Lightbox 2，一開始沒看清楚說明，裝了才發現原來這是泛用各網頁的 javascript，後來又找到一個 for wordpress 的，不過他介紹文章一開頭又說了個看起來是精簡版的 lightbox — Slimbox WordPress Plugin。既然網頁把他說得這麼厲害，我當然就採用啦！

安裝是蠻簡單的，解壓縮後再到控制台裡 activate 即可，使用的話，必須在圖片外面包一個 <a> tag，裡面要有 rel="lightbox" 屬性，按照我原本相簿裡的寫法，<a> tag 本來就有，不過連回去的是照片所在的 flickr 頁面，這時只好再把專門拿來生相簿 html code 的程式稍做修改，大致改好後，就可以運作了。

其實最花時間的是這一步，因為 flickr 要求所有外連的照片都要能連回 flickr 的頁面，我原本的作法當然沒問題，只是改用 Slimbox 後，就連不回去了，雖然 flickr 應該不會找我這沒啥流量的網站開刀，不過以防萬一，還是盡量避免的好，於是花了點功夫，在頁面的右下角再加上一個 flickr logo，這樣應該算勉強符合它的規範吧？ ^^a

喔～好久沒碰程式，看了一整晚也是頭暈眼花，不過看到相簿有點進步，心裡還是有點小成就啦！

PS. 目前已經採用 Slimbox 格式的相簿有「扇形車庫」、「八卦山」兩本，有興趣可以參考。