不厭其煩

Reder’s Blog, experimental version

Archive for the ‘tools’ Category

Graphviz – Graph Visualization Software

with 5 comments

這個週末玩了一下 Graphviz ,簡單記一下。

Graphviz 基本上就是用一個叫 The DOT Language 的語法來畫出關聯圖或其他類似圖型。可畫什麼可以參考 Graphviz Gallery

一個簡單的範例:
G {Hello->World}
可以畫出:

hello

Mac 版本的 Graphviz ,非官方開發。在 2004 年得了兩個獎,不過最新的版本 1.13(v16) 也停在那一年。不過看來作者做了 iPhone 版的 Graphviz

DokuWiki 有 plugin 支援,但plugin:graphviz [DokuWiki] 這個看來已經掛了。而 DokuWiki 作者做的這個plugin:graphgear [DokuWiki] 長起來不是很漂亮。要再繼續找找看可以直接 show 在網頁上的方法。

廣告

Written by Reder

08/16/2009 at 10:23 下午

張貼於tools

Tagged with

繼續寫部落格,用 email

leave a comment »

就在不久之前本來決定要好好使用我的 Posterous 一下,不過又回頭過來看一下 WP.compost by email,才發覺其實做得不錯。

我可以很簡單的用 GMail 的 simple formatting 來寫,外加穿插 HTML code ,就和Wordpress.com 上的 HTML mode 差不多。另外還支援像是 [tags x,y,z], [slug some-url-name], [category x,y,z]這一類的東西,像我這樣的龜毛人在發信的時候就可以直接設好這些了,另外 WordPress 對於 HTML 比較嚴格的要求也是我 care 的,所以就乖乖繼續用這邊好了。

希望可以不要龜毛,多寫點東西分享。

Written by Reder

08/16/2009 at 9:47 下午

張貼於tools

免費在 Mac 上使用原生的 Internet Explorer 6.0

with 2 comments

用 Mac 做網頁,免不了要測過目前仍然是佔大多數的 Internet Explorer 。而一般使用者如果用 Mac ,也免不了會遇到 IE only 的網頁。之前我所知道的免費方案是在 Mac 上跑 Wine 執行 IE ,不過字型和實際的運作上感覺不夠真實,無法重現 Windows 上真實的情況。而其他不管是使用 Boot Camp 或是 VirturalBoxVMware Fusion 或是 Parallels ,你至少需要一套正版的 Windows ,這對我這個堅持要用正版的人當然不是很喜愛,一直沒動力去買一套正版的 XP 。

昨天看到一個方法,試用了一下還不錯,就簡單翻譯一下步驟,有興趣的人可以連回原本的頁面觀看 screencast (Screencast: Install Internet Explorer on OSX using VirtualBox (updated X2) | Low Voltage Blog: Do More, With Less)。

  1. 下載 VirtualBox 並安裝。目前看來最新版的 VirtualBox 會有問題,原作者建議使用 VirtualBox 2.0.6 。
  2. 到 Microsoft 網站下載 Windows + IE 的 VPC 。這裡有幾種版本可以選,包含 IE6 、 IE7 和 IE8 以及 Windows XP 或 Vista 版本的對應。基本上來說,我工作中會遇到的還是以 Windows XP + IE 6 為主,所以我只下載了這個版本。事實上,你可以下載不同的版本達成各種環境測試。
  3. 下載作者推薦的 Zipeg似乎 The Unarchiver 也行
  4. 將下載的 image 副檔名換成 zip ,用前一個步驟的解壓縮軟體解開。其中 .vhd 的檔案就是我們所要使用的檔案。
  5. 打開 VirtualBox 。新增一個設定檔。其中,在 Virtural Hard Disk 這一步中要選 existing ,然後在彈跳視窗中新增你剛剛解開的 .vhd 檔案,再選擇它。
  6. 設定完了之後,就可以啟動了。啟動之後記得按 F8 ,如果來不及沒關係,反正 Windows 會掛點重開,這時候我們就可以選擇我們要的 safe mode with command prompt。
  7. 進 Windows 之後,會跳出一堆新增硬體的視窗,不要理它。在 console 中切換到 C:\WINDOWS\system32\drivers 底下,執行:ren processr.sys processr.old 。
  8. 重開機,這次應該可以順利開機了。那一堆新增硬體還是先不理它,我們要先安裝 VirtualBox 的相關軟體,讓我們可以使用的更順暢。進到 Windows 之後,按左邊的 command 鍵離開控制 Windows 游標,然後從選單列中選擇 Devices -> instanll Guest additions… 。安裝完之後再重開。
  9. 重開之後,現在來處理一下相關的硬體部份。進到控制台的系統中,然後選硬體管理員,其中 power supply 的部份是可以關閉的(不需要一個 Virtual OS 來管我們的電源吧?),然後網路卡的部份似乎在 2.1.2 這一版是有點小問題的,請在 console 底下執行 D:VBoxWindowsAdditions-amd64 /extract /D=C:\Drivers,解開 AMD 的 drivers 到 C:\drivers ,好了之後在選驅動的時候,請直接選擇對應的驅動(C:\Drivers\amd64\Network\AMD)。(第二次裝是用 x86 driver ,可能得在確認。)
  10. 好了之後,你的 IE 應該可以順利的連上網路了。
  11. 最後還有一個步驟要做。因為這個作業系統其實是英文版的,所以沒有內建任何中文字型,我們必須自己把中文字型放到 fonts 底下。我是放微軟的正黑體,這樣放進去之後,網頁應該就可以看了。
  12. 如果做到這一步都沒問題,恭喜你現在有一個免費的 IE 測試環境。要拿來看 IE only 網頁也行。甚至作業系統本身其實是套免費的 Windows XP 呀,只是是英文版的,連中文輸入法也沒有。

