WanCW's Blog

Google Calendar 與 Gmail 5.0

2014-11-05T12:14:00.000+08:00

為了配合 Android Lollipop 的推出，Gmail 跟 Google Calendar 也翻新成 Material Design 的界面，順便加了一些新功能。

Google Calendar 5.0

跟 Google Now、Inobx、Google Keep 的 reminder 整合了。不知道Google Tasks哪時會被徹底關掉？
App 可以顯示國家、宗教節慶但跟 Web 版的節慶行事曆無關。App 看得到 Web 的，反之不然。App 跟 Web 版的聯絡人生日是同一份，沒有上面這問題。
不知道為啥日期的顯示模式是「1天」跟「5天」，沒有「7天」或「工作日」模式。

Gmail 5.0…… 除了界面翻新、支援 IMAP、POP3 ，好像沒什麼特點。

想提早嘗鮮的可以從 APKMirror 下載（，這非 Google 官方途徑、後果請自負。）

是說，Google 的 app 界面設計可以一致點嗎？Gmail 的「設定」為什麼不像 Google Calendar、Inbox 一樣固定在側欄、永遠可見呢？（←單純因為label太多，捲到生氣、惱羞成怒）

[Android] 替 TextView 加上圖示

2012-03-02T16:15:00.000+08:00

Android 的 TextView 除了顯示文字，還可以在上、下、左、右加上圖示。
透過程式，有三種方法：

TextView#setCompoundDrawablesWithIntrinsicBounds(int, int, int, int);
TextView#setCompoundDrawablesWithIntrinsicBounds(Drawable, Drawable, Drawable, Drawable);
TextView#setCompoundDrawables(Drawable, Drawable, Drawable, Drawable);

前兩個方法會完整顯示指定的 drawable；若使用最後一個方法記得要先呼叫 Drawable#setBounds() 指定 drawable 的顯示範圍。像這樣：

aDrawable.setBounds(0, 0, 60, 60);
textView.setCompoundDrawables(aDrawable, null, null, null);

[Android] 圓角框的陷阱

2012-02-21T05:07:00.001+08:00

陷阱 1. 只有特定角落要圓角效果

作法：
指定預設值（「android:radius」）為大於 1 的值，再把不需要圓角的角落指定為「0dp」；
而且預設值不可以跟特定角落的圓角半徑值相同。

<corners android:radius="1dp"
    android:bottomRightRadius="2dp"
    android:bottomLeftRadius="0dp"
    android:topLeftRadius="2dp"
    android:topRightRadius="0dp"/>

陷阱 2. 左下角跟右下角相反

API Level 12（Android 3.1）以前，
「android:bottomRightRadius」跟「android:bottomLeftRadius」的意義相反了。
解法是將正確的資源檔放在「res/drawable-v12」；
再另外在「res/drawable」裡放兩者值互換的資源檔。

密碼應該怎麼存？

2012-01-09T13:02:00.003+08:00

最近明文密碼的話題很紅，
決定來重貼以前關於密碼編碼（password hashing）的筆記：

編碼（hash）時請記得加鹽（salt）。
不要整個系統都用一樣的 salt，請每次都以亂數方式產生。
把 salt 跟 hash 放一起，不要分開存。
結合方式最好可以有變化，
例如：由明碼長度決定 salt 的插入位置。

用 PHP 寫起來大概像這樣：

$salt = substr(hash_func(uniqid(rand(), true)), 0, $saltLen);

$hash = hash_func($salt . $plain);

$saltStart = strlen($plain);
return substr($hash,0,$saltStart) . $salt . substr($hash,$saltStart+1);

另外，理想狀況是客戶端跟伺服器端間以加密方式（如，SSL）傳遞密碼。但是事情往往沒有這麼美好，沒辦法用 SSL 的話，可以參考〔延伸閱讀〕第 3 篇提到的「瀏覽器端 hash」。

@yllan 補充：

密碼不要用 md5 比較好，要找比較難算的 hash function 例如 bcrypt 可以參數調整難易度。否則就算加了鹽，md5 還是很容易 crack

@yunglinho 補充：《How To Safely Store A Password》

