笨搜網(Boomso)上線啦

這是第一個練習 Google App Engine 的作品 - 笨搜，終於趕在 10  的最後一天上線啦～

笨搜(Boomso)：http://boomso.jackforfun.com/

笨搜(Boomso)，取名垃圾的台語諧音，不是說這個程式是垃圾 (如果你硬要這麼說其實也行啦！)，是這個網站跟垃圾有關，主要是提供一個平台讓大家可以登錄垃圾車的地點、時間，有需要的人就可以查詢啦。

當初會想要寫這個網站不是沒來由的。在一、兩個月前的某天晚上，我錯過了 19:15 這個垃圾車會經過我家大門的時間，依稀記得 20:30 還有一班垃圾車，只是地點在比較遠的巷口。於是我 20:20 就在巷口等，雖然整個巷口只有我一個人提著垃圾，但我一點也不去想是不是我記錯垃圾車時間這件事，就這樣等到 20:30，垃圾車沒來，但多了兩、三個跟我提著垃圾的人，終於在 20:40 等到垃圾車了。這 20 分鐘，就是笨搜的由來，等垃圾車無聊時想到的，夠無聊吧。

笨搜是在 Google App Engine 上開發，跟 Google 扯上邊當然要有點 Web2.0 的精神，由眾人貢獻內容，有需要的人可以自由查詢。所以可以自行新增垃圾車的時間、地點，造福大眾。除此之外再加上一點小趣味的笨搜達人，看看誰登錄最多筆垃圾車紀錄，前提是要有 Google Account，先登入後系統才會紀錄。

開發 Web 自然要碰到 JavaScript，笨搜也有使用 jQuery 這個著名的 JavaScript Library，雖然不是沒寫過 JavaScript，但對於寫習慣 Java 這種嚴謹語言的我，超級不習慣。宣告變數不用指定型態(Dynamically typed)，除非看程式不然根本不知道現在握在手上的物件型態。

再加上 Google App Engine 使用 python 開發，python 也是 Dynamic programming language，整個超級痛苦。尤其我從沒寫過 python，這還真是個挑戰，連切個字串都要找文件，如果可以換成 Java 來寫，那開發時間應該可以縮短一半吧我想。

不知道是不是沒用到好的 IDE，有人跟我一樣使用 Eclipse 來開發 pythony & JavaScript 嗎？按下 . 不一定會顯示可用的 method，要自己 key，寫起來超級不順，對 method 也不熟悉，查文件就查半天，還要 try-error 才知道可不可以用。還是寫 Java 好，腦袋可以完全放在邏輯上，不用為了程式語法這種雞毛蒜皮小事卡半天。

為了符合 Web 2.0 的開發模式，免不了一上線就要宣稱自己的程式是 beta 版，好聽一點是說程式還在持續改進中，難聽一點就是把上門的用戶當作測試人員，大家心照不宣就好。

從開發到上線，少說也花了 50-60 個小時在寫程式上。下班後累了不會想開工，假日一心只想跑出去也懶得弄，前前後後就這樣拖了一、兩個月的時間，如果上班是弄這些東西應該三、五天就完成了吧，哈。

對於像我這樣拿水彩筆跟拿鉛筆一樣的人來說，即使抓了免費的 CSS Template 來改也改不太出什麼樣子，畫面就不要太苛求啦。整個網站沒太多時間測試，也沒作太多防呆功能，有問題、有建議就直接留言吧，要 hack 的手下留情阿～～～不保證建議、問題會改進，因為笨搜純粹就是個練功程式，哪時候會改版我也不知道，也許會在某個心血來潮的夜晚吧。

 

為什麼我 Blogging

自從 Blog 流行以來，無以數計的人開始寫 Blog，如果沒有個人 Blog 就覺得遜掉了，每個人 Blogging 的目的都不太一樣，有些人透過 Blog 抒發心情，有些人拿 Blog 當日記本，有些人在 Blog 放上作品集，Why do i blogging?

我 Blogging 目的有三

1. 訓練作文能力
2. 培養耐心
3. 為路人帶來收穫

訓練作文能力

從小作文能力就不是很好，文章中沒有華麗的詞藻，也無法真誠到用文字觸動人心，「我的志願」寫了「科學家」三個字後就像晚上睡覺被鬼壓床一樣，動彈不得，標題還比內文多出一個字，我深信不疑作文能力跟天份有關，我是傑克不叫愛迪生，1% 天份 99% 努力顯然對我無效。

現在想想，這也很合理，不然怎麼會當軟體工程師整天活在 0、1 的世界裡，「我的志願」就真的是「科學家」ㄚ，寫那麼多 Performance 會比較好嗎？（看不懂的別理我）

可是出了社會，免不了要與人溝通，作文能力如果不好是否也代表著溝通能力不佳，或許說不上有絕對的關係但也不像謝與扁可以切割得這