但是這個方法有一個要注意的地方是,下載的 VPC 在一段時間之後就會過期。例如說現在(2009/02)所抓的會在 2009/04 過期。如果怕麻煩的人,還是花錢買套 Windows 吧。

(5/15 ’09 updated: 因為到期重裝,順便修正一些地方。)

Written by Reder

02/27/2009 at 2:36 下午

張貼於tools

Tagged with , ,

Firefox 的 delicious extension 小技巧

with 3 comments

Firefox 的 Delicious extension 做得相當好,幾乎 Firefox 書籤內建的功能都包含了,而且還有可以多台電腦資料互通和分享書籤的功能,一直以來深受我的喜愛。

不過除了最基本的書籤功能,有些小技巧可能不是每個人都會注意到的,所以特別貼出來供同為 Delicious 的使用者做為參考。

注意:以下的功能在 Firefox 上以內建書籤就能做到。所以,如果你沒有跨電腦及分享的需求,可以直接用 Firefox 內建的功能即可,操作的方式大同小異。

1. RSS (live bookmarks)

delicious1

新增 Delicious Live Bookmarks 圖例

Firefox 的 Live Bookmarks 在 delicious 中一樣支援,使用的方式也相同,就是按網址列的最後 RSS 圖示,出現選單的時候選擇 delicious 的即可。

2. 關鍵字 (keywords)

delicious2

新增 Delicious keyword 圖例

這個也是 Firefox 內建的功能,在網址列輸入 [關鍵字] [要查的東西] ,等同於在搜尋列切換到那個搜尋引擎然後搜尋,用在字典上很好用。以 CDict 為例,在頁面上的輸入框上按右鍵之後選「Add a Keyword for this Search in Delicious」,就可以把這個關鍵字加到 delicious 中了。之後便可以如第一句所言使用。

3. bookmarklet

第三個也是我覺得最神奇的,就是 delicious 也可以存 bookmarklet 。什麼是 bookmarklet ?基本上就是用 JavaScript 寫的小程式,可以加到書籤中使用。而有一些東西,如 Google Reader 的分享功能或貼到 WordPress 這樣的功能,用不著裝 extension 或沒有 extension ,這時候 bookmarklet 就很好用了。

一般新增 bookmarklet 就是用拖拉的方式拖到書籤列,在 delicious 工具列中你也可以這麼做。不然我們也可以在連結上按右鍵,新增一個書籤。之後你就可以點選連結使用 bookmarklet 的功能了。

這樣的書籤預設是私人的,一方面 JavaScript 可能有不良的部份,另一方面則是這樣的 code 有的時候會帶一些如帳號資訊,所以預設為私人的也是好的。

除了這些,你還知道什麼特別的功能嗎? 😉

Written by Reder

09/24/2008 at 11:04 下午

張貼於tools

Tagged with , , ,

Google 推出 Chrome 瀏覽器

with 2 comments

Google 推出了新的瀏覽器 ChromeWebkit 底 + V8 JavaScript engine ,由於前面兩者和乾淨,在我的電腦上跑起來相當順暢。每個分頁其實就像一個新的視窗一樣在 Windows 中運行,所以才能不影響彼此。

剛用的當下覺得 Google Chrome 是一個取目前各家優點再加上自已的訴求而成的瀏覽器。介面上除了 Google 一貫的風格之外,有點 Windows IE 7 的感覺。一開始入眼的常用網頁很類似 Opera 的 quick dial ,但是不能自訂。把 tab 放在最上面其實也很 Opera 。畫面留了很大一部份給主要顯示部份,看得出來是為了 web application 所以這麼設計的。相較於 Firefox ,中文字型上還需要做些調整,不過大致上來說比 Safari 一開始會掉字的情況好多了。以我每日會使用的網站來說沒什麼大問題(大概英文網站都會對 Safari 有調整了,中文網站我不太常用XD)。