Salts Will Not Help You
Use bcrypt

Radix Sort 搭配 Sleep Sort（Ruby 版）

2011-06-24T18:33:00.005+08:00

看了 fcamel 的〈運用 radix sort 的概念加速 sleep sort〉，下午試著用 Ruby 改寫，順便拿掉暫存檔。但是相同 digit 的 thread 不一定照原本的順序結束，而變成 unstable sorting；我只好又加上「依 digit 分組」來避開這問題。

完整的程式碼如下：

IE Bug：JavaScript 字串中有 HTML 註解

2010-06-29T04:24:00.000+08:00

IE（5.5 ~ 8.0）會將下列片段中的灰色部分視為 HTML 註解而無法得到正確的 DOM：

    <script type="text/javascript">
        alert('<!--');
    </script>
    <span>Will be ignored</span>
    <!-- whatever -->

解法——
養成好習慣，把 <script> 中的 JavaScript 用 HTML 註解包起來：

    <script type="text/javascript">
        <!--
        alert('<!--');
        //-->
    </script>
    <!-- whatever -->

[Android] 威寶 A688 在 Market 上找不到應用程式

2010-06-23T13:23:00.000+08:00

最近在 Android Market 上了一支應用程式，
但是某些手機（如：威寶 A688）卻無法搜尋到此程式。

原來是因為這隻程式用到相機功能，
所以產生出來的 APK 檔被自動地加上「自動對焦」的需求。
導致缺乏此功能的手機「莫名地」無法在 Market 上找到此應用程式。

解法很簡單，
在 AndroidManifest.xml 裡明確地將「自動對焦」設為非必須即可：

<uses-feature
        android:name="android.hardware.camera.autofocus"
        android:required="false" />

由於 2.0 以上的 SDK 才支援「android:required」屬性，
所以要改用 2.0 以上的 SDK 來編譯，並設定正確的「minSdkVersion」。

P.S. SDK 工具中的 aapt 可以查看 APK 檔實際上的 manifest 內容：

aapt dump badging $APK_PATH

僅匯出 SVN 修改過的的檔案

2010-05-25T11:13:00.001+08:00

今天同事提出這個問題，把解法記下來備忘

Shell script one-liner (via Exporting changed only files with Subversion)

for i in `svn log -r HEAD -v | grep "^ [MA]" | awk '{print $2}'`; do rsync -avR $i /basedir_of_your_export/; done
TortoiseSVN 解法

我也用 svn diff --summarize 寫了個 one-liner；
但是沒想到要用 rsync，後半段長很醜。

讓 Nokia S40 手機與 Google 通訊錄同步

2010-01-12T18:37:00.000+08:00

同步設定

功能表 → 設定 → 組態 → 個人組態設定 → 新增一個「同步處理」

帳號名稱: 隨你高興 ———（1）
伺服器位址: 「https://m.google.com/syncml」
用戶名稱/密碼: Google 帳號與密碼
通訊錄資料庫:
- 資料庫位址: 「contacts」
- 用戶名稱、密碼: Google 帳號與密碼
使用首選連聯結點: 確認

開啟自動同步

功能表 → 設定 → 同步處理與備份 → 數據傳送 → 編輯「伺服器同步」

同步處理資料: 通訊錄
同步處理設定
- 組態: 個人組態
- 帳號: 步驟（1）設定的帳號名稱
- 用戶名稱、密碼: Google 帳號與密碼
自動同步處理: 選擇你要的同步週期

手動同步

如果不需要常常同步，那有兩種方式手動同步的方法：

功能表 → 設定 -> 同步處理與備份 -> 數據傳送 ->伺服器同步
功能表 → 通訊錄 -> 同步處理全部

註：同步處理只影響手機記憶體裡的通訊錄，不會影響 SIM 卡上的資料。

檢查 Google 未讀訊息的 Google Chrome 外掛

2009-12-10T13:12:00.000+08:00

粒粒分明組

Google Wave Notifier
Google Mail Checker
TPGoogleReader
可以不必進 Google Reader，自動開啟新文章。

節省空間組

