阿維雜記本

正規式應該是許多程式開發人員心中的痛，雖然知道它的功能強大，但是學習和使用卻不是那麼的簡單。RegExr這套工具可以幫助我們在撰寫正規式的時候更有效率並且提供了許多範例可以讓我們參考，對於新手和老手都是一個相當實用的工具。

這套工具的特點如下：
* real time results: shows results as you type
* code hinting: roll over your expression to see info on specific elements
* detailed results: roll over a match to see details & view group info below
* built in regex guide: double click entries to insert them into your expression
* online & desktop: regexr.com or download the desktop version for Mac, Windows, or Linux
* save your expressions: My Saved expressions are saved locally
* share and rate expressions: search Community expressions and share your own

阿維大概介紹一下這套工具的UI

1. 最上方的Match與Replace，我們可以選擇這兩個頁籤來選擇我們現在要進行的動作；
2. 類似網址輸入的地方則是讓我們輸入正規式的地方；
3. 接下來的選項可以讓我們快速的選擇我們所需要的額外條件；
3. 中間的大區塊則是提供我們輸入或貼上資料的地方，符合正規式規則的字串會使用藍色底標示；
4. 下面的區塊則是將我們所撰寫的正規式做解析。

右邊的選單對於我們撰寫或學習正規式的時候相當有幫助

1. Sample: 提供簡單的範例和說明；
2. My Saved：我們可以將我們撰寫的正規式儲存起來；
3. Community：如果真的寫不出來，可以透過這個頁籤搜尋別人寫好的正規示。找到我們需要的正規式之後，按一下load連結，就可以把這段正規式載入到左邊的畫面，直接進行測試，真的是相當的好用啊

RegExr 不但提供網路版的，也提供了離線版本，不過在安裝離線版本前必須要先安裝Adobe AIR。還在為了撰寫正規式而苦惱嗎？趕快來使用RegExr這套好用的工具吧。

  RegExr 線上版
 RegExr 離線版下載位置

如果你跟阿維一樣習慣用純文字編輯器寫程式，或者手邊臨時找不到IDE可以用，卻又有debug的需求，阿維找到一個超好用的線上工具可以幫我們做這件事情。

ideone.com 支援將近40種程式語言，基本上我們會用到的程式語言他都包含了。使用方法也相當的直覺簡單，點截圖可以看到大圖。

1. 先選擇程式語言種類，然後貼上程式碼；


2. 如果覺得貼進去的程式碼很醜難以編輯，勾選程式碼輸入區塊右下角的syntax highlight，程式碼就會變得比較容易閱讀了，而且會出現一個工具列協助我們做一些編輯；


3. 如果你不想要讓別人看到你輸入的程式碼，只需要將程式語言選單下面的private勾選起來就可以；
4. 接著按下submit按鈕，就可以看到debug的結果，相當的簡單方便。

Windows 7只支援從Windows Vista直接升級，如果你裝的系統是Windows XP就只能整個系統重新安裝，雖然整個重新安裝感覺上會比較穩定，但是在安裝完Windows 7之後就會面臨將自己原本使用的軟體一個一個慢慢安裝回來的討厭感覺。Windows 7 Basic Migration這套工具可以幫助我們直接從Windows XP直接升級到Windows 7，對於想要從Windows XP直接升級的朋友應該相當有幫助。

為什麼阿維會說應該相當有幫助，而不用肯定的文字說一定很有幫助，因為阿維沒有Windows XP可以測試，所以如果有朋友使用這套工具升級到Windows 7還請跟阿維說一下實際的使用情況。

因為阿維沒有Windows XP可以實測，因此將官方網頁上面的功能特色翻譯之後跟大家分享一下。

特色
* Windows 7 Basic Migration will assist you in upgrading from Windows XP to Windows 7
Windows 7 Basic Migration可以幫助我們直接從Windows XP升級到Windows 7；

* Windows 7 compatibility scan to check for hard disk space as well as hardware and software compatibility
Windows 7 Basic Migration會協助我們檢查軟體與硬體是否相容於Windows 7；

* Migrate your user and applications settings the new operating system.
Windows 7 Basic Migration會將原本的使用者設定和軟體設定保留，讓我們不需要在WIndows 7中再設定一次；

* Move your important data, including documents, images, video, emails and more.
Windows 7 Basic Migration會將我們重要的資料，包含文件、圖片、影片、信件以及其他我們所能想到的檔案都完整的保存，不會因為升級到Windows 7而消失；

* Manually download and re-install applications from a customized web-page based on your existing installed programs.
Windows 7 Basic Migration也提供根據我們原本安裝的軟體，讓我們手動下載並且重新安裝。

看完這幾點特色，應該是可以讓我們很安全的從Windows XP直接升級到Windows 7，並且不用擔心資料與設定遺失的問題，如果有興趣的朋友可以到Windows 7 Basic Migration的官方網站下載。

[ 後記 ] 這個工具會禁止台灣下載檔案，需要的朋友請自行跳proxy下載