但是第一眼之後, Google Chrome 可以說是一個「下一代瀏覽器」的指引,也許在接下來各家瀏覽器上就可以看見類似的功能。在 Google Chrome 的漫畫介紹中也很明白的提到了 Google 生存在網路上,所以一個良好的網路環境對 Google 來說是重要的。 Google Chrome 究竟能不能有良好的市占率不是重點,而是網頁能不能更合標準,瀏覽器能不能更適合 web applications 的生存。而現在看起來,連微軟也答應要在 IE8 遵循標準,看來網路的混亂時代正一步步的撥雲見日(但是太平盛世還早)。

繼續閱讀文章 »

Written by Reder

09/03/2008 at 8:39 下午

張貼於tools

Tagged with , ,

Posterous–輕量型的部落格平台

leave a comment »

posterous_logo

posterous是我最近在玩的網站。它其實很類似其他的部落格平台,可以說是輕量的部落格平台。表面上看起來和其他的部落格平台沒什麼不同,但是在發表上的一些地方讓我覺得很棒。

  • posterous 和 email 整合的很好。所以,你只要會用 email ,你就會寫 posterous 部落格了。
  • posterous 不用註冊。你只要寄信到 post @ posterous.com ,他就會幫你開一個新的帳號和建立好你的部落格。部落格預設的網址(我猜,因為我很在意網址所以我用註冊的方式)就是 http://你的帳號.posterous.com 。你的帳號就是你 email 中 @ 前面的部份。
  • posterous 會幫你做基本的格式轉換。email 中的換行都是有效的。也會幫你把網址轉成可連結。

接下來是 posterous 我最欣賞的地方。

posterous 會自動將你 email 中的附加檔案轉成可以在網頁上直接瀏覽的形式。 posterous 目前支援下列檔案類型:

posterous-filetypes

posterous 支援的檔案類型

至於轉成什麼樣呢?就要到 posterous 的 faq 看一下。基本上來說,Office 檔它會用一個線上服務 Scribd 來顯示,讓你可以不用下載就可以做簡單瀏覽。圖片檔如果單張會直接顯示,但多張的話會做成像相簿一樣,讚!而 mp3 檔則會有一個簡易的 flash 播放器。而以上這些檔案都是可以下載的,所以要和朋友分享也非常方便。(當然也可以選擇不開放下載)

此外,一些國外知名的影片分享網站如 Youtube, Vimeo 等等,你只要直接貼上你在網址列中看到的那一段,如:http://www.youtube.com/watch?v=CB17uWuBrL0,它也會幫你變成可以播放的版本。有沒有很簡單?

另外,簡單的瀏覽人數統計還有支援留言機制(原先的 Tumblr 不支援)都令人覺得非常方便,網站更新的速度也蠻快速的,是個值得期待的服務。

想要輕鬆分享東西?想要讓你的阿媽也來寫部落格?用 posterous 就對了!

’08 7/23 updated: posterous 的新功能:在貼到 posterous 的同時發送到 Twitter 和 Flickr ,讓目前已經有 Twitter 和 Flickr 的人可以更輕易的善用 posterous 簡單的張貼型式,我覺得是很棒的進步。而且和目前服務的良好結合,讓人比較不會有平台取捨的問題。加分!

Written by Reder

07/21/2008 at 3:48 下午

張貼於tools

Tagged with , , ,

WordPress 2.6

with one comment

在三月底發表 WordPress 2.5 版之後,七月中 automattic 又發表了 WordPress 2.6 版,不得不令人驚嘆 automattic 的開發速度。而且,這個版本變動並不小,看一下新增的功能,許多都是創新又實用的功能。

Post revisions 帶來了類似 Wiki 的版本比較,對於群組部落格來說是個超重要的功能。而新的 Press This! 功能可以說是針對 Tumblr 而來,幾乎複製了 Tumblr 好用的 bookmarklet ,讓人可以快速的把內容往部落格貼。Image caption 幾乎是命中我了,一個原本要透過 CSS 設定的功能現在 WordPress 幫你準備齊全。利用 Google gears 這件事也幾乎是一絕,雖然我並沒有感受到速度的提昇,但也許這是離線編輯的號角,令人相當期待接下來的發展。

所以,我想試試 WordPress.com 這個平台。雖然自訂性沒有自架來得高,但是穩定性必然比自架來得好,我暫時也不想要花精力自己來了。

希望不要再「不厭其煩」了。(笑)

Written by Reder

07/16/2008 at 11:38 下午

張貼於tools

Tagged with , ,