One Number
只用一格顯示 GMail、Google {Reader,Voice,Wave} 的未讀訊息總數。
RSS Subscription Extension
補足 One Number 缺乏的「訂閱 RSS」功能。

不過根據 LiveScience 的文章¹，應該完全不要裝這些通知外掛才對。 :p

Workers Should Turn Off Visual Alerts, Study Finds | LiveScience

Gmail 與 Google Reader 近日更新

2009-11-25T03:30:00.001+08:00

離線版 Gmail 支援附檔

原本離線使用 Gmail 的時候無法上傳附件¹，但最近加上了這項支援。
所以要寄檔案時不必先注意自己是不是處於連線狀態了。

還沒有開啟離線功能的人，可以從這裡開啟。

消息來源：Official Gmail Blog: Send attachments while offline

Google 閱讀器（Google Reader）可顯示 favicon

一圖勝千文：

消息來源：Let your subscriptions' personality come through

我沒有實際試過，這是轉述官方文章的內容。↩

什麼是 metaprogramming？

2009-11-09T16:34:00.122+08:00

剛剛在 JavaScript的中介編程與反射能力示範讀到兩個 metaprogramming 的範例。
我覺得其中 foreach() 的例子怪怪的。

先來看看維基百科上對 metaprogramming 的定義：

Metaprogramming is the writing of computer programs that write or manipulate other programs (or themselves) as their data, ......

回過頭來看該篇文章所實作的 foreach()：
它接受並調用一個函數（f）以及存取一個物件（this.props），但是並未產生或是修改到任何「程式」。
我不懂作者怎麼會拿它當作 metaprogramming 的例子。

不過文章中另外一個例子——accessor()——就是個很典型的 metaprogramming 範例。

[Android] 待辦事項（to-do）應用程式

2009-09-28T19:33:00.000+08:00

最近買了新手機，第一件事情就是找~~好玩的遊戲~~趁手的工作事項管理軟體，若是針對 GTD 設計的更好。
以下是我這兩天的試用心得：

Astrid Task/Todo List - 單純的工作清單（task），可以設定 priority 與 tag。

優點
- 支援工作時間預估與追蹤（time estimation/tracking）
- 到期日分為軟性與硬性兩種（absolute/goal due）
- 單一 task 除了特定時刻的提醒（reminder）外還可以有週期性提醒（periodic reminder）
- 支援重複性 task
- 可以跟 RTM 同步
缺點

其實沒有什麼太大的缺點，只差在它不是專門針對 GTD 的概念設計。

OpenLoopz Free

優點
- 位置、時間、聯絡人三種特別的情境（context），
  可以根據手機現在的時間地點調整工作項目（action）的顯示順序。
- 支援階層式 action ，有子項目的 action 會自動被視為 project。
缺點

Action 是新增順序排列，且無法調整
被刪除的 action 不會真正被清除，有時候會干擾正常操作

Shuffle - 典型的 GTD 工具，有 inbox、project、context 三種主要檢視模式。

優點
- 會自動挑選 project 內到期日最早的項目為 next action，不必特別設定
- 畫面比較好看，可以設定 context 的顏色與 icon，一目瞭然。
- 「Due actions」檢視模式，列出今天、一週內，一個月內的工作項目。
- 「Save and new」可快速新增多筆 action
- 可將資料同步到 Google Calendar
缺點

Project 只能用來作 action 的分類，沒有太多細節可以設定
一個 action 只能指定一個 context。
無法只設定 due date，一定要同時指定 start date。

最後是 Shuffle 以使用流暢性取勝！

另外還有兩套我沒有花很多時間試的：

ActionComplete: 還沒多人推薦的 GTD 軟體，搭配 AC Inbox 應該會很方便；但是我完全看不懂它介面上的中文詞彙，所以就放棄了。
myGTD: 介面太花，我連功能都沒試就關掉了。

這邊還有其他軟體的簡介。

政治指南針：政治偏左，經濟偏右

2009-08-17T10:30:00.002+08:00

剛剛做了政治指南針這個測驗。
傾向跟我自己的認知差不多，不過程度比我想像中的低很多。

