Racklin's 阿土伯程式大觀園

LiveScript do keyword

2013-09-12T10:51:00.001+08:00

LiveScript 眾多的語法糖衣中， do 算是被附加最多功能的 keyword . 所以整理一下目前已知的用法備忘。

1. execute

如同 do 字面的意思，就是執行。後面可以跟的是 Function or Array .

do Function

如：

# anonymous function
do ->
  x = 5

# named function
a = ->
  x = 5
do a

# declare named function and execute it
do function f
  x = 5

會產生出

// anonymous function
(function(){
  var x;
  return x = 5;
})();

// named function
var a;
a = function(){
  var x;
  return x = 5;
};
a();

// declare named function and execute it
function f(){
  var x;
  return x = 5;
} f();

由上列可知 do 非常聰明，它能依 anonymous 或是 named Function 決定產生出的 javascript 語法。

而 do 後面跟一個 anonymous 非常方便，很適合使用來將一段程式碼包起來，將變數變成區域變數(local scope variables),好處就是避免變數外漏(expose variables).

do Array

如果 do 後面跟著是 Array , 而 Array 內的元素是可呼叫(callable), 則 do 會執行 Array 內每一個元素。

如：

do [a, b, c]

a(), b(), c();

2. omit parentheses

LiveScript Coding Style 建議我們能省略 parentheses ()，就量省略。所以我們可以利用 do 來做到。

implicit object

如：

func do
  a: 1
  b: 2

會產生

func({
  a: 1,
  b: 2
});

list

如：

func do
  a
  b

# 經常使用在 callback, error_callback
func do
  (data) ->
    x = 1
  (err) ->
    x = -1

會產生

func(a, b);

// 經常使用在 callback, error_callback
func(function(data){
  var x;
  return x = 1;
}, function(err){
  var x;
  return x = -1;
});

3. Backcalls

由於 LiveScript backcalls ，省略了內縮，讓 async callback 程式碼較容易閱讀，也因為省略內縮，如果你某段 code 要在 backcall 後執行就無法做到，這時需要利用 do 。

如官方範例：

do
  data <-! $.get 'ajaxtest'
  $ '.result' .html data
  processed <-! $.get 'ajaxprocess', data
  $ '.result' .append processed

alert 'hi'

產生：

$.get('ajaxtest', function(data){
  $('.result').html(data);
  $.get('ajaxprocess', data, function(processed){
    $('.result').append(processed);
  });
});
alert('hi');

4. Do while loop

相容 javascript 的 do-while 迴圈語法

如：

i = 0
do
  i++
while i<5

產生：

i = 0
do
  i++
while i<5

5. code block

沒什麼特別作用，如同你在 javascript 中的 {} . 如：

do
  x = 1
  x = 2

do 
  x = 3

產生：

var x;
x = 1;
x = 2;
x = 3;

Written with StackEdit.

LiveScript - tax-free javascript

2013-07-15T16:48:00.000+08:00

由 clkao 在 CUSCOP 2012 介紹的 "LiveScript - tax-free JavaScript" , 我到了 2013 的 HDM 聚會，才經由他介紹才知道，一看真是驚為天人，真是才疏學淺。

對於正在使用 JavaScript 或 CoffeeScript 為解決方案的朋友，可以考慮試試 LiveScript http://livescript.net/ .

由於目前使用者相對於 CoffeeScript 算少，所以很多工具尚很欠缺，請有志青年一起捲起袖子來開發。

目前阿土伯進行的是 LiveScript JetBrains IDEs(IntelliJ , PHPStorm, WebStorm, RubyMine, PyCharm) 的支援。
Source Code hosting 在 Github https://github.com/racklin/livescript-idea .

clkao 精彩的 LiveScript - tax-free Javascript 簡報：

改善 Programmer 生活的 SQL 技巧

2013-07-15T16:09:00.000+08:00

在 Ruby Tuesday #24 應邀的一場 Lightning Talk.

現在工程師在面對大量方便易用的 MVC Framework 之餘，也應了解 ORM 背後的機制以及 SQL 相關的技巧。

錄影：http://www.youtube.com/watch?v=CnJf_KVTfA0

簡報檔：

將 jQuery 及 blogger-ext2 由 Blogger 移除了

2011-08-30T09:15:00.000+08:00

至今還有部份使用者來信問問題, 感謝大家的對 blogger-ext2 的支持及不離不棄, 不過建議大家棄了它吧!

由於 blogger.com 目前已經將大部份的功能都已內建了, 所以該專案已經沒有存在的必要了, 所以建議有在使用的朋友, 請直接使用 blogger.com 內建的 "繼續閱讀" "標籤雲" "社群分享按鈕" 功能!

為 Thinkpad T61 Debian Linux 換上 SSD

2011-04-08T23:18:00.002+08:00

由於身邊越來越多的朋友以及 Twitter 上的朋友換了 MacBook Air, 整體表現, 真的只能用 "輕""快" 二字形容. 讓我也很心動, 想把服役多年的 Thinkpad T61 換掉, 換成 MacBook Air 13" .
在比較 MacBook Air 規格以及 T61 規格後, 冷靜想想, MBA 及 T61 有著差距不大的 Intel Core 2 Duo 2.x CPU 及同樣是 Nvidia Graphic .
由於目前使用的 LMDE 64 加上 Liquorix Kernel 其實也夠快了, 開機 15-20s, 程式也沒什麼太慢的感覺, 那麼, 唯一的效能爆點就在 SSD 了, 就這樣, 開始網購相關的昇級配件了. (看來短時間我不會由小黑變小銀了)

SSD 的選擇
本來是要選擇號稱藍星最快的 OCZ 版 SSD, 但是在 OCZ 爆出了誠信問題, 連大廠都這麼硬幹, 那還是買安全牌 Intel 的好了, 由於 Intel 新的 310 , 520 series 剛推出, 所以相對的 X25M series 就成了 C/P 值很高的選擇! 就決定是你了, Intel X25M .

解除小黑 ICH8M 封印
由於小黑使用的 ICH8M 晶片, 其實是支援 SATA2 的, 但由於 IBM 官方的 BIOS 將它限制在 SATA1 也就是 1.5Gb/s , 所以我們需要第三方的 BIOS Patch 來讓它支援 SATA2 3.0Gb/s 的速度. (注意, 使用非官方 BIOS 可能會破壞原廠保固條約, 請自行衡量)

Partition Alignment
由於 SSD 的結構和傳統的硬碟差異很大, 所以在效能優化上面, Partition Alignment 就非常的重要(阿土伯機器上, 在 X25M 上會影響到 Automatic TRIM 是否生效).
一開始踩到個雷, 只是簡單參考 Ubuntu SSD Checklist 來設定, 利用 fdisk 來切割, 結果是錯的.!!!這是個雷!!!.
如果要利用 fdisk 工具, 請參考 Aligning an SSD on Linux 或這裡
. 如果不想麻煩, 就使用 gdisk (gnu fdisk) 工具, 它會自動為您對齊.

Automatic TRIM
在 Linux 目前 EXT4 和 BTRFS 都可以支援 SSD 的 ATA_TRIM , 為了穩定考量, 我選擇老朋友 EXT4, 接著只要在 mount option 中加上 discard 即可.
詳細可以參考這篇 Howto.
一切似乎完美, 想必您和阿土伯一樣, 想知道 Automatic TRIM 是否真的有生效,
可以參考這篇 Howto , 如果您利用 hdparm -I /dev/sdx 確實您的 SSD 支援 TRIM , 而在檔案刪除後, 利用 hdparm --read-sector 郤沒有得到一堆的00, 不用緊張(當然我很緊張), 檢查一下您的 Partition 是否沒有對齊, 或是查看一下您的 Linux kernel 是否 >2.6.33 .