寫程式最討厭的是程式發生錯誤，但是卻又不知道該從何debug起，我們通常會使用print_r 或者 var_dump 或者是 echo 慢慢的debug。如果你跟阿維一樣使用PHP 5開發，現在可以使用Krumo這個簡單好用的工具幫助我們做這件事情。

雖然IDE也有內建的debug工具，但是並不是每個人都使用IDE來進行PHP的開發，這時候Krumo就可以大展身手，即使使用IDE來開發，阿維相信Krumo也可以幫忙我們節省不少時間。但是由於Krumo只支援PHP 5，所以使用PHP 4的朋友只好說聲抱歉，或者是將PHP升級到5。

當我們下載Krumo之後，只需要將Krumo的路徑設定在INCLUDE_PATH或者是將完整路徑寫在class.krumo.php裡面，Krumo是使用CSS和樹狀目錄來顯示debug訊息，所以在krumo.ini這個設定檔裡面我們可以選擇我們想要使用的skin，debug工具也有skin可以選？沒錯，你沒有看錯，真的是這樣。

使用Krumo的方法
// print a debug backgrace
krumo::backtrace();

// print all the included(or required) files
krumo::includes();

// print all the included functions
krumo::functions();

// print all the declared classes
krumo::classes();

// print all the defined constants
krumo::defines();

此外我們也可以動態的開啟或關閉Krumo
// disable Krumo
krumo::disable();

// Krumo is disabled, nothing is printed
krumo::includes();

// enable Krumo
krumo::enable();

// Krumo is enable, printing is OK
krumo::classes();

Krumo 的debug畫面



Krumo 官方網站
Krumo Document
更多關於Krumo範例

如果你跟阿維一樣從事網路相關的工作，各家不同的瀏覽器所呈現出的不同網頁長相一定是各位心中的痛。為了看各種瀏覽器呈現的效果，不管是不是自己平常會用到的瀏覽器，通通都要裝一套，如果是不同作業系統，那更是令人在心中狂罵，這些瀏覽器怎麼都不統一，非得要自己玩自己的，搞死我們這些開發人員才高興嗎？W3C的規範難道是規範假的嗎？不過感謝Adobe提供了BrowserLab這個好用又免費的工具，可以稍微解救我們一下下。

要使用這個免費的工具必須有Adobe的帳號，註冊是免費的，所以第一步就請先註冊一個Adobe帳號，如果你已經有帳號，請直接點Adobe BrowserLab登入。

使用的方式非常的簡單，只要輸入網址然後按下enter就可以了。


接下來稍微等待一下，Adobe BrowserLab預設會幫我們產生下面幾種瀏覽器的預覽圖
1. Firefox 3.0 - Windows XP
2. Internet Explorer 7.0 - Windows XP
3. Firefox 3.0 - OS X
4. Safari 3.0 - OS X

如果你需要更多種類的瀏覽器，點一下選單中的All Browsers，你就可以選擇更多你所需要的瀏覽器。幾乎被淘汰但是還是很多人用的 IE 6 以及阿維覺得有進步的 IE 8 和更多Mac上面的瀏覽器都可以選進來一起預覽。


等待Adobe BrowserLab幫我們產生好預覽圖之後，我們就可以快速的檢視在不同作業系統和不同瀏覽器網頁是長得什麼樣子。如果你選擇2-up view，當你捲動其中一邊的視窗時，另外一邊的視窗也會同步捲動，讓我們很方便的檢視和比較他們的差異。

你也可以使用內建熱鍵來幫助你更方便的檢視


其中Ghost Cursor更可以直接連滑鼠指標都模擬成Mac OS的滑鼠指標樣示，真的是相當的酷。如果你還在為了不同平台不同瀏覽器而苦惱，阿維推薦你可以試試Adobe BrowserLab這個免費又好用的工具，雖然沒有包含所有的瀏覽器，但是相信已經可以幫我們解決掉很多困擾了。

如果你跟阿維一樣已經開始使用Google Wave，當你加入了很多個wave之後，就會開始想有沒有什麼小工具可以提醒我們inbox中有新的消息，這樣就不用一直切換到Google Wave去看有沒有新消息，加上現在Google Wave執行起來還真的蠻吃資源的，如果有這樣的小工具那就太棒了。

阿維找到一個Firefox專用的小工具可以滿足我們這樣的需求，而且使用起來相當的簡單。首先先到Google Wave Add-on for Firefox 這裡安裝附加元件。

安裝完畢之後，進入設定畫面，輸入你的Gmail 帳號與密碼。你也可以設定檢查的時間區隔和網路連線逾時時間。


設定完成之後，會在你的Firefox狀態列多出一個小圖示。

2 代表你有兩個新消息在你的Google Wave Inbox中。

將滑鼠移到這個圖示上面，會顯示有新消息的是那個Wave


相當的簡單好用，已經有Google Wave的朋友趕快去下載這個小工具回來用吧。
Google Wave Add-on for Firefox