就某種意義來說，我其實是個騎牆派。 :p

[Plurk] 透過 MSN 收發噗浪

2009-08-16T11:32:00.003+08:00

不知道為什麼 Plurk 把即時通訊機器人（IM Bot）的設定藏在很奇怪的地方。
我簡單地整理了一下，提供給有需要的人。 :)

首先點左上的的通知

然後切換到「提示2」

「現在就開始吧」！

選取一個即時通訊服務（MSN、Yahoo 即時通、Google Chat等）

選擇好後，別忘了輸入你的帳號，然後按下「Sign Up」！

一切沒問題的話，你會收到噗浪機器人加你為好友的通知。
將它加為好友，並告訴它你的噗浪帳號（以 MSN 送出你的 Plurk 帳號），就大功告成了！

以後你只要傳 MSN 訊息給這個機器人，它就會將你的訊息發佈到噗浪上；
有新的噗它人也會即時通知你。

後續使用細節可以參考：

重灌狂人的[MSN噗浪機器人] 免開網頁，用MSN收發Plurk訊息！
Plurk 官方的說明

[Design Patterns] 論 Template Method 與 Strategy （下）

2009-08-06T14:02:00.003+08:00

前一篇文章提到：採用 Design Patterns 書中對 Template Method 跟 Strategy 的（形式）定義，很難在動態語言中區隔兩者的不同。
是因為這兩個 pattern 在本質上是相同的呢，或者是有其他的判斷方式？讓我們回過頭去看看先前被我忽略掉的部分－－pattern 的目標／意圖－－能不能回答這個問題。

根據 C2 Wiki，Template Method 的目標為「定義一個演算法的骨架，將其中的某些步驟延遲到子類別才決定」（*1）。也就是說此 pattern 應該要具備「（固定的）演算法骨架」與「（未決定／可變動）的演算法步驟」兩個要素，其中「步驟」的主要作用在於實現該演算法，且其具體內容應該要遵循「骨架」的規範或限制。

Template Method 的「骨架」除了抽象類別的形式，也可以由定義了「步驟」規範的介面與使用該介面的 client 所組成；而原本由子類別提供的具體「步驟」內容則由實作該規範介面的類別提供。事實上，這樣的形式反而更接近 Wikipedia 上的描述（*2）。
那麼這種非抽象類別的形式，會不會也是 Strategy pattern 呢？

C2 Wiki 對於 Strategy 的目標描述是「定義多個演算法，各別封裝這些演算法，並讓它們可以互換」（*3）。所以其特徵為「一組彼此獨立且可互換的演算法」，至於使用這些演算法的 client 部分並不在此 pattern 討論的範圍內。

在前述非抽象類別形式的 Template Method pattern 中實作了「步驟」規範介面的類別其實可以視為 Strategy pattern 的一種；不過「骨架」部分則不在 Strategy pattern 範圍中。所以兩個 pattern 在這種形式下是互相合作，而非表示相同的概念。

結論呢？上面就寫了半天，我實在沒辦法做什麼有力的結論了。
簡單說一下心得：雖然 pattern 的說明與呈現通常著重在形式上，但在學習形式的同時，應該要瞭解其中每個部分所扮演的角色與具備的特性。最好可以再進一步瞭解 pattern 隱含的精神。就像張無忌學太極一樣，學到把招式都忘記你就成功了！！（開始亂掰了……）

1. Template Method Pattern (C2 Wiki)
2. Template Method Pattern (Wikipedia)
3. Strategy Pattern (C2 Wiki)

[Design Patterns] 論 Template Method 與 Strategy （上）

2009-08-06T07:34:00.002+08:00

昨天在 Plurk 上面回了 fcamel 一段話（*1）：

我以為 "template method" 改用組合就是 "strategy" 了 :p
不過我想會分成兩種 pattern ㄧ部分也是因為靜態語言的特性使然吧

由於 Plurk 會限制字數，不太適合發表長篇大論。所以我打算透過這系列文章把想說的東西表達清楚一點，並且討論一下這兩個 pattern。

Design Patterns 對這兩個 pattern 的描述如下：