麼乾淨，應該說是缺憾感，想把小時候辦不到的彌補起來，所以強迫自己 Blogging，規定自己每週至少要寫上一兩篇文章，一年下來至少練習個 50 次作文，哇～比國小、國中、高中加起來還多了。

培養耐心

培養耐心應該跟訓練作文能力一樣，是一種缺憾感的彌補，從小就是三分鐘熱度，回首生活在地球的 28 個年頭 (正確來講是 27年 又 8 個月) 中，似乎沒有一件事是從頭踏踏實實的做到底，每件事的起頭比起老虎不知大多少，下一句大家應該會猜拿尾巴跟蛇比，不太正確，沒有尾巴怎麼比～～～透過 Blogging 培養自己的耐力，目前寫了一年多還沒間斷，一年多而已還敢拿出來說嘴真的不好意思，不過會繼續加油，保持下去，當作是對自己的挑戰。

為路人帶來收穫

我盡量要求自己的每篇文章對於不認識我的路人來說，也要有意義，不一定所有人都會覺得有意義，但起碼要讓少數人感到有意義。如果我的文章只有我的周遭朋友看得懂，那就失去了寫 Blog 的本意。

寫 Blog 除了自己抒發情感外，透過文字、圖片希望能帶給其他人一點點的收穫，有可能是知識上的收穫(例如教學文章)、情感上的紓解(例如吃吃喝喝文)，我花了時間 Blogging、別人花了時間來瀏覽，如果沒有收穫，豈不是浪費了我的時間也浪費了別人的生命，這是造孽ㄚ～Blogging 的最大的精神，讓自己和別人都有所得。

我還希望我寫的文章能有價值，經得起時間的萃鍊，沒看過的人即使閱讀了一年前的文章還能有收穫，這樣的文章才能稱得上有價值，Blogging 才有意義。因此我不會寫什麼 Firefox 更新紀錄、3/22 藍軍大勝 221 萬票這種時事文，這種文章過了一年後來看已經沒太大意義了，除非那件事一年後來看還能夠被感動（奧運資格賽中澳戰即使十年後來看依然會被感動）。紀錄自己的生命順便造福其他人，雖然我不是國父更不是蔣公，但和平統一救世界的心不會比他們差。（%^&!@#~我去選總統算了）

另外一點是透過 Blogging，我必須強迫自己找題目來寫，有可能是生活瑣事、有可能是大家習以為常的小地方，無時無刻逼迫自己的五官要有所感覺並直達腦門，是種很大的挑戰，這讓我的觀察力更加敏銳，更能看到別人疏忽的地方。

 

last，Why do you blogging?

微型部落格 - Buboo

我在側邊列加入 Bubbo 也有一段時間了，應該很多人都聽過土生土長的 Bubbo（中文稱為巴布）或是更有名的阿度仔 Twitter，這就是竄起一段時間的碎碎念服務。（XD～比較專業的說法是微型部落格）

大家應該都有使用過 MSN 或其他 IM 軟體，這類軟體除了方便聯絡外，其實也漸漸扮演起表達心情或宣洩的管道，透過修改暱稱讓其他人知道你想表達的事物，可能是王建民先發的即時戰況、可能是幹譙老闆、也可能是信手拈來的靜思語。

這類型服務類似以寫暱稱的方式，讓你在上面發表一段話，然後紀錄下來，並且提供個人頁面顯示這些內容，再加入最簡單的社群元素讓你擁有好友名單，如此而已。

為什麼會紅？先說說 Blog 紅不紅？Blog 提供了一個平台讓你可以客制化擁有個人風格的網站，但由於全部自己來所以需要花比較多的心力照顧（自行改造部落格）、灌溉（寫文章）。不過不是每個人都有那麼多時間可以搞這一套，微型部落格的竄起就是看準這一點，吃下的是不想寫 "露露長" 文章的用戶，甚至限制每次發表只能在 140 字以內，讓你隨手寫下一段話記錄下來。

我覺得好處是在個人化的風格更強烈。寫 blog 有可能是為了某些目的（表現自己、介紹某個主題、單純嘗鮮）、也會有些限制（可能不能太隨性發言）。但寫這類微型部落格就完全沒限制，應該說會更隨性的表達某些意見，所以個人化程度更甚 Blog 一層。比起 Blog 更容易讓人了解內心的一面。

為了讓人能隨時隨地的紀錄當下心情，這類型服務的發表方式也多得五花八門。

• 最一般的方式就是上官網登入後發表
• 特別一點的是在 MSN 中加入 Buboo 機器人，只要送訊息給機器人就表示發表了一段話（這也是我最常用的方式）
• 也有人寫了 Firefox 的 Plug-in（Firefox 開始讓人覺得什麼都有、什麼都不奇怪了）
• 也可以用手機發送簡訊的方式發表一段話（應該沒什麼人會這麼幹吧）
• 或是寫 Mail 發佈訊息
• 還有拉哩拉雜的一堆大家慢慢去找吧...