Journaling
大部份的 Linux on SSD 文件都要您關閉 journal , 可以降低 IO 的量, 增加 SSD 的壽命, 但是相對的, 對於檔案因不正常原因斷電或當機損壞機率也增加, 對於阿土伯來說, X25M 保固三年, 且如果由正常壽命 7-8 年降成 5-6 年(T61 應該不會再用三年了吧!!), 也比我的資料或程式碼損壞來的好多了, 那可是會降低阿土伯我的壽命呀~~~~

Performance Tuning
這部份我調整的大致依 WIKI 上所說, 將 I/O Scheduler 改成 noop .
以及將 /tmp 使用 tmpfs 代替.

目前, 由 GRUB2 按下 [ENTER] 到 gdm3 出現大約是 10 秒左右, 執行相關的程式
啟動時間也大幅縮短, 尤其是 Java 相關的 IDE 更是明顯..
目前除了 "輕" 是先天因素沒的和 MBA 比外, 使用上速度的流暢性上,
T61 又重新證明它老當益壯, 要再陪我征戰程式設計老宅這條路.

ePubConv.mobi 中文電子書簡繁轉換服務

2011-01-05T10:34:00.001+08:00

http://epubconv.mobi/ 電子書簡繁互轉網站開張!

由於本身是 Kindle 3 的使用者, 除了技術文件和大量免費的英文書之外.
其實有不少的中文資源可以下載到書, 像是好讀網站或是掌上书苑 .

所以相信大家和我一樣會希望能方便的在簡->繁或繁->簡將下載的 .epub 轉換, 以自己最習慣的文字閱讀.
然而除了編碼的轉換外, 更支援詞庫的轉換, 因為簡體字一個字可能對映到多個繁體字(如: 干, 后)

功能

* 支援多種字元編碼: GB2312 , BIG5 , UTF8
* 不只編碼轉換, 更是正體和簡體中文文字翻譯: ex. 后天，皇后, 主干, 干净 - 後天，皇后, 主幹, 乾淨
* 部份成語支援: ex. 独占鳌头 - 獨佔鰲頭

於是我利用年假做了這個服務, 希望能方便大家能有個更愉快的閱讀體驗!
當然, epub 電子書不是只有在 Kindle 上能用, iPad / Android / Windows / Linux 上都有相關的閱讀程式.

參考:
手動轉換或利用 convertZ 工具, 可參考以下文章
如何將ePub電子書繁體化(簡體化)

CPU frequency selector by dmenu on Ubuntu

2010-03-02T16:10:00.008+08:00

由於目前改用 awesome window manager 取代了 GNOME Desktop , 所以很多"好用"的 Panel Applets 不能使用了.

尤其是 cpufreq-selector 這個對 Laptop 很常用的 applet 不能用, 實在很可惜.
所以, 利用 dmenu (part of dwm-tools) 來刻一個簡單的 cpufreq-selector.

ScreenShot:

安裝 dmenu:


sudo apt-get install dwm-tools

撰寫 cpufreq script:
或可以由此下載.


#!/bin/sh                                                                                       
cur_governor=`cat /sys/devices/system/cpu/cpu0/cpufreq/scaling_governor`
avail_governors=`cat /sys/devices/system/cpu/cpu0/cpufreq/scaling_available_governors`

# using dmenu to select cpu governor
cpu_governor=$(for i in $avail_governors ;do

    if [ $cur_governor = $i ]; then
       echo "[$i]"
    else
       echo $i
    fi
done | dmenu -p "Select CPU Governor: "| sed "s/\[\([a-z|A-Z]*\)\]/\1/g")

if [ -n "$cpu_governor" ]; then
    for cpu in `ls -d /sys/devices/system/cpu/cpu?` ; do
        cpu_num=`basename $cpu | sed "s/cpu//"`
        cpufreq-selector -c $cpu_num -g $cpu_governor
    done
fi

關閉 cpufreq-selector 每次必需輸入密碼(如果你覺得煩):
修改 /usr/share/polkit-1/actions/org.gnome.cpufreqselector.policy


gksudo gedit /usr/share/polkit-1/actions/org.gnome.cpufreqselector.policy

找到原始:


    <defaults> 
      <allow_inactive>no</allow_inactive> 
      <allow_active>auth_admin_keep</allow_active> 
    </defaults>

修改成:


    <defaults> 
      <allow_inactive>no</allow_inactive> 
      <allow_active>yes</allow_active> 
    </defaults>

新年快樂~大家久違了!

2010-02-16T21:42:00.002+08:00

新年快樂!

看著上一篇更新, 足足有一年之久了!
其間,除了工作的異動, 最大的改變是家中又多了一位新的成員..

二個成員, 把阿土伯壓的沒力氣寫文章了...

看到 Mark (一灘死水) 這篇,
不津笑了出來.. 原來新手爸媽都是一樣.. 連網誌更新變慢的藉口都相同.

總之, 今年的目標就是能定時更新網誌.

Ubuntu 8.10 at Thinkpad T61

2008-11-09T15:01:00.001+08:00

前幾天把 Ubuntu 8.10 Desktop Edition 64Bit 版本昇級.
昇級方法可以參考官方的這篇說明: http://www.ubuntu.com/getubuntu/upgrading

基本上所有 T61 上的硬體都能正確抓到, 包含先前提到的 Intel 4965AGN wireless LED 也一併改善解決.

然而 nvidia driver 由於 restricted driver 內建是 177.80 , 所以踩到了一個雷.

無法登出或 Ctrl+Alt+Backspace:
[G86GL] Latest NVIDIA drivers: X hangs with blank screen after logout.
阿土伯採用的是延長 GDM 等待 nvidia driver 回應的時間.
也就是請修改 /etc/gdm/gdm.conf 中的 GdmXserverTimeout 將它加大到 30 以上, 阿土伯目前使用 40.
沒有太大問題再發生.

2D performance 太慢:
nvidia driver 在 linux 上 2D 效能一直不怎麼樣, 當然官方也一直在改進, 由於 8.10 直接跳到了 177.80 版, 所以可以
使用一些新的設定, 可以參考: http://www.nvnews.net/vbulletin/showthread.php?t=115916 討論串.
或直接在 /etc/X11/xorg.conf 加入
Option "PixmapCacheSize" "1000000"
Option "AllowSHMPixmaps" "0"

並在 ~/.gnomerc 加入
nvidia-settings -a InitialPixmapPlacement=2 -a GlyphCache=1

可以獲得很大的改善.
可以利用 firefox 打開 addons 管理視窗, 然後利用 mouse wheel scroll 看看差別有多大...

iGoogle Tab RSS 小工具 Bug Fixed

2008-09-16T09:55:00.001+08:00

感謝幾位網友的提醒, 阿土伯忘了現在 iGoogle 已不建議並(禁用?) html-inline 的 content 了..
所以造成了幾個小工具已不能使用.. 已修復完異.. 謝謝大家愛用..

什麼是 Tab RSS 請見下圖及參考說明:

使用說明及介紹:
iGoogle Tab RSS 小工具

李斯諫逐客書

2008-09-01T10:56:00.002+08:00

學生時唸到的古文, 沒想到在現在會這麼有感覺.
本土/外來/挺誰/嗆誰/反誰/護誰一再操作這樣議題昇高人民對立是否得宜...
政治也是一種專業, 程式設計亦然.
當批評別人的設計有問題時, 能謙虛的自省自己的專業, 是否也出現了相同的問題, 並容納多元的意見以及不同團隊間的合作...
共勉之~

##CONTINUE##

李斯諫逐客書　　　　李　斯
　　秦宗室大臣皆言秦王曰：「諸侯人來事秦者，祇為其主遊間秦耳，請一切逐客。」李斯
議亦在逐中。斯乃上書曰：「臣聞吏議逐客，竊以為過矣。」
　　「昔穆公求士，西取由余於戎，東得百里奚於宛，迎蹇叔於宋，求丕豹，公孫支於晉。
此五子者，不產於秦，而穆公用之，井國二十，遂霸西戎。孝公用商鞅之法，移風易俗，民
以殷盛，國以富彊，百姓樂用，諸侯親服獲楚，魏之師，舉地千里，至今治強。惠王用張儀
之計，拔三川之地，西井巴蜀，北收上郡，南取漢中。包九夷，制鄢郢，東據成皋之險，割
膏腴之壤，遂散六國之從，使之西面事秦，功施到今。昭王得范雎，廢穰侯，逐華陽，強公
室，杜私門，蠶食諸侯，使秦成帝業。此四君者，皆以客之功。由此觀之，客何負於秦哉！
向使四君卻客而不內，疏士而不與，是使國無富利之實，而秦無強大之名也。」
　　「今陛下致昆山之玉，有隨和之寶，垂明月之珠，服太阿之劍，乘纖離之馬，建翠鳳之
旗，樹靈鼉之鼓：此數寶者，秦不生一焉，而陛下說之，何也？必秦國之所生然後可，則是
夜光之璧，不飾朝廷；犀象之器，不為玩好；鄭衛之女，不充後官；而駿馬駃騠，不實外廄
；江南金錫不為用；西蜀丹青不為采。所以飾後官，充下陳，娛心意，說耳目者，必出於秦
然後可，則是宛珠之簪，傅璣之珥，阿縞之衣？錦繡之飾，不進於前；而隨俗雅化，佳冶窈
窕，趙女不立於側也。夫擊甕叩缶，彈箏搏髀，而歌呼嗚嗚快耳者，真秦之聲也；鄭衛桑間
，韶虞武象者，異國之樂也。今棄擊甕而就鄭衛，退彈箏而取韶虞，若是者何也？快意當前
，適觀而已矣。今取人則不然，不問可否，不論曲直，非秦者去，為客者逐，然則是所重者
在乎笆樂珠玉，而所輕者在乎人民也。此非所以跨海內，致諸侯之術也。」
　　「臣聞地廣者粟多，國大者人眾，兵強者士勇。是以泰山不讓士壤，故能成其大；河海
不擇細流，故能就其深；王者不卻眾庶，故能明其德。是以地無四，方民無異國，四時充美
，鬼神降福。此五帝，三王之所以無敵也。今乃棄黔首以資敵國，卻賓客以業諸侯，使天下
之士退而不敢西向，裹足不入秦，此所謂『藉寇兵而齎盜糧』者也。」
　　「夫物不產於秦，可寶者多；士不產於秦，而願忠者眾。今逐客以資敵國，損民以益讎
，內自虛而外樹怨於諸侯，求國無危，不可得也。」
　　秦王乃除逐客之令，復李斯官。
大意：
　　　(一)自「秦宗室大臣皆言秦王曰」至「竊以為過矣」
　　　　　說明逐客為過。
　　　(二)自「昔穆公求士」至「而秦無強大之名也」
　　　　　（舉繆公、孝公、惠王、昭王例）說明客有功於秦（暗示逐客為不智）。
　　　(三)自「今陛下致昆山之玉」至「致諸侯之術也」
　　　　　說明逐其民人而取其色樂珠玉，非王霸者之所為（以色樂珠玉之取襯客之去為不
　　　　　合理）。
　　　(四)自「臣聞地廣者粟多」至「此所謂藉寇兵而齎盜糧者也」
　　　　　說明卻客而為他國所用，非秦之福（以逐客資敵業諸侯說明爭取人才的重要性）
　　　　　。
　　　(五)自「夫物不產於秦」至「不可得也」
　　　　　說明逐客則國危。
　　　(六)自「秦王乃除逐客之令」至「復李斯官」
　　　　　記敘李斯復官。

GREUtils 1.1 in trunk

2008-08-18T11:29:00.003+08:00

GREUtils 1.1 已經 update 到 http://greutils.googlecode.com/svn/trunk 中, 有興趣參考 Source Code 或使用, 請利用 svn checkout .

GREUtils 是一個 XULRunner / Firefox extensions Javascript Utilities Libraries.
1.0 到 1.1 基本上是全面改寫, GREUtils 1.1 提供以下功能:

Object extend function
include / include_once specified URL script.
XPCOM utilities
Charset Convert
Preferences Services
File IO
Dialog utilities (all XPCOM implemented, can use in javascript code modules)
Controller and CommandDispatcher? Helper
Cryphto Hash Utilities – md5 / sha1 /sha256
JSON encode / decode use XPCOM implemented (VERY FASTer then json.org's javascript version)
Threading – Native Multi-Threading support
JavaScript code modules support

其它改變:

GREUtils 1.1 全部改寫了 1.0 的 inline document , 由 ScriptDoc 改成了 jsdoc 格式, 以方便產生出 API Reference.
Makefile for linux user , 以方便產生 minified / packed / jsmodues / jsdoc 等 distribution files.
singleton support
inherits / namespace support (many idea and source from goog javascript libraries).

Project URL: http://code.google.com/p/greutils/

API References: http://greutils.googlecode.com/svn/trunk/jsdoc/index.html

Threading in Firefox 3

2008-07-04T00:33:00.009+08:00

Firefox 3 (Gecko 1.9) 新增了許多特色 (詳見 ), 其中一項重要的特色, 便是導入了 Thread Manager 機制.

##CONTINUE##

在 Firefox 3 以前, 我們要讓 Javascript 程式在背景執行, 最簡單的方式便是利用 setTimeout / setInterval 方式:


function backgroundTask() {
   // Perform a small amount of work
 
   window.setTimeout(arguments.callee, 100);
 }
 
 window.setTimeout(backgroundTask, 100);

以上的方式雖然可以把程式丟到背景執行, 然而, 它依然只是在主執行緒(mainThread)中, 以非同步的方式執行.

Firefox 3 後, 導入了 Thread Manager , 讓我們可以撰寫平台相關的真正多執行緒程式.

要實作多執行緒 Javascript 程式,本身必須是 XPCOM Object, 且實作 nsIRunnable 介面(和 Java Thread 很像不是嗎?).
詳細範例可參考 Thread Manager 和 nsIThreadManager .

Thread Utils:
雖然 Firefox 3 已經大大簡化了多執行緒程式的寫作方式(且很有 Java 風格), 但就 Javascript 來說, 就顯的有些麻煩, 我們要為每一個要執行的程式, 一一實作成 XPCOM Object 也是一件很煩人的事..
阿土伯在 GREUtils Rewriting 計劃中, 為 Threading 做了一些封裝, 讓您可以比較容易且直覺的使用 Firefox 3 所帶來的 Multi-Threading 這份大禮.

有關 Thread 部份的 Code 如下, 已修改過可以獨立運作於 GREUtils 整個專案之外:


/**
 * Thread - is simple and easy use Thread Manager APIs libraries for GRE (Gecko Runtime Environment).
 * ONLY Work with Firefox 3 or XULRunner 1.9
 * 
 * @public 
 * @name GREUtils.Thread
 * @namespace GREUtils.Thread 
 */
var GREUtils = GREUtils || {};

GREUtils.Thread = {
    
    _threadManager: Components.classes["@mozilla.org/thread-manager;1"]
                        .getService(Components.interfaces.nsIThreadManager),
    
    _mainThread: null,
    
    _workerThread: null,
    
    reportError: function(err){
        Components.utils.reportError(err);
    }
};


/**
 * getThreadManager 
 * 
 * @public
 * @static
 * @function 
 * @return {Object} nsIThreadManager 
 */
GREUtils.Thread.getThreadManager = function(){
    return this._threadManager;
};


/**
 * getMainThread
 *
 * @public
 * @static
 * @function 
 * @return {Object} nsIThread main thread 
 */
GREUtils.Thread.getMainThread = function(){
    if (this._mainThread == null) {
        this._mainThread = GREUtils.Thread.getThreadManager().mainThread;
        
        // extends magical method to worker thread
        // this._workerThread.dispatchMainThread = GREUtils.Thread.dispatchMainThread;
    }
    return this._mainThread;
};


/**
 * dispatchMainThread
 *
 * @public
 * @static
 * @function 
 * @return {Object} nsIThreadManager 
 * @param {Object} aRunnable
 * @param {Object} aType
 */
GREUtils.Thread.dispatchMainThread = function(aRunnable, aType) {
    var mainThread = GREUtils.Thread.getMainThread();
    var aType = aType || mainThread.DISPATCH_NORMAL;
    try {
       mainThread.dispatch(aRunnable, aType);
    }catch (err) {
        GREUtils.Thread.reportError(err);
    }
};


/**
 * dispatchWorkerThread
 * 
 * @public
 * @static
 * @function 
 * @return {Object} nsIThreadManager 
 * @param {Object} workerThread
 * @param {Object} aRunnable
 * @param {Object} aType
 */
GREUtils.Thread.dispatchWorkerThread = function(workerThread, aRunnable, aType) {
    var aType = aType || workerThread.DISPATCH_NORMAL;
    try {
       workerThread.dispatch(aRunnable, aType);
    }catch (err) {
        GREUtils.Thread.reportError(err);
    }
};

/**
 * getWorkerThread in pool
 * 
 * @public
 * @static
 * @function 
 * @return {Object} nsIThread worker thread 
 */
GREUtils.Thread.getWorkerThread = function(){
    // get presist work thread 
    // will not create new worker thread
    if (this._workerThread == null) {
        this._workerThread = GREUtils.Thread.getThreadManager().newThread(0);
        
        // extends magical method to worker thread
        // this._workerThread.dispatchMainThread = GREUtils.Thread.dispatchMainThread;
    }
    return this._workerThread;
};


/**
 * createWorkerThread - create new worker thread.
 * 
 * @public
 * @static
 * @function 
 * @return {Object} nsIThread worker thread 
 */
GREUtils.Thread.createWorkerThread = function(){
    // create new worker thread
    var worker = GREUtils.Thread.getThreadManager().newThread(0);
    
    // extends magical method to worker thread
    //worker.dispatchMainThread = GREUtils.Thread.dispatchMainThread;
    
    return worker;
};


/**
 * CallbackRunnableAdapter
 *
 * @public
 * @class 
 * @param {Object} func
 * @param {Object} data
 */
GREUtils.Thread.CallbackRunnableAdapter = function(func, data) {
    this._func = func;
    this._data = data;
};

GREUtils.Thread.CallbackRunnableAdapter.prototype = {

        get func() {
            return this._func;
        },
        
        set func(func){
            this._func = func || null;
        },

        get data() {
            return this._data;
        },
        
        set data(data){
            this._data = data || null;
        },

        run: function() {
            try {
                 if (this.func) {
                     if(this.data) this.func(this.data);
                    else this.func();
                 }
             } catch (err) {
                Components.utils.reportError(err);
            }
        },
        
        QueryInterface: function(iid) {
            if (iid.equals(Components.Interfaces.nsIRunnable) || iid.equals(Components.Interfaces.nsISupports)) {
                return this;
            }
            throw Components.results.NS_ERROR_NO_INTERFACE;
        }
};


/**
 * WorkerRunnableAdapter
 *
 * @public
 * @class
 * @param {Object} func
 * @param {Object} callback
 * @param {Object} data
 */
GREUtils.Thread.WorkerRunnableAdapter = function(func, callback, data) {
    this._func = func;
    this._callback = callback;
    this._data = data;

    if(arguments.length == 2 ) {
        this._data = callback;
        this._callback = null;        
    }
};

GREUtils.Thread.WorkerRunnableAdapter.prototype = {

        get func() {
            return this._func;
        },
        
        set func(func){
            this._func = func || null;
        },

        get callback() {
            return this._callback;
        },
        
        set callback(callback){
            this._callback = callback || null;
        },

        get data() {
            return this._data;
        },
        
        set data(data){
            this._data = data || null;
        },

        run: function() {
            try {
                var result = null;
                 if (this.func) {
                    if(this.data) result = this.func(this.data);
                    else result = this.func();
                 }
                                
                if (this.callback) {
                    GREUtils.Thread.dispatchMainThread(new GREUtils.Thread.CallbackRunnableAdapter(this.callback, result));
                }              
            } catch (err) {
                Components.utils.reportError(err);
            }

        },
        
        QueryInterface: function(iid) {
            if (iid.equals(Components.Interfaces.nsIRunnable) || iid.equals(Components.Interfaces.nsISupports)) {
                return this;
            }
            throw Components.results.NS_ERROR_NO_INTERFACE;
        }
};


/**
 * createWorkerThreadAdapter
 *
 * @public
 * @static
 * @function
 * @param {Object} workerFunc
 * @param {Object} callbackFunc
 * @param {Object} data
 */
GREUtils.Thread.createWorkerThreadAdapter = function(workerFunc, callbackFunc, data) {

    return new GREUtils.Thread.WorkerRunnableAdapter(workerFunc, callbackFunc, data);    
};

使用方式:
利用 GREUtils.Thread.getMainThread() 可以取得主執行緒.
利用 GREUtils.Thread.createWorkerThread() 產生一個新的執行緒.

WorkerThreadAdapter:
則是用以簡化自行撰寫 worker / callback 二個 XPCOM Object, 取而代之的是二個 Function handle 以及要傳入 worker thread 的資料.


var worker = GREUtils.Thread.createWorkerThread();
var execute = GREUtils.Thread.createWorkerThreadAdapter(
  /* worker function */
  function(data) {
    var result = 0;
    var i = 0;
     
    while(i <= data) { 
        result += i;
        i++;
    }
    return result;
  },
  /* callback function */
  function(result) {
    alert('sum = ' + result);
  },
  /* data to worker function */
  10000
);

GREUtils.Thread.dispatchWorkerThread(worker, execute);

註1:
Firefox3 的 Thread 由於是以 XPCOM 實作, 所以您只能用於 extension addons 寫作或是 XULRunner 專案中, 如果您需要在一般 Web Application 中使用多執行緒, 可以參考 Google Gears 的 WorkerPool 實作.

註2:
請特別注意 The Thread Manager 那篇的這句重要的警告.
Note: The DOM is not thread safe. You must not access the DOM or user interface from background threads. Doing so will likely crash.
其中要再注意的是, alert() 也是 DOM global scope 哦, 如果您在 background threads 用了 alert(), Firefox 3 也是會當給你看地.

忙裡偷閒寫下本篇, 內容有點雜亂簡單, 但還是希望對大家有幫助.

Processing.js

2008-05-11T14:09:00.002+08:00

Processing.js. jQuery 作者 John Resig’s 將 processing.org Java implementation's Processing Language port to JavaScript and Canvas.

而且實測, 在 Firefox 3 執行的很完美, 真是有夠強.

有興趣的可以玩玩 Processing.js 的 Basic Demo.
和 processing.org java 版的 Basic Demo.
只能說..太酷了..

其中有幾樣和 Processing Language 無關的 javascript 實作, 也很值得研究.

Types and type casting
Classes
Method overloading and multiple constructors
Inheritance

Nimbus Theme on Ubuntu 8.04

2008-05-02T10:10:00.003+08:00

Nimbus ( 各組件詳細 Nimbus SPEC ) 是 Sun Solaris Desktop 預設的就相當有質感的 Theme . 在未來的 JDK 6u10 中也將加入 Nimbus LookAndFeel.
所以利用這次重裝 Ubuntu 8.04 之餘, 順便把 Nimbus GTK2 engine 以及 Icons-theme 加入 Ubuntu 8.04 中.

阿土伯目前的 Ubuntu ScreenShot:

Compile and Install:
首先請先確認您有安裝打包 dpkg 相關的開發環境


sudo apt-get install fakeroot dpkg-dev devscripts icon-naming-utils

接下來就是下載 Nimbus 最新的 0.0.9 Source, 以及 deb 的 patch 包.


wget -c http://dlc.sun.com/osol/jds/downloads/extras/nimbus-0.0.9.tar.bz2
wget -c http://zap.tartarus.org/~ds/debian/dists/sid/main/source/nimbus_0.0.6-1.diff.gz

Compile:


tar xf nimbus-0.0.9.tar.bz2
cd nimbus-0.0.9
zcat ../nimbus_0.0.6-1.diff.gz | patch -p1
chmod +x debian/rules
debchange -v 0.0.9-1
sudo apt-get build-dep
fakeroot dpkg-buildpackage -us -uc

在一陣等待後, 您應該會在您的家目錄得到二個deb, (gtk2-engines-nimbus_0.0.6-1_i386.deb / nimbus-icon-theme_0.0.6-1_all.deb )

安裝 Nimbus dpkg:


sudo dpkg -i nimbus-icon-theme_0.0.6-1_all.deb
sudo dpkg -i  gtk2-engines-nimbus_0.0.6-1_i386.deb

您應該可以在外觀設定看到 Nimbus 嘍.

懶人包:
OK!OK! 阿土伯了解大家的痛苦, 懶人包在此, 請直接下載這二個 deb , 然後依照安裝方式安裝即可.
gtk2-engines-nimbus_0.0.6-1_i386.deb(45K)
nimbus-icon-theme_0.0.6-1_all.deb(9M)

安裝 Ubuntu 8.04 於 Thinkpad T61 雜記

2008-04-29T15:31:00.012+08:00

前幾天把 Ubuntu 8.04 Desktop Edition 版本裝在 lenovo Thinkpad T61 上面.
安裝上算是例來版本最順暢的版本, 不用調整 acpi / sata 設定, 一路安裝到底就可以完成安裝嘍.
基本上所有 T61 上的硬體都能正確抓到, 而 nvidia driver 也只需透過 restricted driver 確認的動作便完成了.
當然, 尚許多美中不足的地方需要調效,本篇並不是安裝教學,請參考官方或網路上為數眾多之教學文件.

Wireless LED 不會亮:
雖說 Intel 4965AGN 的 wireless driver 正確掛上, 且亦可以正確使用, 但是主機上那個 wireless led 不會亮, 就是那麼讓人爽度下降.
所以我們需要自己更新 intel compat wireless driver. (當然, 除了 T61 其它品牌 notebook 亦可照作).
首先先到 http://linuxwireless.org/ 下載最新的 driver, link here.
解壓後, 請修改 config.mk 加入 LED 的 options.


CONFIG_IWL3945_LEDS=y
CONFIG_IWLWIFI_LEDS=y

然後 sudo make install 即可完成更新,由於網路 module 使用中, 通常需要重開.
您就會看到您主機上的 wireless LED 開始可愛的一閃一閃了.

Trackpoint 中間鍵
加入以下幾行在 /etc/X11/xorg.conf 的 mouse 設定中:


 Option  "Device"  "/dev/input/mice"
 Option  "Protocol"  "ImPS/2"
 Option  "ZAxisMapping"  "4 5"
 Option  "Emulate3Buttons" "true"
 Option  "EmulateWheel"          "true"
 Option  "EmulateWheelButton"    "2"

中文輸入法的更換:
雖然我對 SCIM 沒有好惡問題, 但是經過半天的使用, 發現 pidgin 在輸入字時,
會始整個視窗 hang 住一下, 然後久久才取得 focus .
一開始以為是 compiz 特效問題, 後來發現是 scim 怪怪的, 沒有去深究為什麼, 換成 gcin 試試.
於是改裝套件庫中的 gcin gcin-qt3-immodule, pidgin 果然不會卡卡的.
但是另一個問題接著而來, 那就是部份程式在結束時會有 segment fault 問題發生, Firefox / MySQL Query Browser 都會.
所以,又要展開昇級的動作, 由於 hardy 套件庫內的版本只到 1.3.7 版本. 新的穩定版是 1.3.9 可以解決這個問題.
於是我們使用 debian etch 套件庫來更新, 請參考 http://www.calno.com/moto/gcin/ 將


deb http://www.calno.com etch-backports main

加入您 Synaptic 第三方套件列表中->更新套件.
即可完成 1.3.9 版本的安裝, 現在 firefox / MySQL Query Browser 可以正常使用了.

中文字體 AA 小字不好看:
由於 Ubuntu 8.04 內建已經使用文泉驛正黑體, 由於 wqy-zenhei 內建含了點陣的明體,所以小字會使用到點陣字.
所以我們需要關掉它. (詳見官網).
請下載官網中的 [44-wqy-zenhei.conf] , 並換掉系統中的 /etc/fonts/conf.d/44-wqy-zenhei.conf .
在此, 由於官網的 match 只用了 "WenQuanYi Zen Hei" 如果在選字時用了 "文泉驛正黑" 的中文 family name 將不會生效, 建議您將
44-wqy-zenhei.conf test 部份改成如下:


  <test qual="any" name="family">
    <string>WenQuanYi Zen Hei</string>
    <string>文泉驿正黑</string>
    <string>文泉驛正黑</string>
  </test>

CPU 時脈調整
預設的 CPU freq 模式是 Ondemand, 會自動依 CPU 使用情況調整 CPU 時脈, 但是常常會造成程式 delay 或切換過慢的問題. 所以我們需要讓 cpufreq-selector 可以調整時脈.


sudo dpkg-reconfigure gnome-applets

回答 YES , 讓 cpufreq-selector 擁有 SUID root 權限. 將 cpufreq-selector 加入面版,現在可以很容易依需要調整 CPU 時脈.

Suspend / Hibernate Support
讓 fn+f4 suspend 以及 fn+f12 能正常作業.
修改 /etc/default/acpi-support


ACPI_SLEEP=true
ACPI_HIBERNATE=true
ACPI_SLEEP_MODE=mem
MODULES="e1000 iwl4965 nvidia"
HIBERNATE_MODE=platform

其中的 modules 則是 "removed before suspend and reloaded on resume" 所以可以有效解決 resume 畫面一片白/無線網路不能連等問題(至少阿土伯電腦沒再出現過了).

讓 Ubuntu 更好用:
當然, 不能忘了 lazybuntu 最新的 0.1.5 版也支援 hardy 了.

以上, 是目前阿土伯安裝的心得, 陸續調適, 再行增加整理.

另人遺憾的 Google AuthSub API 有感

2008-03-10T09:38:00.004+08:00

身為一個 Google Fans 及 Programmer, 對於參與開發的 Web Application , 總是極力希望能直接整合 Google Services. 甚而連 User Singup 都不用了, 直接使用 Google Account 或 OpenID 進行 Authenticate , 然後直接使用我們的服務..

然而 Google Account API 中的 AuthSub API 似乎不能把它拿來當 Account Identification 用. 因為它無法傳回 UID (username / hash or anythings).

如果我們要拿來識別自己的 local user, 看來只能使用 ClientLogin, 要使用者填入 username (gmail) / password ,.....
這...是怎樣, 在現在釣魚網站這麼多, 而又是一個新創網站而言, 要使用者填入它的 Google username / password 是幾乎不可能的吧...

建議不用改變太多, 至少擴充一下 AuthSubTokenInfo 多傳一行 user_hash or UID 應該沒有安全性上考量吧.. 查了一下 Groups , 很多開發者有和阿土伯相同的困擾, 就差最後一點功夫, 很遺憾的, Google 缺少了它....

現在我們的 Service 放棄了 Google Login 的功能, 阿土伯身為 GFans , 好不甘心呀~~~~

建議:
一. 不改變現有任何 API , 但對於同一個 Username 對於同一個 next 同一個 scope 操作, 回傳同一個
session token , 因為目前 session token 並不會失效, 所以我們可以 "暫時" 拿來當同一個使用者的識別之用.

二. 只改變 AuthSubTokenInfo , 目前有的三行資訊, 多加入一行 user_hash or anything 可以反映相同使用者的資訊都可...

Google Groups: http://tinyurl.com/2yr8hx

GRE 開發三: Step by Step 桌面程式快速開發

2008-02-26T10:36:00.014+08:00

XULRunner + jQuery + GREUtils = Quick Application Platform.

本篇將利用範例的方式, 一步一步展示如何快速撰寫一個 Windows / Linux / MacOS 上的桌面應用程式, 您會發現利用 XULRunner (Gecko) 寫 Application 是那麼的容易. 這也是前二篇阿土伯專案中選用 XULRunner 而暫時排處 JavaFX 的原因.
基本上和設計 FireFox Extensions 差不多, 但本篇著重在撰寫 standalone application.
##CONTINUE##
XULRunner 安裝:
XULRunner 的官方網址在 http://developer.mozilla.org/en/docs/XULRunner , 而各個 build 好的
binary 可在此 FTP 下載 http://releases.mozilla.org/pub/mozilla.org/xulrunner/releases/1.8.1.3/contrib/
在這邊我們下載 xulrunner-1.8.1.3.en-US.win32-20080128.zip , 然後解壓到 C:\

下載 GREUtils 範例:
請到 http://code.google.com/p/greutils/ , 下載 helloworld 範例 http://greutils.googlecode.com/files/greutil-helloworld.zip
然後一樣解壓到 C:\

執行 GREUtils 範例:
請開啟 Command Prompt (執行->cmd.exe), 然後鍵入


c:\xulrunner\xulrunner.exe c:\greutil-helloworld\application.ini

執行畫面:
OK~ 您應該可以看到如下的畫面. Linux / MacOS 執行方式及結果應該亦是相同.
應為跨平台亦是 Gecko 的特色之一, 且由於使用 XUL/XHTML/CSS 所以各平台執行結果及承現是一致的.

開發環境:
XULRunner + jQuery + GREUtils 為此範例的主要環境.
XULRunner 開發細節在此不多作解釋, 請見官網文件. 您可以把它想像成 JavaRuntime 之類的環境, Firefox / ThunderBird 便是架構在 XULRunner 之上.

jQuery 我們的老朋友嘍, 所有 javascript 和 XUL/XHTML 的互動, 都是利用它來實現, 也就是您原來在 Web 中所使用的技巧(Ajax/DOM/XHR), 都可以搬到 Application 來用嘍.
這樣您有沒有信心大增, 即使您熟悉的是 Web Programming, 現在不用學 Java / VB / VC .... VX 就可以寫一些(簡單?)的應用程式嘍.

GREUtils 它是阿土伯封裝的一個簡易框架, 讓您可以容易的開發 XULRunner 應用程式.

application.js:
application.js 負責配製 Preferences , Initialize , 期望您在此僅撰寫這二件事, 相關的程式, 請將它寫到 Controller 中.
以下為 initialize 片斷


    // init controller
    GREUtils.include_once('appController.js', window);
    GREUtils.include_once('mainController.js', window);
    GREUtils.include_once('charsetController.js', window);
    GREUtils.ControllerHelper.appendController(AppController, this);
    GREUtils.ControllerHelper.appendController(MainController, this);
    GREUtils.ControllerHelper.appendController(CharsetController, this);

xxxController.js:
Controller 提供相關的 action 實作. 由於 GREUtils 封裝了 CommandDispatcher , 所以您只要擴展
GREUtils.ControllerAdapter , 您可以僅實作您的 action commands , 它會自動處理 supportsCommand / isCommandEnabled / doCommand / onEvent 等相關細節.
其中 init 為 Controller initialize function , 它會傳入 Application, 讓您可以在您的 Controller 中處理 Preferences 以及 Application wide function.

jQuery:
您可以在 Controller , 利用 jQuery 處理畫面上的任何元素, 所以相當容易直覺, 就如同您在設計 Web.


  charsetCmdConvert1: function() {
    jQuery("#charsetList1").each(function(i) {
        var cs = this.selectedItem.label;
        var input_text = jQuery("#utf8MsgBoxInput").val();
        var out = GREUtils.Charset.convertCharset(input_text, 'UTF-8', cs);
        jQuery("#utf8MsgBoxoutput").val(out);
    });
  }

Append DOM Object:
如果您發現您直接利用 jQuery.append 等相關的 DOM 操作, 和您想的不一樣, 別感到驚訝.
因為在 XULRunner 中, XUL 和 HTML 的 Namespace 是不同的.
所以您可以利用 GREUtils.domXULString / GREUtils.domHTMLString 來處理.
如明確的指定您要加入一個 XUL 的 Label Object:


jQuery("#testContainer").append( GREUtils.domXULString("<label value='test'/>" ));

Debug:
程式執行起來, 會為您 Popup Error Console 供您 Debug, 當然, 您也可以在 AppController.js
中拿掉它... 您更可以自行安裝 FireBug 為您的 Debuger.

其它..:
有關利用 3rd extensions 和提供您的 application add-ons 在下次有機會阿土伯再行解說.
歡迎大家來信/留言討論, 一同成長.

GREUtils 1.0 Release

2008-02-25T11:17:00.006+08:00

GREUtils 是一個輔助您在設計 Firefox extensions 或設計 XULRunner 程式的一個工具程式.

封裝了幾個常用的 XPCOM 功能, 讓您可以更方便更直覺的叫用它們.
封裝了 Dialog / Preferences / Sound 等常用 XPCOM.
封裝了 Charset Convert , 您可以利用 Function 進行 charset convert, 如同 php .
亦加入了如同 PHP 的 include / include_once 的特色, 讓您的程式可以更 MVC , 只有在需要的時侯, 引入適當的 javascript 及模組.
封裝了 Controller 和 CommandDispatch , 讓您的程式有一個良好易於寫作的MVC 架構.

今年比較忙, 一直沒有更新 Blog, 包含之前希望提供給大家的 Gecko 開發工具包, 也一直沒有時間整理(阿土伯很早 2007/09 就投到 google code 開放出來了).

~~還是沒有時間為大家寫完完整的說明及 Sample code~~, 怕一拖下去沒完沒了,
先放出來讓大家使用, 或請大家幫我寫一下 Sample Code 吧~~ :D

已補上 hello world 的 xulrunne rsample application, 利用了所有 GREUtils 的特性.
您可以把 helloworld application 當成您專案的 blank application 來用.

大家先看 Source code 或 javadoc 理解一下. 希望對您在撰寫 extension / xulrunner 上有幫助.

專案位址: http://code.google.com/p/greutils/

##CONTINUE##

GREUtils is simple and easy use APIs libraries for GRE (Gecko Runtime Environment).

It provides:

Object extend function
include / include_once specified URL script.
XPCOM utilities
Charset Convert
Preferences Services
File IO
Dialog utilities
Controller and CommandDispatcher? Helper

iGoogle BossKey 暗黑老板鍵小工具

2007-11-24T11:02:00.000+08:00

由於 iGoogle 提供的小工具已經非常非常的多元化.. 舉凡股市投資組合, 打電動, 看新聞, 聊天, 看美女圖, 都可以在 iGoogle 中全部搞定... 嘿嘿..
頁面停留在 iGoogle 中, 已不見得是用功好學在努力找資料了... 這時就需要 iGoogle 老板鍵功能.

這是在 GTDD2007 當天下午分組程式設計時寫的小工具(編號 30), 可能太害羞還是氣氛的關係, 很少人在各組間走動觀摩討論... 所以得票數一票 :( (還是同桌投的..呵呵)
阿土伯把它補完整一點並加上設定、多國語.. 放出來和大家分享..

功能:

隱藏 iGoogle 的畫面
帶入傳統 Google 搜尋頁面
自動在搜尋欄位中填入設定關鍵字

##CONTINUE##
說明:

暗黑老板鍵小工具說明, 要用情境模式來示範解說.. 大家就了解了.

話說阿土伯上班正努力的用功........... 看盤/看圖/打電動..

這時老板突然走了過來, 看的正精彩,關掉瀏覽器實在太可惜了(等會要重執行).
趕快使用暗黑老板鍵...(F10). 畫面馬上變成:

老板問: 阿土伯你在做什麼...
阿土伯: 報告老板, 我正準備要在 Google 搜尋上查詢有關 google 的相關新聞, 研究 google 的成功模式能不能應用在公司上面.... (呼~~ 要臉不紅氣不喘的回答, 小朋友不要學, 大哥哥是練過的)

OK~~ 大致上軟體就是這麼用的....

設定畫面:

加入您的 iGoogle:
請點取 Add to Google 直接加入您的 iGoogle 中.

原始程式及小工具 URL:
http://racklin.googlepages.com/bosskey.xml

PS.

像這樣的暗黑小工具投到目錄中不知道能不能審核通過..
對不起 kevin, 不小心又弄了一支 html-inline gadget, gtdd2007 當日苦口婆心希望大家寫 html type gadget...

gtdd2007 感想

2007-11-23T17:46:00.000+08:00

昨天參加了 Google Taipei Developer Day 2007 收獲很多..
最大的收獲就是阿土伯有榮幸能和眾多網路名人一聚, 如 qing , tempo,
xdite, Bawbaw.hu, 以及一群年輕、專業又有活力的 funp 團隊.

也非常感謝 Google 評審團對阿土伯設計的小工具支持及肯定, 讓我有幸獲得 "工程師特別獎" 的殊榮...
,對我而言，無疑是最大的鼓勵，更加深我在開發以及程式開放分享上熱忱。

也希望未來能開發/開放更多的小程式小工具和大家分享..
以及和各位網路高手交流, 教學相長...

GRE 開發備註二

2007-11-13T16:44:00.000+08:00

阿土伯手上專案終於完工了, 並 Release 給客戶以及交付生產線試用了.

看看最後一篇文章, 足足隔了一個多月(手腳變慢了 = =), 各位朋友, 久違了..

近期會整理一下及發表阿土伯在開發 Gecko / XULRunner Application 時, 所開發的一些 Utilities Libraries.

這篇主要介紹及回答為什麼當時阿土伯要用 GRE 而不是 Java RCP(eclipse RCP / netbeans RCP...etc,)

##CONTINUE##

GRE/XULRunner 特色

* Cross Platform -
只要是有 mozilla or firefox 都可以執行您的 Application. 這部份的特色和阿土伯喜愛的 Java 一樣可愛.

* Gecko Rendering Engine -
有了 Gecko Rendering Engine, 可以用大家最熟悉的 HTML 技術來開發富豐的 GUI.
更可以內崁 Flash Object 來開發更炫麗 GUI.
當然, 你要內崁 Java Applet 來開發 GUI 也可以.

* Javascript
使用 Javascript 來開發 Application. 任何您原來在 Web 上開發的技巧都可以直接使用.
再加上豐富大量的 3rd-party Libraries (jQuery / Dojo / YUI) + Firebug 開發效率及入門門檻低.

* XUL / XML / XBL / SOAP
做為 Rich Client Platform , XUL+XBL 配合的讓人讚賞.. 而 XBL 讓您利用 CSS Selector 的方式, 讓 XUL / HTML 可以
binding 到 Content / Properties / Methods / Events / Style .
這部份讓您對於開發 XUL 有很大的彈性.
在部份的應用下, 可以開發類似於 jsp / jsf 的 custom tag .

* XPCOM
透過 XPCOM, 可以讓 javascript 使用原生的方法.
利用 XPCOM 開檔 , 網路連線 , 資料庫操作等.
亦可以自行利用 C++ 或 javascript 實作自己的 XPCOM , 有點像 JNI.

心得
對於一個中/大型的 Application 專案, 建議採用 Java RCP.
對於一個小型的 Application 專案或設計專案 Prototype 時, 這時利用 GRE/XULRunner 是在適合不過的了..
(大專案也行啦.... firefox/thunderbird 就是, 它們可不是小專案呀...)

而且...... 還有一個當初我採用的最大原因....... 懶....
若是利用 Java RCP, 每次換個客戶,換個 UI , 或是加點小功能..工作就會再回到我們手上來...
用了 Gecko.. 現在變成美術設計的事了, 除非 XPCOM / XBL 有問題, 才需要 debug 及維護.
這下子, 原來 "軟體部門" 的專案變成了 "設計部門" 的專案... 這才是太極最高奧義呀~

歡迎大家來信或留言討論...

ifunP 推推王點播台問題修正

2007-09-28T12:03:00.000+08:00

由於 funp.com 改版, 在 RSS 上做了部份修改.
link tag 的 URL 變更, 所以造成 ifunP 無屁可 fun 的情況發生. 目前已修正完成並上傳.

您無需重新安裝, 在幾小時後 Google Cache 重整後您即可使用到新版的 ifunP.

當然, 您急著用可以利用以 URL 新增的方式, 在 URL 中加個亂數.
如 http://racklin.googlepages.com/ifunp.xml?200709271100 這樣也可以跳過 Google Cache 用到即時更新的版本...

由於目前閉關趕專案中, 未能即時發現問題並改正, 造成不便在此請大家見諒...
感謝 mark 的強勢提醒告知(利用 IM 的匿稱讓我看到.... )

GRE 開發備註一

2007-09-17T10:10:00.000+08:00

整整花了一個星期閉關搞 GRE . 這裡的 GRE 不是指英文的 GRE普通測驗. 而是 Gecko Runtime Environment.

源起:
由於手上一個 CASE 的需求是需要為公司的硬體週邊做一個檢測程式, 而這些週邊含 Serial Port(RS232) / Parallel Port(IEEE 1284) / USB 裝置 / 以及部份數位 TTL信號.
而這些裝置希要提供 Win32 / Linux(趨勢) 上測試通過.
且這支測試程式還有另一個任務, 就是 Open Source C++ 部份的 API 給買裝置回去整合的廠商參考實作.
本來想用 Java + JNI 把它解決掉, 因為要 Release 的廠商多, 每一家要有自己的版本及 Logo, 所以要一家一家改 JForm 有點麻煩, 本來試試 JavaFX 來動態搞, 不熟再加上第二個原因.
廠商的工程師都是使用 C++ , 用 Java+JNI 等於我還是要再寫一份 C++ 的 Sample 給廠商.

最主要的是.....想玩玩 GRE , 於是... 整個架構如下..

XUL/XHTML -> Javascript -> XPConnect -> XPCOM(C++ or Javascript)

##CONTINUE##
所以, 除了最底層的裝置操作用 C++ 實作, 且這部份的 Code 剛好就是要給廠商的 Sample Code.
其它的 GUI 部份及全部的程式流程, 只要在 XUL/XHTML 中寫寫 Javascript , 而 jQuery 部份修改也能操作 XUL ...
所以每個客戶的程式界面要多炫就能有多炫，還可以給個 Flash 單介面和動畫 Splash 呢。

卻被 Win32 平台搞死：
在 Linux 下開發很順利, 整個實作過程和原始概念差不多, 也開發的很愉快..
沒想到原本以為最容易的 Win32 平台, 由於開始想用 GRE 前沒做太多功課, 卻是惡夢的開始.

阿土伯是打算使用 VC++ 2005 express edition 來 make , 怎麼搞就是一堆 error.
後來看到 Windows Build Prerequisites 差點昏倒, 原來 Gecko 1.8 在 VC++ 2005 express 是 NO .. 問題剩下最後一哩路了, 總不改用 "原版A拷 VC6 / VC7.1" 呀~~
查了很多, 日本人寫的這篇還算詳細, 雖然整個 mozilla 還是無法 build 出來, 但 extensions 及 sdk 都還沒問題. 給使用 VC++ 2005 express 的大家參考.

建議參考資料：
XULRunner - 一個可以單獨運作的 gecko 開發包, 如果沒有一定要 embed gecko , 由這個開始會很舒服.
XPCOMViewer - 一個用來 Browse XPCOM 的工具, 您可以看到 Gecko 中一大堆實用的 XPCOM Interface.
XPCOM Strings / XPCOM Array / XPCOM Hashtable - 這也是讓阿土伯最無力的文件之一, 資料有點老舊, 如果你是直接使用 Gecko-SDK 而不是由 seamonkey-src 來 build 你的專案, 你會發現文件中說的 class 在 SDK 中都不存在, 因為 frozen / unfrozen API 的關係. 建議直接花時間看看 SDK 中的 .h 看看有什麼 Class 比較快.
這部份等結案後再來整理...

總之... 忙到爆... 但希望這個工做完.. 以後就能涼到爆....
因為, 不管什麼程式, 都只剩下 XUL/XHTML + Javascript 了.. 這部份要怎麼改都行.

AOP for jQuery

2007-08-27T15:06:00.000+08:00

就在寫 jQuery 1.1.4 那篇介紹文的同時, 逛了一下 jQuery plugins , 看到了一個很有意思的專案.
jQuery AOP , 看起來是一個新的專案,作者於 2007/08/17 上傳第一個 release 檔案.

aspect-oriented programming (AOP) 在 Java 中有幾個流行的 AOP 實作, AspectJ , AspectWerkz 和 JBossAOP, 所以有關 AOP 的介紹, 請看上面四個 Link, 不在此重覆說明.

而 jQuery AOP 則是實作了 before / after / around 三個 advice, 雖然名為 jQuery AOP, 其實並未使用到 jQuery 的任何特性及功能, 所以即使您沒有使用 jQuery , 依然可以小改一下 code 來使用哦, 所以一定要堆的啦.

##CONTINUE##
我們可以很容易的利用 javascript 的 Function.apply() 來 hook function 或 object(Blogger Hack Tip#1) , 所以實作起來相當的輕巧, 只有 943 bytes.

舉一個實例:
任何程式語言, 在程式寫作過程中, 我們少不了要 Log , 然而 Log 的動作和程式本身實際的業務邏輯無關, 若是為每一個業務操作的 function / method 前後都加上 Logger.log('message'), 對於程式本身而言.. 太過於難看(bad smell).
所以這時我們可以藉由 Dynamic proxy 或 AOP framework 來改善這個 bad smell.

使用 jQuery AOP 在 javascript 中使用 after / before / around advices 變的很簡單:

例1 對 native object 切入:


jQuery.aop.before( {target: String, method: 'replace'},
function(regex, newString) {
 alert("About to replace string '" + this + "' with '" + newString + "' using regEx '" + regex + "'");
}
);
"Hello World".replace("Hello", "Hello jQuery");

例2 對 global function 切入:


function testEcho ( arg) {
 alert('testEcho: ' + arg);
}
jQuery.aop.before( {target: window, method: 'testEcho'},
function(arg) {
 alert("About to testEcho arguments is " + arg);
}
);

例3 對 instance object 切入:


var TestObj = function (name) {
    this.name = name;
};
TestObj.prototype.hello = function (arg) {
    alert(this.name + ':' + arg);
};
var rack = new TestObj('rack');
jQuery.aop.before( {target: rack, method: 'hello'},
function(arg) {
    alert("before "+ this.name +" say " + arg);
  }
);
rack.hello('hello');

其它各位依此類堆.... 有了 jQuery AOP , javascript 也能寫的很優雅嘍.
(都已經 Hook Blogger了, 之前怎麼沒想到順便弄一個 plugin , 唉~~ sense 不足.. 被搶頭香了 :D )