Template method: defines the skeleton of an algorithm as an abstract class, allowing its subclasses to provide concrete behavior.
Strategy: allows one of a family of algorithms to be selected on-the-fly at runtime.

在這樣的定義下，如果採用組合（composition）的形式，自然不會是 Template Method Pattern。而不論在靜態或動態語言中組合關係都是可以在執行時期才決定的。所以我認為（在上述的定義下）：「"template method" 改用組合就是 "strategy" 了」。

在靜態語言中，類別的內容必須在執行時期前就確定。因此提供 Template Method Pattern 中具體行為的子類別自然不會落在 Strategy Pattern 的範疇中。反之，由於動態語言允許執行時期修改類別定義，而讓一個類別有可能同時被用來實現這兩個 pattern。這是我回文後半段所沒說清楚的部分。

當然，前面論述採用了比較狹義的 pattern 定義；而且我只討論了 pattern 的形式，而忽略套用 pattern 的動機（也就是 pattern 所想解決的問題）。但這些已經超過原本 Plurk 回文想說的內容，所以我將這部分留在後續文章中討論。（謎之音：擺明就是要拖稿嘛）

1. 這則 plurk 在此。

利用 Posterous 記錄閱讀網站時的筆記與心得

2009-07-20T13:23:00.004+08:00

這次要來介紹一個 blog 系統—Posterous。

它主打的特點是：不用註冊，只要發 E-mail 就可以張貼網誌。詳細步驟與功能介紹請參考重灌狂人的＜Posterous 用Email寫部落格，自動貼圖、嵌入音樂、影片＞。

我只補充一個比較少被提到的功能：書籤列小工具（bookmarklet）。它可以將你選取（或是它自己偵測到）的圖片、影片、文字加到你要張貼的文章中。所以我現在都利用它在瀏覽網頁時作筆記或整理心得。

不過 Posterous 的 bookmarklet 連結與說明有一點難找，懶得找的人可以直接點這裡。

如果你不知道怎麼把 bookmarklet 加到你的瀏覽器，請參考該頁右邊綠色區塊的說明；
實際使用方式，請點該頁左邊三個「Show me how」。
（請原諒我懶得製作圖文並茂的教學 :P）

因為 Posterous 實在太方便了，我又懶得把我放在 Posterous 的內容再整理到這邊來，所以看來這邊又要乾一陣子了。 :P

網頁瀏覽紀錄 7/8 ~ 7/10

2009-07-11T11:28:00.003+08:00

嗯...我懶得分類。我盡量把類似的主題放在比較靠近的地方。

Google Testing Blog: Why are we embarrassed to admit that we don't know how to write tests?
重點：The secret in tests is in writing testable code.
為什麼測試程式不好寫，是因為你寫出很難測的東西。

所以我們應該要鼓勵所有開發者都養成 TDD 的思維。
The importance of unit testing and functional testing
單元測試測量應用程式所使用的原料品質；
功能測試測量應用程式的結構強度。
5 Ways to Speed Up Your Rails App
- Eager Load Associations - 減少對資料庫進行查詢的次數
- Do Database Work In the Database
- Do as Little as Possible During the HTTP Request Cycle
- Know Your Gems and Plugins
- Avoid Creating Unnecessary Objects
ZetCode, tutorials for programmers
許多的程式教學，目前以 GUI 為主。
語言包括：Java 、Ruby、Python、C# 等...。
Java Mock Frameworks Comparison
我還沒有寫過用到 Mock 的測試碼，先留著以後參考用。
jTraining - Java knowledge community
Database Abstraction Layers Must Die!
作者覺得 Database Abstraction Layer 根本是癡人說夢。
因為當你選擇一套資料庫系統時，必然會使用一些該套系統獨有的功能；
若是為了不必要的移植性，只使用大部份資料庫系統共有的特性，那就本末倒置了。