當然現在的 Web 2.0 服務如果少了當作 Blog Widget 的功能，那還稱得上網路服務嗎？Buboo 也提供了一些簡單的版面讓用戶選擇內嵌到個人 Blog 內，就像我放在側邊列的一個小版型，顯示自己或是好友的最新訊息。

 

題外話

為什麼會突然提起 Buboo 呢？今天有一個離職已久的同事在 Buboo 上看到我的圖片（一千零一張的麵包超人）突然敲起我的 MSN 問起這件事。沒想到 Buboo 也有這種功能，能讓久不見面的朋友還有聯絡的機會。（哈，太神話 Buboo 了，只要是社群服務都有這類的功能啦～）

讓 MSN 直達你其他的 Blog

一直以來，我都認為 Msn Space (現改名為 Windows Live Spaces) 還有不少人用的原因，應該是跟 Msn 綁樁的關係吧。要不然這個慢到爆，沒有自由度可言的 BSP，連寫個 JavaScript 都不行，看來看去只比無名好一點，還能夠活到現在，也算是 Web2.0 上的一個奇蹟。

當然也有更多的人早就認清這個事實，選擇更好的 BSP，只可惜 MSN 中的 Blog 網址還是死板板的連往 Msn Space，改都改不得。

沒辦法之下只好有些替代方案，譬如在 MSN Space 中發佈一篇文章，文章中貼上個人 Blog 的連結。或者是每次發表文章時，除了發佈到主要的 Blog 外，也發佈一份到 Msn Space 上。更甚者直接把 Blog 網址寫在 Msn 暱稱中，讓朋友複製貼上到瀏覽器中。

我是採用第一種方式，在 Msn Space 中放上自己的連結，但這些方式都有些不便。最近又發現一種還算不錯的替代方案，可以在連入 Msn Space 後，馬上將瀏覽器重導到指定的 Blog 網址。比起還要點選選連結的方式方便多了。

編寫頁面

先將下列文字複製到記事本中，紅色網址取代成自己的 Blog 網址，存成 toblog.htm (檔名可自訂)。

<html>
<head>
<title>Blog</title>
<script language="JavaScript">
window.parent.parent.location.href="http://www.jackforfun.com/";
</script>
</head>
<body>
</body>
</html>

上傳到網路空間

將 toblog.htm 上傳到網路空間，取得連到 toblog.htm 的網址。譬如上傳到 Google Page Creator 中，取得 http://jack21.chiang.googlepages.com/toblog.htm 的網址。此網址貼到瀏覽器中應該會直接被重導到指定的 Blog 網址。

修改 Msn Space 頁面

再到 Msn Space 中新增模組。

加入Windows Live Gallery 小工具 

選擇 HTML 自訂欄位小工具 新增

Blog 頁面上會多出 HTML自訂欄位

貼上下列文字，紅色網址改成 toblog.htm 的網址。

<html>
<head>
<title>Blog</title>
</head>
<body>
<iframe src="http://jack21.chiang.googlepages.com/toblog.htm"></iframe>
</body>
</html>

 

從此進入 Msn Space 會重導到自己的 Blog，不再侷限於 Msn Space 囉～

PS: 如果要取消，先將 toblog.htm 刪除，再進入 Msn Space 就可編輯頁面，才不會在進入編輯頁面時被導到 Blog。

自製動態 favicon

想要讓網友在瀏覽 Blog 時能留下深刻印象，網站加入書籤後可以顯示獨特的 icon 嗎？動手做一個 favicon 吧！

要製作靜態的 favicon 請先到 Online Icon Maker 上傳一張圖片、或是手動繪製喜歡的 icon 樣式，點選 Download Icon 即可將圖片轉成 ico 下載。

動態的 favicon 製作困難度較高，可以使用 Ulead GIF Animator 5 或是使用 UnFREEz 加入一張張靜態圖片轉換成動態的 gif（教學在此），大小需為 16x16 pixel。

動態的 gif 檔比較好處理，大多數的網路相簿應該都支援上傳 gif 檔，但 ico 格式就很難了，必須另想辦法放到網路上。

如果是 Hinet 用戶可以使用撥接的帳號密碼到 Hinet 我的網頁申請一個 60MB 的網頁空間，透過 ftp 上傳檔案後使用 http://我的帳號.myweb.hinet.net/favicon.ico 的網址連結得到。

或是到 Google Page Creator 申請一個網頁空間，在首頁右方可上傳檔案，上傳 ico 檔後可找到連結網址。

接著在 Blog 的 Template 的 <head></head> 中加入下列語法。

<link href="http://ICO網址/favicon.ico" rel="shortcut icon">
<link href="http://GIF網址/favicon.gif" type="image/gif" rel="icon"> 

搞定，收工！