<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="/rss20.xsl" media="screen"?>
<rss xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<atom:link href="http://nettrace.blogspirit.com/web/index.rss" rel="self" type="application/rss+xml" />
<title>愛德華日誌 - web</title>
<description>增上螺旋．生命之書</description>
<link>http://nettrace.blogspirit.com/web/</link>
<lastBuildDate>Wed, 09 Jul 2008 00:54:34 +0800</lastBuildDate>
<generator></generator>
<copyright>All Rights Reserved</copyright>
<item>
<guid isPermaLink="true">http://nettrace.blogspirit.com/archive/2008/07/08/使用-google-trends-你有進行基值-基期校正嗎.html</guid>
<title>使用 Google Trends, 你有進行基值/基期校正嗎?</title>
<link>http://nettrace.blogspirit.com/archive/2008/07/08/使用-google-trends-你有進行基值-基期校正嗎.html</link>
<author>noreply@blogspirit.com (Edward HSIEH)</author>
<category>Research</category>
<category>Thinking</category>
<category>Web</category>
<pubDate>Wed, 09 Jul 2008 00:54:34 +0800</pubDate>
<description>
&lt;p&gt;因為在 iThome 看到一位與我有一面之緣、熱衷 Flex 的高手，透過分析 Google Trends 資料，寫了一篇名為「RIA四雄群起：以Google Trends評析現有RIA四大技術(Flex、Silverlight、JavaFX、Curl)」的 blog。由於其中各種技術熱門程度的差異實在太大，激起了我進一步自行探索的動力。&lt;/p&gt;&lt;p&gt;第一件使我產生懷疑的是，文中指出 Flex 技術是 2004 年發行 1.0 版，我到 Wikipedia 查了一下資料，是 2004 年 3 月。那時候 Flex 還是 Macromedia 所提出的一個 Server 端方案，需配合貴死人的 Server 端執行。而由圖一可以明顯看出，Flex 的趨勢線在 2004 年初就一直處於高檔，直覺跟…好吧--年紀--告訴我這不合理。&lt;/p&gt;&lt;p style=&quot;TEXT-ALIGN: center&quot;&gt;&lt;a href=&quot;http://www.flickr.com/photos/edwardsayer/2649460535/&quot; title=&quot;Flickr 上 edwardsayer 的 ria-3&quot;&gt;&lt;img src=&quot;http://farm4.static.flickr.com/3259/2649460535_021607a888_o.png&quot; alt=&quot;ria-3&quot; height=&quot;302&quot; width=&quot;589&quot;/&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;TEXT-ALIGN: center&quot;&gt;圖一：未經校正的 Google Trends 查詢：Flex, Silverlight, JavaFX, Curl&lt;/p&gt;&lt;p&gt;而第二件讓我覺得更不合理的是，如果你直接透過 Google &lt;a href=&quot;http://www.google.com.tw/search?hl=zh-TW&amp;amp;ie=UTF-8&amp;amp;&amp;amp;q=Curl&quot;&gt;查詢&lt;/a&gt; Curl，可以發現十之八九都與 RIA 無關。這樣的查詢流量怎能將它全部歸到 Curl for RIA 這一塊呢。&lt;/p&gt;&lt;p&gt;我相信 Flex 這將近 0.9 的 Search Volumn Index，並非指 Macromedia/Adobe 的 Flex 技術；同樣的，Curl 大多的查詢流量也與 RIA 無關。為了進行檢驗，我將查詢語句作了一些修正，以期找出較具代表性的指標。新的查詢為：Macromedia Flex, Microsoft Silverlight, Sun JavaFX, Adobe Flex。&lt;/p&gt;&lt;p style=&quot;TEXT-ALIGN: center&quot;&gt;&lt;a href=&quot;http://www.flickr.com/photos/edwardsayer/2650291462/&quot; title=&quot;Flickr 上 edwardsayer 的 ria-4&quot;&gt;&lt;img src=&quot;http://farm4.static.flickr.com/3117/2650291462_2a164eb09d_o.png&quot; alt=&quot;ria-4&quot; height=&quot;326&quot; width=&quot;597&quot;/&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;TEXT-ALIGN: center&quot;&gt;圖二：經過校正的 Google Trends 查詢：Macromedia Flex, Microsoft Silverlight, Sun JavaFX, Adobe Flex&lt;/p&gt;&lt;p&gt;這個查詢中，Flex 的熱門程度可用 Macromedia Flex + Adobe Flex 來代表。基本上可看出，在 2004 年 3 月以前，少有人關注 Flex。而 Microsoft Silverlight 的聲勢，&quot;有段時間&quot; 其實並不小於 Macromedia/Adobe Flex，那 Sun 的 JavaFX，就趴在地上了。&lt;/p&gt;&lt;p&gt;不過，究竟一般網民在查詢時，並不會特別以 Adobe Flex、Microsoft Silverlight 這樣的組字方式去下。以上，我所要說明的是，在以 Google Trends 進行分析時，得對基期或基值進行校正。透過第二個查詢我們已經證明 2004 年 3 月前的 Flex 流量，不能算是 Flex for RIA 這一塊的流量。如果將圖一 Flex 的流量值向下平移 0.9 單位，可以看出 Flex 對 Silverlight 的比值將接近圖二所示。&lt;/p&gt;&lt;p&gt;行文至此，是不是可以建議 Google Trends 提供類似基期/基值校正的功能。不然，就趕快把 Google Treands 的 API 給 release 出來吧!&lt;/p&gt;&lt;p&gt;相關連結：&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://www.google.com/trends&quot;&gt;Google Trends&lt;/a&gt;: http://www.google.com/trends&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.adobe.com/devnet/flex/&quot;&gt;Flex&lt;/a&gt;: http://www.adobe.com/devnet/flex/&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.microsoft.com/silverlight/&quot;&gt;Silverlight&lt;/a&gt;: http://www.microsoft.com/silverlight/&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.sun.com/software/javafx/&quot;&gt;JavaFX&lt;/a&gt;: http://www.sun.com/software/javafx/&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.curl.com/&quot;&gt;Curl&lt;/a&gt;: http://www.curl.com/&lt;/li&gt;&lt;li&gt;Google Trends API coming soon: &lt;a href=&quot;http://news.cnet.com/8301-10784_3-9828916-7.html&quot;&gt;http://news.cnet.com/8301-10784_3-9828916-7.html&lt;/a&gt;&lt;/li&gt;&lt;li&gt;iThome 原作者文章: &lt;a href=&quot;http://ithelp.ithome.com.tw/question/10005797&quot;&gt;RIA四雄群起：以Google Trends評析現有RIA四大技術(Flex、Silverlight、JavaFX、Curl)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p xmlns=&quot;&quot; class=&quot;zoundry_raven_tags&quot;&gt;  &lt;!-- Tag links generated by Zoundry Raven. Do not manually edit. http://www.zoundryraven.com --&gt;  &lt;span class=&quot;ztags&quot;&gt;&lt;span class=&quot;ztagspace&quot;&gt;Technorati&lt;/span&gt; : &lt;a href=&quot;http://www.technorati.com/tag/analysis&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;analysis&lt;/a&gt;, &lt;a href=&quot;http://www.technorati.com/tag/google&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;google&lt;/a&gt;, &lt;a href=&quot;http://www.technorati.com/tag/google+trends&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;google trends&lt;/a&gt;, &lt;a href=&quot;http://www.technorati.com/tag/statistics&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;statistics&lt;/a&gt;, &lt;a href=&quot;http://www.technorati.com/tag/web&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;web&lt;/a&gt;&lt;/span&gt; &lt;/p&gt;
</description>
</item>
<item>
<guid isPermaLink="true">http://nettrace.blogspirit.com/archive/2008/05/07/pmog-簡易練功外掛.html</guid>
<title>PMOG 簡易練功外掛</title>
<link>http://nettrace.blogspirit.com/archive/2008/05/07/pmog-簡易練功外掛.html</link>
<author>noreply@blogspirit.com (Edward HSIEH)</author>
<category>Developing</category>
<category>Goodies</category>
<category>Web</category>
<pubDate>Thu, 08 May 2008 00:03:50 +0800</pubDate>
<description>
&lt;p&gt;前一陣子收到了 PMOG 的啟用信，便依照「電腦玩物」的說明，趁著工作空檔試玩了一下。突然想到，在一般的 game 系統，都有一些超級玩家或高手，懂得利用外掛程式來練功，那這個 client 端基於 Firefox 的遊戲平台，要寫一個練功的外掛應該也不是難事吧!&lt;/p&gt;&lt;p&gt;PMOG 平台裡面，透過 Datapoint 來代表玩家的經驗值。增加 Datapoint 最簡單的方式，就是瀏覽不同網域的網頁。如果我們要透過這樣的規則來練功，代表我們每天要想辦法去到不同的網域。而哪來那麼多不同的網域呢來瀏覽呢？&lt;/p&gt;&lt;p&gt;透過 Google 查詢，我找到一個 &quot;Random Link&quot; 連結，每當你瀏覽這個連結時，它會將你導到不同的網址。因此，你可以把這個連結放到 Firefox 的書籤工具列，每次按一下，就會連到不同的網頁。&lt;/p&gt;&lt;p&gt;接下來，就是想辦法讓上面的程序自動化。有時間、有時間精神的高手可以寫個 Firefox Extension。比較偷懶一點，就可以透過 Greasemonkey script 來達到這個功能。以下是我所使用的 user script：&lt;/p&gt;&lt;pre class=&quot;prettyprint&quot;&gt;// ==UserScript==// @name           automatic random link// @namespace      http://isong.blogspot.com/// @description    visit random web pages automatically// @include        *// ==/UserScript==setTimeout(function() {  location.href = &quot;http://random.yahoo.com/bin/ryl&quot;;}, 5000);                                &lt;/pre&gt;&lt;p&gt;只要在 Greasemonkey 中增加此用戶腳本，然後在想練功時啟用此腳本，就可以看到你的 Datapoint 值不斷增加囉!&lt;/p&gt;&lt;p&gt;相關連結：&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://pmog.com/&quot;&gt;PMOG&lt;/a&gt;: Passively Multiplayer Online Game 官方首頁&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://playpcesor.blogspot.com/2008/02/firefoxpmog.html&quot;&gt;電腦玩物&lt;/a&gt;: 現實網路尋寶冒險，Firefox上的被動式多人線上遊戲：PMOG -- 完善的 PMOG 遊戲說明&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://zh.wikipedia.org/w/index.php?title=Greasemonkey&amp;amp;variant=zh-tw&quot;&gt;Greasemonkey&lt;/a&gt;: 可自訂你的網頁瀏覽體驗&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;https://addons.mozilla.org/zh-TW/firefox/addon/748&quot;&gt;Greasemonkey Firefox 附加元件&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://userscripts.org/&quot;&gt;Userscripts.org&lt;/a&gt;: 可在這裡找到許多給 Greasemonkey 使用的用戶腳本&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://random.yahoo.com/bin/ryl&quot;&gt;Random Link&lt;/a&gt;: Yahoo! 所提供的隨機網頁連結&lt;/li&gt;&lt;/ul&gt;&lt;p xmlns=&quot;&quot; class=&quot;zoundry_raven_tags&quot;&gt;  &lt;!-- Tag links generated by Zoundry Raven. Do not manually edit. http://www.zoundryraven.com --&gt;  &lt;span class=&quot;ztags&quot;&gt;&lt;span class=&quot;ztagspace&quot;&gt;Technorati&lt;/span&gt; : &lt;a href=&quot;http://www.technorati.com/tag/firefox&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;firefox&lt;/a&gt;, &lt;a href=&quot;http://www.technorati.com/tag/funny&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;funny&lt;/a&gt;, &lt;a href=&quot;http://www.technorati.com/tag/game&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;game&lt;/a&gt;, &lt;a href=&quot;http://www.technorati.com/tag/greasemonkey&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;greasemonkey&lt;/a&gt;, &lt;a href=&quot;http://www.technorati.com/tag/pmog&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;pmog&lt;/a&gt;&lt;/span&gt; &lt;/p&gt;
</description>
</item>
<item>
<guid isPermaLink="true">http://nettrace.blogspirit.com/archive/2008/04/21/用-javascript-來修飾你的超連結.html</guid>
<title>用 JavaScript 來修飾你的超連結</title>
<link>http://nettrace.blogspirit.com/archive/2008/04/21/用-javascript-來修飾你的超連結.html</link>
<author>noreply@blogspirit.com (Edward HSIEH)</author>
<category>Developing</category>
<category>Goodies</category>
<category>Web</category>
<pubDate>Tue, 22 Apr 2008 20:17:08 +0800</pubDate>
<description>
&lt;p&gt;網頁之間的互相引用、評論，是當代網誌的形式之一，而造就的結果就是正文之中充斥著超連結。&lt;br/&gt;&lt;br/&gt;這樣的書寫風格本身並沒有所謂的好或不好。在我的日誌中，也存在不少此類用法。問題是，如果同一篇日誌中，重複提及一個特定的網頁，而該網頁又值得透過超連結參引，那麼重複編製超連結的動作，也會令人覺得繁瑣。&lt;br/&gt;&lt;br/&gt;為此，我想到設定一種 &quot;形式&quot;，再加上 JavaScript，來為正文中的特定字眼加上連結。&lt;/p&gt;&lt;p&gt;構想是，在每篇網誌的最後，加上一段 &quot;相關連結&quot; 或 &quot;參考資料&quot;，段落名稱是什麼不重要，重點是：&lt;/p&gt;&lt;ol&gt;&lt;li&gt;將連結以無序清單的形式標明，每一清單項目以連結開頭&lt;/li&gt;&lt;li&gt;以冒號+空白 (&lt;code&gt;&quot;: &quot;&lt;/code&gt;) 來區分連結及解說文字，例如：&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://isong.blogspot.com/&quot;&gt;愛頌過生活&lt;/a&gt;: 就是過日子，人生不需太多大道理!&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.w3.org/DOM/&quot;&gt;DOM&lt;/a&gt;: Document Object Model (DOM); W3C 的官方說明&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;上例中的 &quot;愛頌過生活&quot; 及 &quot;DOM&quot; 字串，會被當作匹配條件，在正文的段落 (&amp;lt;p&amp;gt;...&amp;lt;/p&amp;gt; 包起來的部分) 中，比對相符的字眼。若出現相符的字串，將被 JavaScript 套上超連結。&lt;/p&gt;&lt;p&gt;用來轉換文字成超連結的 JavaScript 程式碼如下：&lt;/p&gt;&lt;pre xml:space=&quot;preserve&quot; class=&quot;prettyprint&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;var init = {  cmds: [],  run: function(){    for(i = 0; i &amp;lt; this.cmds.length; i++)      this.cmds[i]();  }}function getText(anchor){   return anchor.text ? anchor.text : anchor.innerText;}function fixPostElements(){   var uls = document.getElementsByTagName(&quot;ul&quot;);   for(var i = 0; i &amp;lt; uls.length; i++)      insertResourceLink(uls[i].parentNode)}function insertResourceLink(element) {  var links= {};  var lis = element.getElementsByTagName(&quot;li&quot;);  for (var i = 0; i &amp;lt; lis.length; i++){    if(lis[i].innerHTML.indexOf(&quot;: &quot;) != 0){      as = lis[i].getElementsByTagName(&quot;a&quot;);      for(j = 0; j &amp;lt; as.length; j++)        links[getText(as[j])] = as[j].href;    }  }  var ps = element.getElementsByTagName(&quot;p&quot;);  for(key in links) {    var regKey = new RegExp(key, &quot;g&quot;);    for(var i = 0; i &amp;lt; ps.length; i++) {      ps[i].innerHTML = ps[i].innerHTML.replace(regKey,         &quot;&amp;lt;a href=&quot;+ links[key] +&quot;&amp;gt;&quot; + key +&quot;&amp;lt;/a&amp;gt;&quot;);    }  }}init.cmds.push(fixPostElements);&amp;lt;/script&amp;gt;&lt;/pre&gt;&lt;p&gt;將上面的程式碼置於 HTML 的 head 區塊，在 body tag 中加上 onload=&quot;init.run()&quot;，於撰寫網誌時採用本文規範的形式，即可達所述的效果。&lt;/p&gt;&lt;p&gt;一篇符合本文形式規範的網誌文章，可參考 &quot;&lt;a href=&quot;http://isong.blogspot.com/2008/04/prism-for-firefox-3-beta-5-url-link.html&quot;&gt;PRISM for Firefox 3 beta 5 url link opening issue&lt;/a&gt;&quot;。事實上，筆者正是在撰寫該文時，因對重複的超連結編製深感不耐，才產生此構想的。&lt;/p&gt;&lt;p&gt;附帶一提，如果讀者採用 Google Reader 或其他 RSS 閱讀軟體，那麼你將無法看到此 JavaScript 的效果，因為 RSS feed 中並不含 JavaScript 轉譯碼… 這樣的設計，或許可以解釋為：「為親自造訪本站的讀者，所提供的一點加值服務 ^__^」。&lt;/p&gt;
</description>
</item>
<item>
<guid isPermaLink="true">http://nettrace.blogspirit.com/archive/2008/04/18/prism-for-firefox-3-beta-5-url-link-opening-issue.html</guid>
<title>Prism for Firefox 3 beta 5 url link opening issue</title>
<link>http://nettrace.blogspirit.com/archive/2008/04/18/prism-for-firefox-3-beta-5-url-link-opening-issue.html</link>
<author>noreply@blogspirit.com (Edward HSIEH)</author>
<category>Goodies</category>
<category>Web</category>
<pubDate>Fri, 18 Apr 2008 08:36:58 +0800</pubDate>
<description>
&lt;p&gt;今天將自用的電腦換成還在 beta 中的 Firefox 3，順手就裝了可以「將網頁變成桌面程式」的擴充套件 Prism。它的功能一如產品網頁描述，可以在桌面產生一個 URL 連結，也可以顯示 tray icon。&lt;/p&gt;&lt;p&gt;我首先轉換的應用網站便是 Gmail，轉換成完後，點選桌面 Gmail 捷徑，帶出一個沒有任何修飾 (不會讓你分心) 的 Gmail 應用程式視窗。怪的是，在我的環境 Windows XP + 這樣的組合下，在 Prism 的 Gmail 網頁中開啟 URL 連結時，它開啟的外部瀏覽器竟是 IE，而不是我所期望的 Firefox。在 Firefox 「工具/選項/進階」中將 firefox 設定成系統預設瀏覽器也沒有用。&lt;/p&gt;&lt;p&gt;本想試試 Linky 這個專門用來改進連結開啟方式的擴充套件，但在 Prism 中卻無法安裝。我沒去細究那是 Prism 本身，還是 Linky 或 Firefox bata 3 的版本關係，總之就是不能用。&lt;/p&gt;&lt;p&gt;查了一下 firefox command line arguments, 看到了 -setDefaultBrowser 這個選項，可以將 firefox 設定成系統預設瀏覽器。於是我試著在 DOS 指令視窗中輸入以下指令：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;&lt;code&gt;C:&amp;gt;cd &quot;Program FilesMozilla Firefox 3 Beta 5&quot;&lt;br/&gt;C:Program FilesMozilla Firefox 3 Beta 5&amp;gt;firefox -setDefaultBrowser&lt;/code&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;沒想到這麼一來，當我再次於 Prism 的 Gmail 網頁中開啟連結時，竟然就能將連結開啟於 Firefox 中了。&lt;/p&gt;&lt;p&gt;相關連結：&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://labs.mozilla.com/2007/10/prism/&quot;&gt;Prism&lt;/a&gt;: 將網頁變成桌面程式&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://mail.google.com/mail/&quot;&gt;Gmail&lt;/a&gt;: Google 所推出的 webmail 服務&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://developer.mozilla.org/en/docs/Command_Line_Options&quot;&gt;firefox command line arguments&lt;/a&gt;: 說明 firefox 啟動參數&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://gemal.dk/mozilla/linky.html&quot;&gt;Linky&lt;/a&gt;: firefox 延伸套件&lt;/li&gt;&lt;/ul&gt;&lt;p xmlns=&quot;&quot; class=&quot;zoundry_raven_tags&quot;&gt;  &lt;!-- Tag links generated by Zoundry Raven. Do not manually edit. http://www.zoundryraven.com --&gt;  &lt;span class=&quot;ztags&quot;&gt;&lt;span class=&quot;ztagspace&quot;&gt;Technorati&lt;/span&gt; : &lt;a href=&quot;http://www.technorati.com/tag/bug+fix&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;bug fix&lt;/a&gt;, &lt;a href=&quot;http://www.technorati.com/tag/firefox&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;firefox&lt;/a&gt;, &lt;a href=&quot;http://www.technorati.com/tag/firefox+3&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;firefox 3&lt;/a&gt;, &lt;a href=&quot;http://www.technorati.com/tag/prism&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;prism&lt;/a&gt;, &lt;a href=&quot;http://www.technorati.com/tag/tweak&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;tweak&lt;/a&gt;&lt;/span&gt; &lt;/p&gt;
</description>
</item>
<item>
<guid isPermaLink="true">http://nettrace.blogspirit.com/archive/2008/04/12/miro-1-2-無法啟動的-bug-及-quick-dirty-fix.html</guid>
<title>Miro 1.2.* 無法啟動的 Bug 及 Quick Dirty Fix</title>
<link>http://nettrace.blogspirit.com/archive/2008/04/12/miro-1-2-無法啟動的-bug-及-quick-dirty-fix.html</link>
<author>noreply@blogspirit.com (Edward HSIEH)</author>
<category>Developing</category>
<category>Goodies</category>
<category>Web</category>
<pubDate>Sat, 12 Apr 2008 17:28:41 +0800</pubDate>
<description>
&lt;p&gt;&lt;a href=&quot;http://www.getmiro.com/&quot;&gt;Miro&lt;/a&gt; 這套以 XUL Runtime 為基礎的網路影片撥放軟體，有著優良的使用介面及易用豐富的影片搜尋功能，在網路上已經有不少 &lt;a href=&quot;http://blogsearch.google.com.tw/blogsearch?hl=zh-TW&amp;amp;ie=UTF-8&amp;amp;um=1&amp;amp;q=miro&amp;amp;btnG=搜尋網誌&amp;amp;lr=lang_zh-TW&quot;&gt;blogger 介紹&lt;/a&gt;過，我就不再贅言。&lt;/p&gt;&lt;p&gt;如果你也是 &lt;a href=&quot;http://www.getmiro.com/&quot;&gt;Miro&lt;/a&gt; 的愛好者，或是看過介紹後躍躍欲試，卻同我一樣遭遇以下畫面：&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;http://www.flickr.com/photos/edwardsayer/2407398674/&quot; title=&quot;Flickr 上 edwardsayer 的 Miro StartUp Error&quot;&gt;&lt;img src=&quot;http://farm4.static.flickr.com/3039/2407398674_57349bc143_m.jpg&quot; alt=&quot;Miro StartUp Error&quot; height=&quot;150&quot; border=&quot;0&quot; width=&quot;240&quot;/&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;除了程式視窗外框、骨架外，所有內容都沒有顯示出來。那麼底下提供一個 quick dirty fix，或許可以解你想看影片的燃眉之急。&lt;/p&gt;&lt;p&gt;首先，找到 C:Program FilesParticipatory Culture FoundationMirocomponentspybridge.py 這個檔案。找到其中一段程式碼：&lt;/p&gt;&lt;pre xml:space=&quot;preserve&quot;&gt;   keyElement.setAttribute('keytext', _('Spacebar'))&lt;/pre&gt;&lt;p&gt;由於這行程式中的 _(Spacebar) 在執行期會運算成 &quot;空白鍵&quot; 這個中文字串，進一步造成 UnicodeDecodeError: 'ascii' codec can't decode byte 0xe7 in position 0: ordinal not in range(128) 的錯誤。因為並未深入了解 Miro 完整的 localization 架構，這是一個目前看來我無法完整解決的問題。因此我採用一個 quick dirty fix，將上面那行改成如下：&lt;/p&gt;&lt;pre xml:space=&quot;preserve&quot;&gt;   keyElement.setAttribute('keytext', 'Spacebar')&lt;/pre&gt;&lt;p&gt;注意，由於程式是 python 語言，因此請不要改變以上程式碼的縮排。儲存檔案，重新開啟 Miro，那麼你應該可以重新找尋、欣賞喜好的影片了。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;http://www.flickr.com/photos/edwardsayer/2407398696/&quot; title=&quot;Flickr 上 edwardsayer 的 Miro OK Now&quot;&gt;&lt;img src=&quot;http://farm4.static.flickr.com/3194/2407398696_9550237aa3_m.jpg&quot; alt=&quot;Miro OK Now&quot; height=&quot;183&quot; border=&quot;0&quot; width=&quot;240&quot;/&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Note: 本方法僅在 Window Miro 1.2, 1.2.2 版上試驗過。&lt;/p&gt;&lt;p xmlns=&quot;&quot; class=&quot;zoundry_raven_tags&quot;&gt;  &lt;!-- Tag links generated by Zoundry Raven. Do not manually edit. http://www.zoundryraven.com --&gt;  &lt;span class=&quot;ztags&quot;&gt;&lt;span class=&quot;ztagspace&quot;&gt;Technorati&lt;/span&gt; : &lt;a href=&quot;http://www.technorati.com/tag/bug&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;bug&lt;/a&gt;, &lt;a href=&quot;http://www.technorati.com/tag/bug+fix&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;bug fix&lt;/a&gt;, &lt;a href=&quot;http://www.technorati.com/tag/miro&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;miro&lt;/a&gt;, &lt;a href=&quot;http://www.technorati.com/tag/video&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;video&lt;/a&gt;, &lt;a href=&quot;http://www.technorati.com/tag/web&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;web&lt;/a&gt;&lt;/span&gt; &lt;/p&gt;
</description>
</item>
<item>
<guid isPermaLink="true">http://nettrace.blogspirit.com/archive/2007/07/30/用-miranda-im-client-玩-irc-及-utf-8-編碽解決方彏.html</guid>
<title>用 Miranda IM client 玩 IRC 及 UTF-8 編碼解決方式</title>
<link>http://nettrace.blogspirit.com/archive/2007/07/30/用-miranda-im-client-玩-irc-及-utf-8-編碽解決方彏.html</link>
<author>noreply@blogspirit.com (Edward HSIEH)</author>
<category>Goodies</category>
<category>Web</category>
<pubDate>Mon, 30 Jul 2007 19:04:59 +0800</pubDate>
<description>
&lt;p&gt;經由先前的 Google Trends 分析，讓我再度對那歷久不衰的 IRC 感到好奇，就進入我常用的 IM client -- Miranda 試試。如果你還沒接觸過 Miranda，那麼簡單的說，它是一款在 Windows 下執行，支援多種訊息協定--包括 Jabber(Gtalk), Yahoo!, AIM, MSN, IRC --的免費訊息傳輸軟體。&lt;/p&gt;&lt;p&gt;Miranda IM 內建 IRC 支援，所以使用它來連接 IRC 極為簡便。以加入 #ubuntu-tw 這個 channel 來說明，由於 #ubuntu-tw 是掛牌在 irc.freenode.net 這個伺服器上線，因此：&lt;/p&gt;&lt;ol&gt;&lt;li&gt;請先在 Miranda IM Options 裡面，選擇左邊樹狀選單的 Network/IRC 節點&lt;/li&gt;&lt;li&gt;在 Account 頁籤裡面，Server Name 選擇 &quot;Free Node: Random server&quot;&lt;/li&gt;&lt;li&gt;在連絡人面版的系統功能表中，選擇 IRC/Quick Connect，再選擇 IRC/Join a channel，然後在輸入框中輸入 #ubuntu-tw 即可。&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;進了 #ubuntu-tw 之後，第一個遇到的問題便是系統主題公告亂碼的問題。原來 #ubuntu-tw 的 topic desciption 採用 UTF-8，而 Miranda IM (0.6.8 之前) IRC plugin 預設的編碼是 ANSI，因此有必要加以變更。解決方式是到 &lt;a href=&quot;http://www.couch-fiction.org/wordpress/index.php?p=371&quot;&gt;blackeye.org&lt;/a&gt; 下載一個 Miranda IM IRC client 的 patch，下載後把 zip 解開，將其中的 IRC.dll 放在 &amp;lt;Miranda 安裝目錄&amp;gt;Plugins 子目錄裡面即可。&lt;/p&gt;&lt;p&gt;另外，還在測試中的 0.7.0 版據說已內建 unicode 支援，詳情&lt;a href=&quot;http://www.miranda-im.org/2007/07/22/miranda-im-v070-build-34/&quot;&gt;見此&lt;/a&gt;。&lt;/p&gt;&lt;p&gt;這一次在 IRC 線上遇到 BlueT，就是他好心提醒我 #ubuntu-tw 的編碼為 UTF-8 的，另外也遇到 BobChao。本來大部分是在討論區或部落格現身的人士，換了不同的環境接觸，而且可以即時交談，對我這種過去很少上 IRC 的人士來說，感覺還是挺奇妙的。&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p class=&quot;zoundry_bw_tags&quot;&gt;  &lt;!-- Tag links generated by Zoundry Blog Writer. Do not manually edit. http://www.zoundry.com --&gt;  &lt;span class=&quot;ztags&quot;&gt;&lt;span class=&quot;ztagspace&quot;&gt;Technorati&lt;/span&gt; : &lt;a href=&quot;http://technorati.com/tag/chat&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;chat&lt;/a&gt;, &lt;a href=&quot;http://technorati.com/tag/encode&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;encode&lt;/a&gt;, &lt;a href=&quot;http://technorati.com/tag/irc&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;irc&lt;/a&gt;, &lt;a href=&quot;http://technorati.com/tag/miranda&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;miranda&lt;/a&gt;, &lt;a href=&quot;http://technorati.com/tag/unicode&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;unicode&lt;/a&gt;, &lt;a href=&quot;http://technorati.com/tag/utf-8&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;utf-8&lt;/a&gt;&lt;/span&gt; &lt;/p&gt;
</description>
</item>
<item>
<guid isPermaLink="true">http://nettrace.blogspirit.com/archive/2007/07/25/google-trends-網路開白應用趨勢分析.html</guid>
<title>Google Trends 網路開發應用趨勢分析</title>
<link>http://nettrace.blogspirit.com/archive/2007/07/25/google-trends-網路開白應用趨勢分析.html</link>
<author>noreply@blogspirit.com (Edward HSIEH)</author>
<category>Developing</category>
<category>Research</category>
<category>Thinking</category>
<category>Web</category>
<pubDate>Thu, 26 Jul 2007 17:32:00 +0800</pubDate>
<description>
&lt;p&gt;Google Trends 向來是我愛用的簡易趨勢分析工具之一。它的輸出趨勢圖形分成上下兩個區塊：上方區塊線條代表&lt;strong&gt;相對上的&lt;/strong&gt;查詢量，也就是關鍵詞在某一段時間內，相對於所有查詢所占的比率，我將它引申為「一個議題被網路大眾所關心的程度」；而下方區塊線條表示關鍵詞在 Google 新聞裡被提到的次數，我將它引申為「一個議題被幕後黑手炒作的程度」。其細節資訊在 &quot;&lt;a href=&quot;http://www.google.com/intl/en/trends/about.html&quot;&gt;About Google Trends&lt;/a&gt;&quot; 裡面解釋的很清楚。&lt;/p&gt;&lt;p&gt;本想透過 Google Trends 查詢當前各程式語言的熱門度，幾翻探索之後，看到一些有趣的現象。雖然這樣的探索談不上精確與科學--若要強調這點，可能還要參考各種 Page Rank、網站流量、新聞群組討論數。這裡著重的是分析的樂趣，適可作為一點茶餘飯後的話題，當成餘興節目欣賞。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;分析：各語言的熱度消長&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&lt;img width=&quot;11&quot; height=&quot;11&quot; src=&quot;http://www.google.com/trends/images/dot1.gif&quot;/&gt; &lt;span style=&quot;COLOR: #4684ee&quot;&gt;java&lt;/span&gt; &lt;img width=&quot;11&quot; height=&quot;11&quot; src=&quot;http://www.google.com/trends/images/dot2.gif&quot;/&gt; &lt;span style=&quot;COLOR: #dc3912&quot;&gt;c#&lt;/span&gt; &lt;img width=&quot;11&quot; height=&quot;11&quot; src=&quot;http://www.google.com/trends/images/dot3.gif&quot;/&gt; &lt;span style=&quot;COLOR: #ff9900&quot;&gt;c++&lt;/span&gt; &lt;img width=&quot;11&quot; height=&quot;11&quot; src=&quot;http://www.google.com/trends/images/dot4.gif&quot;/&gt; &lt;span style=&quot;COLOR: #008000&quot;&gt;python&lt;/span&gt; &lt;img width=&quot;11&quot; height=&quot;11&quot; src=&quot;http://www.google.com/trends/images/dot5.gif&quot;/&gt; &lt;span style=&quot;COLOR: #4942cc&quot;&gt;ruby&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&lt;img width=&quot;580&quot; height=&quot;260&quot; src=&quot;http://www.google.com/trends/viz?q=java+,+c%23+,+c%2B%2B+,+python,+ruby&amp;amp;date=all&amp;amp;geo=all&amp;amp;graph=weekly_img&amp;amp;ctab=0&amp;amp;sa=N&quot;/&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;這裡可以看到，整體上來講，所有程式語言在網民心中受到的關注，都呈現消退的現象。有人說 C# 或 .NET 過去一年以來市占率有所增加，但實際上卻可能是導因於 Java 自己本身的衰退。C++ 逐漸衰退；Ruby 有超越 Python 往上爬的趨勢，而事實上實力仍在伯仲之間。&lt;/p&gt;&lt;p&gt;那麼問題來了，為何程式語言整體上的熱度下降了呢？從 Search Volume 的定義來看，有可能是上網人口結構的改變 (非程式設計背景的人口增加了)。或是新的網路題材迸現，程式設計師心有旁鶩。或是典範轉移，語言層級的題材已漸式微。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;分析：Dynamic Language 有熱起來嗎？&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&lt;img width=&quot;11&quot; height=&quot;11&quot; src=&quot;http://www.google.com/trends/images/dot1.gif&quot;/&gt; &lt;span style=&quot;COLOR: #4684ee&quot;&gt;python&lt;/span&gt; &lt;img width=&quot;11&quot; height=&quot;11&quot; src=&quot;http://www.google.com/trends/images/dot2.gif&quot;/&gt; &lt;span style=&quot;COLOR: #dc3912&quot;&gt;php&lt;/span&gt; &lt;img width=&quot;11&quot; height=&quot;11&quot; src=&quot;http://www.google.com/trends/images/dot3.gif&quot;/&gt; &lt;span style=&quot;COLOR: #ff9900&quot;&gt;perl&lt;/span&gt; &lt;img width=&quot;11&quot; height=&quot;11&quot; src=&quot;http://www.google.com/trends/images/dot4.gif&quot;/&gt; &lt;span style=&quot;COLOR: #008000&quot;&gt;ruby&lt;/span&gt; &lt;img width=&quot;11&quot; height=&quot;11&quot; src=&quot;http://www.google.com/trends/images/dot5.gif&quot;/&gt; &lt;span style=&quot;COLOR: #4942cc&quot;&gt;javascript&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;img width=&quot;580&quot; height=&quot;260&quot; src=&quot;http://www.google.com/trends/viz?q=python%2C+php%2C+perl%2C+ruby%2C+javascript&amp;amp;date=all&amp;amp;geo=all&amp;amp;graph=weekly_img&amp;amp;ctab=0&amp;amp;sa=N&quot;/&gt;&lt;br/&gt;&lt;br/&gt;從 News Reference 的顯示，PHP 及 Ruby 均有一群推手熱情提倡。但從 Search valumn 來看，網民的反應或關注並沒有明確的成長。而明顯逐漸被冷落的，包括 Perl、PHP 及 Javascript。喔！在 Ajax 當道的今日，Javascript 的熱度消退了？是因為大家覺得 Javascript 太基本了嗎？還是直接交給某些 Framework 處理掉就得了呢？&lt;/p&gt;&lt;p&gt;&lt;strong&gt;分析：Web (2.0) 的技術支撐&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&lt;img width=&quot;11&quot; height=&quot;11&quot; border=&quot;0&quot; src=&quot;http://www.google.com/trends/images/dot1.gif&quot;/&gt; &lt;span style=&quot;COLOR: #4684ee&quot;&gt;ria&lt;/span&gt; &lt;img width=&quot;11&quot; height=&quot;11&quot; border=&quot;0&quot; src=&quot;http://www.google.com/trends/images/dot2.gif&quot;/&gt; &lt;span style=&quot;COLOR: #dc3912&quot;&gt;ajax&lt;/span&gt; &lt;img width=&quot;11&quot; height=&quot;11&quot; border=&quot;0&quot; src=&quot;http://www.google.com/trends/images/dot3.gif&quot;/&gt; &lt;span style=&quot;COLOR: #ff9900&quot;&gt;css&lt;/span&gt; &lt;img width=&quot;11&quot; height=&quot;11&quot; border=&quot;0&quot; src=&quot;http://www.google.com/trends/images/dot4.gif&quot;/&gt; &lt;span style=&quot;COLOR: #008000&quot;&gt;javascript&lt;/span&gt; &lt;img width=&quot;11&quot; height=&quot;11&quot; border=&quot;0&quot; src=&quot;http://www.google.com/trends/images/dot5.gif&quot;/&gt; &lt;span style=&quot;COLOR: #4942cc&quot;&gt;rails&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;table cellpadding=&quot;0&quot; width=&quot;100%&quot; cellspacing=&quot;0&quot; border=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td width=&quot;1%&quot; valign=&quot;top&quot;&gt;&lt;div style=&quot;OVERFLOW: hidden; WIDTH: 580px&quot; id=&quot;graphcontainer&quot;&gt;&lt;img width=&quot;580&quot; height=&quot;260&quot; src=&quot;http://www.google.com/trends/viz?q=+ria+,+ajax++,css+,javascript,+rails++&amp;amp;date=all&amp;amp;geo=all&amp;amp;graph=weekly_img&amp;amp;ctab=0&amp;amp;sa=N&quot;/&gt;&lt;/div&gt;&lt;p&gt;剛說到 Javascript 熱度消退，可能是因為大家對它越來越熟悉了。而其他相關的 Web 技術，由上圖可看出：CSS 逐漸受到一群人的重視--Web 2.0 的時代，大家越來越重視外表嗎？光只靠外表，就快比上能幹活的 Javascript 了。&lt;/p&gt;&lt;p&gt;Ajax 的推手極盡倡導之能，社群的反應不錯。RIA 也有許多人提，可是反應就比 Ajax 差了些--是因為 Ajax 聽起來像帥哥的名字，而 RIA 聽起是一種醫療技術的原因嗎？Rails 呢？嗯~ 有反應。&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;分析：各種訊息交換的社群型式&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&lt;img width=&quot;11&quot; height=&quot;11&quot; src=&quot;http://www.google.com/trends/images/dot1.gif&quot;/&gt; &lt;span style=&quot;COLOR: #4684ee&quot;&gt;blog&lt;/span&gt; &lt;img width=&quot;11&quot; height=&quot;11&quot; src=&quot;http://www.google.com/trends/images/dot2.gif&quot;/&gt; &lt;span style=&quot;COLOR: #dc3912&quot;&gt;wiki&lt;/span&gt; &lt;img width=&quot;11&quot; height=&quot;11&quot; src=&quot;http://www.google.com/trends/images/dot3.gif&quot;/&gt; &lt;span style=&quot;COLOR: #ff9900&quot;&gt;forum&lt;/span&gt; &lt;img width=&quot;11&quot; height=&quot;11&quot; src=&quot;http://www.google.com/trends/images/dot4.gif&quot;/&gt; &lt;span style=&quot;COLOR: #008000&quot;&gt;bbs&lt;/span&gt; &lt;img width=&quot;11&quot; height=&quot;11&quot; src=&quot;http://www.google.com/trends/images/dot5.gif&quot;/&gt; &lt;span style=&quot;COLOR: #4942cc&quot;&gt;irc&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;img width=&quot;580&quot; height=&quot;260&quot; src=&quot;http://www.google.com/trends/viz?q=blog%2C+wiki%2C+forum%2C+bbs%2C+irc&amp;amp;date=all&amp;amp;geo=all&amp;amp;graph=weekly_img&amp;amp;ctab=0&amp;amp;sa=N&quot;/&gt;&lt;br/&gt;&lt;br/&gt;接著來看看各種訊息交換的社群型式，這裡我試了 blog, wiki, forum, bbs 及 irc。由這裡可看到，blog 這一兩年來的熱度一直在穩定中求發展，而 wiki 則從 2006 年起有突然增溫的現象。另外從 web 1.0 時代就存在的討論群 forum，我想由於它也符合某些 web 2.0 的精神，其熱度並不曾稍減。至於鎖定特定族群的 bbs 與 irc，在 bbs 這邊可能是因為有太多的可取代性，而呈現下滑。而 irc 可能因為其專業性與即時性，熱度並未明顯衰退，難能可貴。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;分析：大哥所推出的特殊應用&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&lt;img width=&quot;11&quot; height=&quot;11&quot; src=&quot;http://www.google.com/trends/images/dot1.gif&quot;/&gt; &lt;span style=&quot;COLOR: #4684ee&quot;&gt;gmail&lt;/span&gt; &lt;img width=&quot;11&quot; height=&quot;11&quot; src=&quot;http://www.google.com/trends/images/dot2.gif&quot;/&gt; &lt;span style=&quot;COLOR: #dc3912&quot;&gt;flickr&lt;/span&gt; &lt;img width=&quot;11&quot; height=&quot;11&quot; src=&quot;http://www.google.com/trends/images/dot3.gif&quot;/&gt; &lt;span style=&quot;COLOR: #ff9900&quot;&gt;youtube&lt;/span&gt; &lt;img width=&quot;11&quot; height=&quot;11&quot; src=&quot;http://www.google.com/trends/images/dot4.gif&quot;/&gt; &lt;span style=&quot;COLOR: #008000&quot;&gt;facebook&lt;/span&gt; &lt;img width=&quot;11&quot; height=&quot;11&quot; src=&quot;http://www.google.com/trends/images/dot5.gif&quot;/&gt; &lt;span style=&quot;COLOR: #4942cc&quot;&gt;wikipedia&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;img width=&quot;580&quot; height=&quot;260&quot; src=&quot;http://www.google.com/trends/viz?q=gmail,+flickr,+youtube,+facebook,+wikipedia&amp;amp;date=all&amp;amp;geo=all&amp;amp;graph=weekly_img&amp;amp;ctab=0&amp;amp;sa=N&quot;/&gt;&lt;/p&gt;&lt;p&gt;這裡把 Flickr 跟 Youtube 放在同一張圖表上，很明顯看出，同樣是占頻寬占硬碟的事業，Youtube 顯然受到比較多關愛的眼神。當然我們不能以此驟下斷言說買下這兩家公司的那兩家大哥大所做的決定是否聰明…&lt;/p&gt;&lt;p&gt;這裡我把 GMail、Wekipedia 及 Youtube 擺在一起，我想找出一種可能 (當然除了應用的本身是否容易吸引人之外)，是否真能透過「網路服務與使用者」及「使用者間」的連結關係 (1 對 1、1 對多、多對多)，印證出該服務在成長上的數學關係 (常數、乘數、指數)。不過，大家看看圖，了解我的意思就好，太嚴肅的分析已超越本文的範圍。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;延伸閱讀：&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://cdnet.stpi.org.tw/techroom/analysis/pat_B038.htm&quot;&gt;產業策略評析：我知道你在想什麼- 談 Google Trends&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.google.com/intl/en/trends/about.html&quot;&gt;About Google Trends&lt;/a&gt;&lt;br/&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p class=&quot;zoundry_bw_tags&quot;&gt;  &lt;!-- Tag links generated by Zoundry Blog Writer. Do not manually edit. http://www.zoundry.com --&gt;  &lt;span class=&quot;ztags&quot;&gt;&lt;span class=&quot;ztagspace&quot;&gt;Technorati&lt;/span&gt; : &lt;a href=&quot;http://technorati.com/tag/Google%20Trends&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;Google Trends&lt;/a&gt;, &lt;a href=&quot;http://technorati.com/tag/analysis&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;analysis&lt;/a&gt;, &lt;a href=&quot;http://technorati.com/tag/programming&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;programming&lt;/a&gt;, &lt;a href=&quot;http://technorati.com/tag/trends&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;trends&lt;/a&gt;, &lt;a href=&quot;http://technorati.com/tag/web%202.0&quot; class=&quot;ztag&quot; rel=&quot;tag&quot;&gt;web 2.0&lt;/a&gt;&lt;/span&gt; &lt;/p&gt;
</description>
</item>
<item>
<guid isPermaLink="true">http://nettrace.blogspirit.com/archive/2007/02/28/小試-gwt.html</guid>
<title>小試 GWT</title>
<link>http://nettrace.blogspirit.com/archive/2007/02/28/小試-gwt.html</link>
<author>noreply@blogspirit.com (Edward HSIEH)</author>
<category>Developing</category>
<category>Web</category>
<pubDate>Wed, 28 Feb 2007 22:45:00 +0800</pubDate>
<description>
&lt;div class=&quot;asset-body&quot;&gt; &lt;p&gt;早上為了試了一下 &lt;a href=&quot;http://code.google.com/webtoolkit/&quot;&gt;GWT&lt;/a&gt;，找到了一個在 Eclipse 上開發 &lt;a href=&quot;http://code.google.com/webtoolkit/&quot;&gt;GWT&lt;/a&gt; 的 plugin -- &lt;a href=&quot;http://www.googlipse.com/&quot;&gt;googlipse&lt;/a&gt;。&lt;a href=&quot;http://www.googlipse.com/&quot;&gt;googlipse&lt;/a&gt; 的安裝與使用可參考其 &lt;a href=&quot;http://www.googlipse.com/docs.html&quot; target=&quot;content_frame&quot;&gt;Docs&lt;/a&gt; 說明，它的確可以簡化專案的建立以及開發 remote services 之類的工作。要注意的是，以 &lt;a href=&quot;http://www.googlipse.com/&quot;&gt;googlipse&lt;/a&gt; 開發 &lt;a href=&quot;http://code.google.com/webtoolkit/&quot;&gt;GWT&lt;/a&gt; 專案時，不論是專案名稱專案所在路徑，都要避免有空白字元，否則以 host mode 執行時會有異常。另外，如果在 &lt;a href=&quot;http://code.google.com/webtoolkit/&quot;&gt;GWT&lt;/a&gt; 的 UI class 檔直接輸入中文字串，執行時會變成亂碼。得要用它提供的、正式的 I18N 支援，才能避免這種狀況。&lt;/p&gt; &lt;p&gt;另一個問題是，我發現使用 tabpanel 時，&lt;a href=&quot;http://code.google.com/webtoolkit/&quot;&gt;GWT&lt;/a&gt; 預設的 style 並不會把 tab 的形狀畫來。查看了一下文件，得知它採用正常 css stylesheet，而且 stylesheet 檔案，必須在 ProjectName.gwt.xml 設定檔裡面指定才行。我發現 UI 用 Java coding，而 style 卻用 css，在使用上，需要有一點磨練，才能適應其間的心智轉換。&lt;/p&gt; &lt;p&gt;整個測試後，感覺是開發上並不困難，但是可用的元件卻不多, 像我最想用的 splitpane 就找不到。當然也就別提有類似 treetable, richeditor 這類比較進階的元件。另外，雖然 &lt;a href=&quot;http://code.google.com/webtoolkit/&quot;&gt;GWT&lt;/a&gt; 網站上已經有一些文件描述 &lt;a href=&quot;http://code.google.com/webtoolkit/&quot;&gt;GWT&lt;/a&gt; 的用法，但整體上來講它的文件並不算豐富。很多設定或用法，還是需要詳讀內附的幾個範例程式，並自行測試才能解決。&lt;/p&gt; &lt;p&gt;至於 &lt;a href=&quot;http://code.google.com/webtoolkit/&quot;&gt;GWT&lt;/a&gt; 是不是已經 production ready 了呢？可以說要寫出 rss reader, bookmark manager 這類應用是沒問題的。對我而言，若要能發揮 &lt;a href=&quot;http://code.google.com/webtoolkit/&quot;&gt;GWT&lt;/a&gt; 的開發效能，應該要一個禮拜的磨合期吧--若我真有機會使用 &lt;a href=&quot;http://code.google.com/webtoolkit/&quot;&gt;GWT&lt;/a&gt; 開發系統的話!&lt;/p&gt; &lt;/div&gt;
</description>
</item>
<item>
<guid isPermaLink="true">http://nettrace.blogspirit.com/archive/2007/02/01/我的一點-thunderbird-使用訣竅.html</guid>
<title>我的一點 Thunderbird 使用訣竅</title>
<link>http://nettrace.blogspirit.com/archive/2007/02/01/我的一點-thunderbird-使用訣竅.html</link>
<author>noreply@blogspirit.com (Edward HSIEH)</author>
<category>Goodies</category>
<category>Lifehacks</category>
<category>Thinking</category>
<category>Web</category>
<pubDate>Thu, 01 Feb 2007 14:23:50 +0800</pubDate>
<description>
自從進入目前公司後，我便一直以 Thunderbird 作為我的 email client，算算時間也三年半以上。這一路走來，我發展了許多 Tunderbird 的應用密技，我想有許多可能是別人沒想過要這樣用的，特別發表出來，與各位分享。&lt;b&gt;&lt;br /&gt; &lt;br /&gt; (一) 利用 Message Filter, 將所有不在 Personal Address Book 中的來信，全部移到 Junk 信件夾&lt;/b&gt;&lt;br /&gt; &lt;br /&gt; 因為垃圾信實在太多，只好使出這招釜底抽薪的方式。如果是業務、專案上的初次來信，通常事先會透過電話連絡。此時只要手動自 Junk 中移回 Inbox，再將寄件人加入 Address Book，下次即不會再跑到 Junk box 中。&lt;br /&gt; &lt;b&gt;&lt;br /&gt; (二) 快速安裝 extension 的方式&lt;/b&gt;&lt;br /&gt; &lt;br /&gt; 在 https://addons.mozilla.org/thunderbird/ 裡面找到所要安裝的 extensions 後, 在網頁的 Install Now 按鈕上選右鍵，選 &quot;複製連結網址&quot;。然後打開 Thunderbird&amp;nbsp; 的 Add-ons 管理員，按 Install，在 Select an extension to install 檔案對話窗中，在檔名文字欄位按 Ctrl+V 貼上 extension URL，再按下開啟，就會進行安裝程序。&lt;br /&gt; &lt;br /&gt; &lt;b&gt;(三) 用 7-zip 來修改 extension 的安裝資訊&lt;/b&gt;&lt;br /&gt; &lt;br /&gt; 如果你也是嚐鮮一族，已在使用 Thunderbird 2.0，那麼你將遭遇最大的問題極可能是 extension 版本的不支援。如果你願意碰碰運氣，可採用下面這種作法：&lt;br /&gt; &lt;br /&gt; 1. 以 7-zip 開啟 extension 的 xpi 或 jar 檔案&lt;br /&gt; 2. 在壓縮檔案的 install.rdf 按右鍵選編輯&lt;br /&gt; 3. 7-zip 會以你設定的編輯器開啟 install.rdf，找到類似以下這一段，將其中的 em:maxVersion 元素值調整到你的 Thunderbird 版本以上，例如 2.*，然後存檔，關閉編輯器&lt;br /&gt; &lt;br /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;em:targetApplication&amp;gt;&lt;br /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;Description&amp;gt;&lt;br /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;em:id&amp;gt;{ec8030f7-c20a-464f-9b0e-13a3a9e97384}&amp;lt;/em:id&amp;gt;&lt;br /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;em:minVersion&amp;gt;1.0&amp;lt;/em:minVersion&amp;gt;&lt;br /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;em:maxVersion&amp;gt;1.5.*&amp;lt;/em:maxVersion&amp;gt;&lt;br /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/Description&amp;gt;&lt;br /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/em:targetApplication&amp;gt;&lt;br /&gt; &lt;br /&gt; 4. 7-zip 將提示你檔案已被修改過，是否要更新壓縮檔之訊息，請選擇確定，然後重新安裝 extension 即可。&lt;br /&gt; &lt;br /&gt; &lt;b&gt;(四) 用 Plaxo 同步通訊錄&lt;/b&gt;&lt;br /&gt; &lt;br /&gt; 不曉得你有沒有因為重灌電腦而遺失通訊錄的經驗呢？重灌電腦時，我通常會記得備份信件，但是聯絡人卻老是因忘了備份通訊錄而流失。&lt;br /&gt; &lt;br /&gt; Plaxo 是一個線上服務，提供通訊錄、行程、作業及記事管理等諸多功能。對於 Thunderbird 而言，最實用的地方在於它提供&lt;a href=&quot;http://www.plaxo.com/downloads/tbird&quot;&gt;通訊錄同步的 extension&lt;/a&gt;。我把 Plaxo 當成是我的通訊錄管理員，因為它支援了匯整、備份、同步聯絡人的功能：&lt;br /&gt; &lt;ul&gt; &lt;li&gt;匯整：我把 MSN、Yahoo!、GMail 上所有的連絡人全數匯入 Plaxo 中&lt;/li&gt; &lt;li&gt;備份：經上述匯整後，Plaxo 成為我唯一一個需要維護通訊錄的地方。因為在資料存在 Server 上，只在 Plaxo 還在，我永遠不怕通訊錄再次流失&lt;/li&gt; &lt;li&gt;同步：因為使用多台電腦，而且我在不同的地方都裝有 Thunderbird，我可以透過 Plaxo 同步不同機器上的連絡人&lt;/li&gt; &lt;/ul&gt; &lt;br /&gt; 在 Thunderbird 2.0 上安裝 Plaxo，由於 &lt;a href=&quot;http://www.plaxo.com/downloads/tbird&quot;&gt;Plaxo Thunderbird Extension&lt;/a&gt; 目前只支援到 Thunderbird 1.5，所以請用前述的方法以 7-zip 來修改 extension 的安裝資訊。另外，個人覺得 Plaxo Toolbar 的設計極醜。若要隱藏 Plaxo Toolbar，可在選單列上選擇 PlaxoPreferences，將 Plaxo Preferences 對話窗中的 Show Toolbar check box 取消即可。&lt;br /&gt; &lt;br /&gt; &lt;b&gt;(五) 使用 Duplicate Contacts Manager 移除重複連絡人&lt;/b&gt;&lt;br /&gt; &lt;br /&gt; 當我使用 Plaxo 合併 MSN、Yahoo!、GMail 上的連絡人時，常會造成連絡人重複。透過 &lt;a href=&quot;http://www.sendung.de/duplicatecontactsmanager-for-thunderbird/&quot;&gt;Duplicate Contacts Manager&lt;/a&gt; 這個 extension，可以快速找出重複聯絡人，並選擇保留與移除的項目。在移除重複連絡人後，從選單列執行 PlaxoSync，你會發現 Plaxo 通訊錄裡面重複的連絡人也被移除了。&lt;br /&gt; &lt;br /&gt; &lt;b&gt;(六) 將寄件備份與收件資料夾合併&lt;/b&gt;&lt;br /&gt; &lt;br /&gt; 我將寄件備份放在 Sent 信件夾中，Inbox 用來保留最新的信件。每隔一段時間，我會將 Inbox 裡的信件移到 Sent 信件夾。如此，在 Sent 資料夾中採用 Thread 模式檢視時，我獲得一個類似 GMail 的 Message Thread 介面，可以很方便的看到發信與回信的脈胳。&lt;br /&gt; &lt;br /&gt; &lt;b&gt;(七) 將老舊的信件移存到不同的信件夾中&lt;/b&gt;&lt;br /&gt; &lt;br /&gt; 將較老舊的信件，以年為單位封存到不同的信件夾之中，可以避免掉 Thunderbird 同一信件夾不得大於 4G 的限制。&lt;br /&gt; &lt;br /&gt; &lt;b&gt;(八) 使用 Remove Duplicate Messages 移除重複信件&lt;/b&gt;&lt;br /&gt; &lt;br /&gt; 有時在不同的信件夾間複製或移動信件後，會造成同一資料夾內信件重複的狀況。使用 &lt;a href=&quot;https://addons.mozilla.org/thunderbird/956/&quot;&gt;Remove Duplicate Messages&lt;/a&gt; 這個 extension，可以快速的刪除重複的信件。在信件刪除完畢後，別忘了在該資料夾上執行 Compact，如此才能真正的減少信件檔案的儲存空間。&lt;br /&gt; &lt;br /&gt; &lt;b&gt;(九) 善用 To(收件人) 或 Subject 信件表頭欄位分類信件&lt;br /&gt;&lt;/b&gt;&lt;br /&gt; 我知道 Thunderbird 2.0 已正式加入對 Tag 的支援。但是我所採用的方式，不但適用於 Thunderbird 1.x，而且比之 Tag 的操作更為簡易。作法很簡單：在編輯新信時，我會把 To 欄位拿來輸入分類關鍵字，我稱為 To tags。例如，這篇 blog 就是在 Thunderbird 中編寫的。我將此信件的 To 欄位分別加上 blog, note, thunderbird 三行。如果是內收信件，就需要 &lt;a href=&quot;https://addons.mozilla.org/thunderbird/875/&quot;&gt;TB Header Tools Extension&lt;/a&gt; 這樣的 extension 才能更改信件表頭。對於內收信件，我通常會透過修改 Subject 的方式，來分類信件，如 [Project:Company].... 這樣的格式。&lt;br /&gt; &lt;br /&gt; &lt;b&gt;(十) 善用 Search&amp;nbsp; Folder&amp;nbsp; 建立分類檢視&lt;/b&gt;&lt;br /&gt; &lt;br /&gt; Draft 信件夾原本放置外寄信件的草稿，在我為信件加上 To tags 後，它變成個人記事資料夾。我進一步為 Draft 信件夾建立各種查詢條件的 Search&amp;nbsp; Folder 來設定分類檢視。例如我有個 Search&amp;nbsp; Folder 名為 &quot;部落記事&quot;，其查詢條件為 &quot;to Contains blog&quot;；另有個 &quot;生活記事&quot; 則對應為 &quot;to Contains diary&quot;。當然，透過 Search Folder 可建立更複雜的查詢條件。&lt;br /&gt; &lt;br /&gt; 同樣的，專案的分類檢視也可透過建立 Search Folder 為之，只是查詢條件會變成 &quot;subject Contains Project:Company&quot; 這樣的型式。&lt;br /&gt; &lt;br /&gt; &lt;b&gt;(11) 拿 Drafts 信件夾當記事薄&lt;/b&gt;&lt;br /&gt; &lt;br /&gt; 之所以拿 Drafts 信件夾當記事薄，而非別的信件夾的原因是：預設 Thunderbird 所有新信存檔時都會存放在 Drafts 信件夾中。你可以在 Drafts 信件夾重複編輯信件，而不用擔心它會跑到別處。要 Tag 分類的功能，可用上述的 To tags；要樹狀分類的功能，則可用 Subfolder 結合 Search Folder。&lt;br /&gt; &lt;br /&gt; 當初會想用 Thunderbird 來做記事管理，另一個原因是它的 Rich Editor 功能實在做的太好。而信件又可夾帶附檔，加入圖片。再說，除非你只用 Web Mail，否則電腦裡極可能需要一套 email client，既是如此，那何不就把它的應用效益最大化，這樣又少了需要另外安裝記事軟體的需求。
</description>
</item>
<item>
<guid isPermaLink="true">http://nettrace.blogspirit.com/archive/2006/11/11/殺雞用牛刀-拿部落格來寫記事.html</guid>
<title>殺雞用牛刀--拿部落格來寫記事</title>
<link>http://nettrace.blogspirit.com/archive/2006/11/11/殺雞用牛刀-拿部落格來寫記事.html</link>
<author>noreply@blogspirit.com (Edward HSIEH)</author>
<category>Goodies</category>
<category>Lifehacks</category>
<category>Thinking</category>
<category>Web</category>
<pubDate>Mon, 13 Nov 2006 14:39:21 +0800</pubDate>
<description>
&lt;p&gt;本想要在網路上找一些記事服務來用。在幾經比較之下，&lt;a href=&quot;http://www.notefish.com/projects.php&quot;&gt;NoteFish&lt;/a&gt; 跟 &lt;a href=&quot;http://www.stikkit.com/&quot;&gt;stikkit&lt;/a&gt; 是我比較中意的對象。雖然這兩者已經是記事服務的一時之選，可卻都還是有他們各自的限制(例如都不支援 WYSIWYG 編輯)。幾經思量之下，我還是覺定拿部落格來當作記事軟體。&lt;/p&gt;&lt;p&gt;既然要作為記事用途，部落格服務必需具備某些條件才行。以下是我的查驗清單：&lt;br/&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;支援分類，最好是 category 跟 tag 都支援&lt;/li&gt;&lt;li&gt;支援 WYSIWYG 編輯&lt;/li&gt;&lt;li&gt;支援 private post。記事跟 blog 最為不同的地方，是記事大部分是寫給自己看的，而 blog 則是一種對外發聲的管道。&lt;/li&gt;&lt;li&gt;速度別太慢。&lt;/li&gt;&lt;li&gt;可時指定記事的時間，若能把時間指定在未來，就可以透過這種方法將某記事置頂。&lt;/li&gt;&lt;/ul&gt;我大概比較了國外幾個知名的 blog 服務: &lt;a href=&quot;http://beta.blogger.com/&quot;&gt;Blogger Beta&lt;/a&gt;, &lt;a href=&quot;http://www.wordpress.com/&quot;&gt;WordPress&lt;/a&gt;, &lt;a href=&quot;http://dandelife.com/&quot;&gt;Dandelife.com&lt;/a&gt; 及 &lt;a href=&quot;http://www.vox.com/&quot;&gt;Vox&lt;/a&gt;。最後屏雀中選的是 &lt;a href=&quot;http://www.vox.com/&quot;&gt;Vox&lt;/a&gt;，原因是：&lt;br/&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://www.vox.com/&quot;&gt;Vox&lt;/a&gt; 的操作反應極快，也許是因為這個服務剛 announce，使用的人還不多的原因吧！&lt;/li&gt;&lt;li&gt;上述的查驗項目都符合。雖然 &lt;a href=&quot;http://www.vox.com/&quot;&gt;Vox&lt;/a&gt; 只支援 tag 分類，不支援傳統的樹狀結構目錄分類 :(&lt;/li&gt;&lt;li&gt;極為注重隱私，可以加入家庭跟朋友的關係。&lt;/li&gt;&lt;li&gt;可以在現在 post 未來的文章。用這種方式可以用來設定某個 deadline，時時提醒自己，相當於是一種簡易排程記事。&lt;/li&gt;&lt;/ul&gt;至於 &lt;a href=&quot;http://beta.blogger.com/&quot;&gt;Blogger Beta&lt;/a&gt; 跟 &lt;a href=&quot;http://www.wordpress.com/&quot;&gt;WordPress&lt;/a&gt; 敗下陣來的原因為：&lt;br/&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://beta.blogger.com/&quot;&gt;Blogger Beta&lt;/a&gt;：Private 或 Friend Only post 是以一整個 blog 來作設定，無法針對每篇文章。&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://dandelife.com/&quot;&gt;Dandelife.com&lt;/a&gt;：Time line 的概念很棒，可是使用 tag 瀏覽時，不知怎的就是會一直瀏覽到大家的 tag。在 IE 及 firefox 上顯示都有怪怪的…&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.wordpress.com/&quot;&gt;WordPress&lt;/a&gt;：速…度…極…慢…慢…慢…&lt;/li&gt;&lt;/ul&gt;如果網友試過其他在網路上的記事方式，也歡迎一起討論。
</description>
</item>
</channel>
</rss>