但是，沒有 DAL 不表示你就必須將「存取資料庫的操作」散布在整個系統中。
我想這就是 Data Mapper pattern 的精髓所在。
一些 PHP 程式碼工具
- phpcs - PHP Code Sniffer: 找出程式碼中不符合規範（coding standard）之處
- phpcd - Copy/Paste Detector (CPD) for PHP code
- pdepend - PHP Depend: 程式碼度量工具
- PHPMD - PHP Mess Detector: PHP 版本的 PMD
10 Must Have Cheat Sheets for Developers
10 份給開發者看的小抄。包括：
jQuery、CSS、JavaScript、Regex、HTML 字元表、
design patterns、PHP、MySQL、SVN、mod_rewrite。

對了，我覺得 design pattern 的 T-shirt 不錯，有沒有人也想買？ :p
jQuery cheat sheet
Understanding JavaScript closures
用簡單的例子說明 closures 在 JavaScript 的用法（與用途）。
BBC - Glow JavaScript library - BBC 網站所使用的 JavaScrtip library
QUnit - jQuery 的測試工具
9 Interesting jQuery Projects with Demos
Quick Tip: don't use links with JavaScript unless the link goes some where
只有真的需要連結的時候才使用連結標籤；
單純的畫面效果請利用 CSS 達成。
Why are we typing password twice?
重新檢視註冊表單中「確認密碼」的必要性，
順便附上 show password 這個 jQuery plugin。
5 Second Usability Test
介紹線上 usability 檢測工具 fivesecondtest
Open Web Tools Directory（純 HTML 版）
Mozilla Labs 整理的網頁開發工具目錄
4 Simple Tools to Find Broken Links in Your Site
- W3C Link Checker
- Xenu's Link Sleuth
- Link Checker Firefox AddOn
- Dead-Link-Checker
10 Web Apps To Build The Next Big Thing Without Writing Any Code
用來 "開發" 網站的網站
Sass - Syntactically Awesome Stylesheets（線上版）
Sass = CSS + 巢狀規則 + 變數 + ...。
SlickMap CSS
一套將 HTML 無序列表（ul）顯示為網站地圖（site map）的 CSS 規則。
How To Create CSS Text/Font Gradients With CSS
幾種時間表（timeline）的做法
- Pure CSS Timeline - 用純 CSS 的方法做出時間表
- A CSS-based Timeline - 垂直的時間軸
- Structured Timeline - 用 HTML 表格成線時間表
60+ Free Fonts for Big, Bold and Beautiful Headlines
10 Great Tips for GoogleChrome !
- 控制 process 數量: -single-process / -process-per-site / process-per-tab
- 調整位址列的建議數量: -omnibox-popup-count=10
- Firefox 的 tab 可以直接拖拉到 Chrome
Del.icio.us Spy - 美味書籤的及時觀測站（這真是太誇張了...）
Executor - 免費的 "執行" 替代品。
我目前是用 Launchy，有空來再試試這個。

[書摘] Don't make me think - 如何設計好網站

2009-07-08T05:39:00.005+08:00

我還沒真正看過《Don't make me think - 如何設計好網站》這本書，
以下內容是節錄自 10 Usability Lessons from Steve Krug’s Don’t Make Me Think。

易用性（usability）代表的是...
確保某樣事物可以正常地運作，讓經驗與能力在平均水準的人可以沒有困難地使用它並且達到被預期的功效。
網站（web application）要能自我詮釋
網站的作用與使用方法應該要能夠不言自明、顯而易見。
不要讓我思考
不要讓使用者去猜你的網站上有哪些功能、或是該怎麼用。
不要浪費我的時間
多數人是為了節省時間而使用網路。
使用者依戀著「上一頁」按鈕
使用者在網站做了錯誤的操作，他們不會覺得有什麼大不了的，而會試著按幾次「上一頁」來修正錯誤。
我們是習慣的動物
找到一個有效的方法，就算還有更好的方法也不要去改變。
沒有閒聊的時間
使用者不是來閒聊的，使用者只想要立刻找到他們要的東西。
不要忘了搜尋功能
有些使用者進到新網站的第一件事情就是找搜尋框在哪。
提供概念上的網站地圖（site-map）
使用者不在乎網站上的功能與內容實際上放在哪裡；
他們只想知道他們自己在概念上／流程上的哪個位置。
讓回到首頁變得容易
這樣使用者迷路時才知道可以從哪邊從頭來過。

網頁瀏覽紀錄 7/4 ~ 7/7

2009-07-08T04:40:00.004+08:00

軟體設計與開發

Forgotten Refactoring

重構是好事，但是請先確定你要修改的程式碼有對應的測試。
否則你不是在 "重構"，只是在 "change some shit" （這有沒有比較好的中文翻譯？）

A Basic Lesson in Password Hashing

不要只對明碼做編碼動作，請記得加鹽（salt）。
不要整個系統都用一樣的 salt，請每次都以亂數方式產生。
把 salt 跟編碼後的密碼合在一起，不要存在分開的位置。
結合方式最好可以有變化（例如：由明碼程度決定 salt 的插入位置）。

網站開發

How To Increase Site Performance Through A/B Split Testing

簡單的 A/B testing 入門

How To Create a Useful 404 Page

較早版本的 IE 遇到小於 512 bytes 的 404 頁面會發生問題
可以透過 "robots" meta 標籤讓搜尋引擎可以正確處理你的 404 頁面

Create User Friendly 404 Pages

不要寫 "404"，那是技術面的東西，使用者看不懂。
讓系統可以自動提醒你：你的網站發生 404 的狀況。不要等使用者來通報。
試著推測使用者真正要找的東西（"html" 打成 "htm"？大小寫打錯？）
把 "熱門連結" 或是 "最新資訊" 放在 404 頁面上。
保持頁面簡單。使用者已經找不到他要的東西了，不要讓他更困惑。

Funny 404 Pages

收集各式有趣的 404 頁面

304 Your images from database

如果你的圖片不是靜態檔案，請處理 HTTP reuqest 中的 "If-Modified-Since"，
並且適時地送出 304。

10 reasons why web log analyzers are better than JavaScript based analytics

很多東西還是不能只靠 Google Analytics...

SQL Injection Cheat Sheet

整理出比較常見的 SQL injection 手法。
主要是針對 MySQL 與 Microsoft SQL Server 。

網頁設計

Ruby

How to create small unique tokens in Ruby
Code Blocks: Ruby's Swiss Army Knife

告訴你 Ruby 中 code block 有多好用，以及一些注意事項。

Anemone

Ruby Web Spider Framework

Ruby daemons using RobustThread

RobustThread 可以協助你寫 daemon 時必須處理 logger、exception 等問題

Integrity

Continuous Integration server (Ruby)

9 Resources for New Ruby on Rails Developers

Java

Top Question asked by interviewers for Junior Java Developer Role. - 嗯...我不會寫 Java
FindBug - 靜態分析 Java 程式，並找出 bug 的工具
Apache Pivot - 用 Java 開發 RIA 的平台
Use JVM Shutdown Hooks to Optimize Resources

重點：Runtime.addShutdownHook (Thread hook)

Java 开源大全 - 各類 Java open source 專案的目錄

JavaScript

Finding real body height using jQuery

IE: 建立一個暫時的 DIV，把 BODY 的東西塞進去之後再用 $().height() 取得高度。
其他瀏覽器: 直接用 $("body").height() 就可以了。

Identifying & locating mouse position in jQuery

用 event 的 pageX 跟 pageY 屬性取得滑鼠游標的位置。
搭配 element 的 offsetX 跟 offsetY 可以取得滑鼠游標在該 element 的位置。

非同步上傳檔案三部曲

非同步上傳 - 開一個 iframe 做為 form 的 target
確認上傳結果 - 檢查 iframe 是否包含特定訊息
取得上傳成功的影像大小 - 利用 Image 物件取得正確大小

Scala

Scala - 官方網站
Starting out with Scala - 學習 Scala 的資源

S-99 - 99 道 Scala 問題，學習 Scala 的好途徑

其他程式語言

Lazarus - Free Pascal 的 IDE，簡單說就是 "偽-Delphi"
SharpDevelop - 免費的 .NET IDE，支援 C#、VB.NET、IronPython、F#、Boo
Fan - 有人說比 Scala 好的語言（出處找不到了...）
P-99 - 專為練習 logic programming (Prolog) 而設計的題目

軟體介紹

工具網站

Online Syntax Highlighting - 替程式碼上色（輸出 HTML）的工具網站
Text Escaping and Unescaping in JavaScript

透過 JavaScript 立刻顯示各種編碼結果的工具

en-code

幫你將程式碼中的 HTML 特殊字元轉成編碼的工具。
作者的文章中還有 bookmarklet 版本。

其他

An SDK for your brain - 看起來就很有趣，好想弄一個來玩...
Send SMS using AT command - AT 指令耶，好久沒聽到了...
What do Programmers Fell About their Software?

利用 Synesketch 對一些專案中的註解進行情緒分析的結果。

終於，我把我的未讀文章清完了！！

乾淨程式碼的 4 個小秘訣

2009-07-01T01:56:00.000+08:00

原文－Tiago Fernandez: 4 Tips For Clean Code

寫短而簡潔的函式

程式碼太長的後果是沒人知道這一大段東西到底在幹嘛，因而不敢（或不願意）去修正它。要怎麼判斷一個函式是否太長了呢？有個我很喜歡的簡單準則，大家可以參考一下：

一個函式的長度不應該超過螢幕能顯示的範圍。
可以自我詮釋的變數與函式名稱

變數或是函式的名稱應該要清楚地說出變數與函式的用途。現在的編輯器都支援名稱提示與自動完成的功能。不要為了想少打幾個字，而取那種過了一個星期之後連你自己都不知道是什麼意思的式名稱。
只寫恰當的註解

註解裡面只要指出程式碼裡面沒有的東西（參數格式、呼叫此函式前應該被滿足的條件等...）就好了。最好可以搭配一些文件產生工具（如 javadoc）自動地產生說明文件。
保持程式碼易讀好懂

不要用一些奇技淫巧來賣弄你的程度，因為日後可能連你自己都看不懂你在寫什麼。遵守 "KISS" (Keep It Simple and Stupid) 與 "DRY" (Don't Repeat Yourself) 這兩個原則，自然就可以寫出易讀好懂的程式碼。

--
繼續用轉錄翻譯文章來充版面...

Haskell 版分贓程式

2009-06-17T04:15:00.009+08:00

剛剛把黑暗執行緒的分贓程式改用 Haskell 重寫。
演算法其實很簡單，就是不要先除完再來調整，而是一次算一個整數出來就好了。我覺得還蠻適合用 list 的概念來做所以拿來當作練習題目。
另外，我也嘗試在這段程式碼中練習 Tail Recursion。

一開始的版本因為少了那兩個 toRational 害我花了好多時間除錯...應該要花時間好好研讀一下 Haskell 的型別系統了。

程式碼如下：

本部落格的 feed 搬家

2009-06-09T21:18:00.000+08:00

基於我個人的潔癖，這個部落格的 feed 將換到 http://feeds2.feedburner.com/wancw/blog
舊的 feed 預計在 6 月底停用。

命名的準則：關連性

2009-06-07T04:44:00.006+08:00

以下是 Name that method: Symmetry 的摘要：

我們已經知道要把相關的程式碼或概念放在相關的地方。
所以我們會把程式切成類別與模組，也用相同的準則去管理程式檔案與目錄。
然而比較少被提及的是：命名 method 時也可以依循類似的準則。

文章中以 Merb、Rails 3 作例子。
同樣的一組功能在 Merb 叫作 provides/display，
在 Rails 3 中則是 respond_to/respond_with。
若你從沒用過這兩個 method，
Rails 3 的命名方式應該可以讓你一眼就看出兩個函式是相關的。
所以請替相關的 method 取相關的名稱。

文章中還有提到另一種不好的命名方式：
Camping 提供兩個同名的 method 作相反的事情。

註：上述 Merb、Rails 和 Camping 都是 Ruby 的網頁應用程式框架。

--
後記：
最近這個 Blog 好像都靠轉錄或翻譯文章來充數。
另外，硬要全部都寫中文實在太痛苦了，
以後還是不要做這種蠢事好了。