<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2chinesetwfull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:creativeCommons="http://backend.userland.com/creativeCommonsRssModule" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">
<channel>
<title>O3noBLOG</title>
<link>http://blog.othree.net/</link>
<description />
<copyright>Copyright 2009</copyright>
<lastBuildDate>2009-09-30 20:51</lastBuildDate>
<generator>http://www.movabletype.org/?v=4.3-en</generator>
<docs>http://blogs.law.harvard.edu/tech/rss</docs> 


<creativeCommons:license>http://creativecommons.org/licenses/by/2.5/</creativeCommons:license><image><link>http://creativecommons.org/licenses/by/2.5/</link><url>http://creativecommons.org/images/public/somerights20.gif</url><title>Some Rights Reserved</title></image><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/othree" type="application/rss+xml" /><feedburner:feedFlare href="http://add.my.yahoo.com/rss?url=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif">Subscribe with My Yahoo!</feedburner:feedFlare><feedburner:feedFlare href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.newsgator.com/images/ngsub1.gif">Subscribe with NewsGator</feedburner:feedFlare><feedburner:feedFlare href="http://feeds.my.aol.com/add.jsp?url=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://o.aolcdn.com/favorites.my.aol.com/webmaster/ffclient/webroot/locale/en-US/images/myAOLButtonSmall.gif">Subscribe with My AOL</feedburner:feedFlare><feedburner:feedFlare href="http://www.bloglines.com/sub/http://feeds.feedburner.com/othree" src="http://www.bloglines.com/images/sub_modern11.gif">Subscribe with Bloglines</feedburner:feedFlare><feedburner:feedFlare href="http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.netvibes.com/img/add2netvibes.gif">Subscribe with Netvibes</feedburner:feedFlare><feedburner:feedFlare href="http://fusion.google.com/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://buttons.googlesyndication.com/fusion/add.gif">Subscribe with Google</feedburner:feedFlare><feedburner:feedFlare href="http://www.pageflakes.com/subscribe.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.pageflakes.com/ImageFile.ashx?instanceId=Static_4&amp;fileName=ATP_blu_91x17.gif">Subscribe with Pageflakes</feedburner:feedFlare><feedburner:feedFlare href="http://www.plusmo.com/add?url=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://plusmo.com/res/graphics/fbplusmo.gif">Subscribe with Plusmo</feedburner:feedFlare><feedburner:feedFlare href="http://www.thefreedictionary.com/_/hp/AddRSS.aspx?http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://img.tfd.com/hp/addToTheFreeDictionary.gif">Subscribe with The Free Dictionary</feedburner:feedFlare><feedburner:feedFlare href="http://www.bitty.com/manual/?contenttype=rssfeed&amp;contentvalue=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.bitty.com/img/bittychicklet_91x17.gif">Subscribe with Bitty Browser</feedburner:feedFlare><feedburner:feedFlare href="http://www.newsalloy.com/?rss=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.newsalloy.com/subrss3.gif">Subscribe with NewsAlloy</feedburner:feedFlare><feedburner:feedFlare href="http://www.live.com/?add=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://tkfiles.storage.msn.com/x1piYkpqHC_35nIp1gLE68-wvzLZO8iXl_JMledmJQXP-XTBOLfmQv4zhj4MhcWEJh_GtoBIiAl1Mjh-ndp9k47If7hTaFno0mxW9_i3p_5qQw">Subscribe with Live.com</feedburner:feedFlare><feedburner:feedFlare href="http://mix.excite.eu/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://image.excite.co.uk/mix/addtomix.gif">Subscribe with Excite MIX</feedburner:feedFlare><feedburner:feedFlare href="http://www.yourminis.com/subscribe.aspx?u=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.yourminis.com/images/addtoyourminisbadge.gif">Subscribe with Yourminis.com</feedburner:feedFlare><feedburner:feedFlare href="http://download.attensa.com/app/get_attensa.html?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.attensa.com/blogs/attensa/WindowsLiveWriter/BadgeredintoBadges_10C02/attensa_feed_button5.gif">Subscribe with Attensa for Outlook</feedburner:feedFlare><feedburner:feedFlare href="http://www.webwag.com/wwgthis.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.webwag.com/images/wwgthis.gif">Subscribe with Webwag</feedburner:feedFlare><feedburner:feedFlare href="http://hub.netomat.net/account/account.autoSubscribe.jspa?urls=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.netomat.net/blogger/images/icon_netomat_feedbutton.gif">Subscribe with netomat Hub</feedburner:feedFlare><feedburner:feedFlare href="http://www.podcastready.com/oneclick_bookmark.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.podcastready.com/images/podcastready_button.gif">Subscribe with Podcast Ready</feedburner:feedFlare><feedburner:feedFlare href="http://www.flurry.com/pushRssFeed.do?r=fb&amp;url=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.flurry.com/images/flurry_rss_logo2.gif">Subscribe with Flurry</feedburner:feedFlare><feedburner:feedFlare href="http://www.wikio.com/subscribe?url=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.wikio.com/shared/img/add2wikio.gif">Subscribe with Wikio</feedburner:feedFlare><feedburner:feedFlare href="http://www.dailyrotation.com/index.php?feed=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.dailyrotation.com/rss-dr2.gif">Subscribe with Daily Rotation</feedburner:feedFlare><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item>
<title>json2.js 和 toJSON()</title>
<description>&lt;p&gt;對 &lt;a href="http://www.json.org/"&gt;&lt;span class="caps"&gt;JSON&lt;/span&gt;&lt;/a&gt; 有認識加上有寫過 JavaScript 來處理 &lt;span class="caps"&gt;JSON &lt;/span&gt;的人或許都知道 &lt;a href="http://www.json.org/js.html"&gt;json2.js&lt;/a&gt; 這個 &lt;a href="http://www.crockford.com/"&gt;Douglas Crockford&lt;/a&gt; 寫的 &lt;span class="caps"&gt;JSON &lt;/span&gt;處理器，他可以安全的轉換 &lt;span class="caps"&gt;JSON &lt;/span&gt;和 JavaScript 的物件，不過我因為資料封裝的問題，希望能自己實作子物件的 toJSON function，本來看了一下 json2.js 的原始碼以為他可以支援，不過實際測試後才發現直接用 json2.js 會造成 toJSON 函式產生的字串會多過一次 quote 的動作，舉例來說 {"a":3} 會被轉成 "{\"a\":3}" ，結果就是造成轉回物件的時候得到錯誤的結果，為了處理這個問題，我寫了 &lt;a href="http://orz.othree.net/lib/tojson/tojson.js"&gt;一個 function&lt;/a&gt; 來包 json2.js，用法可以參考 &lt;a href="http://orz.othree.net/lib/tojson/test.html"&gt;test&lt;/a&gt; 頁的原始碼，不過簡單說，就是把物件丟給他，他會傳回一個 function，執行這個 function 就會得到 &lt;span class="caps"&gt;JSON &lt;/span&gt;格式字串，當然子物件有 toJSON 的話就會先用它，沒的話才會用 &lt;span class="caps"&gt;JSON.&lt;/span&gt;stringify 。&lt;/p&gt;

&lt;p&gt;不過使用上有個小小的安全性問題要注意，我是假設 toJSON 傳回的字串是安全的，當然這樣假設很危險，所以我自己的物件實作 toJSON 時也是把想要傳回的物件先建立起來，然後丟給 &lt;span class="caps"&gt;JSON.&lt;/span&gt;stringify ，如果考慮到自己的子物件也有實作 toJSON 的話，那丟給我寫的 toJSON 也是可以的。&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=3wRwWudrUic:tAMKT4LngMU:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=3wRwWudrUic:tAMKT4LngMU:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=3wRwWudrUic:tAMKT4LngMU:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=3wRwWudrUic:tAMKT4LngMU:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=3wRwWudrUic:tAMKT4LngMU:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/3wRwWudrUic" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/3wRwWudrUic/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/09/30/json2js-and-tojson/</guid>
<category>script</category>
<pubDate>2009-09-30 20:51</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/09/30/json2js-and-tojson/</feedburner:origLink></item>

<item>
<title>Screen 支援 256 色</title>
<description>&lt;p&gt;之前把 &lt;a href="http://blog.othree.net/log/2008/10/19/256-color-terminal/"&gt;256色終端機環境弄好後&lt;/a&gt; 一直還有個問題，就是跑 screen 的話，screen 裡面的 bash 還是沒有 256 色，本來一直以為是 $TERM 和設定的問題，結果剛剛又花時間找資料才發現是我編譯 screen 的時候根本沒開256色的支援編譯前要先 ./configure --enable-colors256&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=z4P-yjhQAPY:TrHh-apfy_Y:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=z4P-yjhQAPY:TrHh-apfy_Y:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=z4P-yjhQAPY:TrHh-apfy_Y:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=z4P-yjhQAPY:TrHh-apfy_Y:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=z4P-yjhQAPY:TrHh-apfy_Y:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/z4P-yjhQAPY" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/z4P-yjhQAPY/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/09/21/screen-256colors/</guid>
<category>software</category>
<pubDate>2009-09-21 11:26</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/09/21/screen-256colors/</feedburner:origLink></item>

<item>
<title>新相機</title>
<description>&lt;p&gt;&lt;a href="http://www.flickr.com/photos/othree/3929252762/" title="Flickr 上 othree 的 My E-P1"&gt;&lt;img src="http://farm4.static.flickr.com/3509/3929252762_abc6883575.jpg" width="500" height="375" alt="My E-P1" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;前陣子入手我的新相機了，我的第一台數位相機是 Fujifilm &lt;span class="caps"&gt;F30&lt;/span&gt;，不過某天弄丟了，事後回想應該是拿出來放忘了放回去，F30 不見後就趕快買了 Fujifilm &lt;span class="caps"&gt;F100&lt;/span&gt;，基本上就當傻瓜相機開自動模式用，手上大部分的照片也都是用它拍的，直到最近才更新到 Olympus E-P1，其實我一直都蠻喜歡亂拍照的，對於玩相機也是一直小有興趣，不過都沒有真的踏進來，一來是因為覺得數位單眼都太大台了，二來是應該很花錢，買了 E-P1 後，真的，很花錢，我本來只是買一棵 14-42 鏡頭組，不過沒多久又買了 17mm 定焦鏡， FL-20 閃燈，還有 Panasonic 的 14-45 kit 鏡，算了一下，多花的錢已經快要可以買第二台了，不過買了這種價位的機器才真的會開始研究和思考怎樣拍的照片才會比較好，順便，當然一定要玩的就是大光圈淺景深啦～～&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.flickr.com/photos/othree/3720559299/" title="Flickr 上 othree 的 Gothic Saber"&gt;&lt;img src="http://farm3.static.flickr.com/2550/3720559299_f70c714f3d.jpg" width="375" height="500" alt="Gothic Saber" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;很幸運的，我爸有台 Canon 的 FD 系統底片相機，兩顆鏡頭都可以轉接到 E-P1 ，其中 50mm 這棵光圈有到 1.8 ，1開頭超爽的，而且手動對焦也別有樂趣，只是轉接起來太大了，雖然如此，COSCUP 時我還是用 17mm 和這棵 50mm 拍完兩天，現在想想還真是拼，以後應該會買轉接環轉接 Leica M 接環的手動鏡吧，活動的話還是希望弄顆標準焦段大光圈的鏡頭來用，而且仔細思考過我最常拍的是室內活動，加上我又不喜歡開閃燈閃人，這種情況還真是需要大光圈啊（看著 f0.95 的鏡頭照片）。&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.flickr.com/photos/othree/3701494464/" title="Flickr 上 othree 的 50mm f1.8"&gt;&lt;img src="http://farm4.static.flickr.com/3604/3701494464_3e85cc24f5.jpg" width="500" height="375" alt="50mm f1.8" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.flickr.com/photos/othree/3823545174/" title="Flickr 上 othree 的 我宅，我色，我舒服"&gt;&lt;img src="http://farm4.static.flickr.com/3590/3823545174_469a19f2eb.jpg" width="500" height="375" alt="我宅，我色，我舒服" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;總之，雖然有些缺點， E-P1 目前用的還蠻舒服的，我也踏上了一條新的學習（灑錢）道路，像是閃燈的使用、腳架配小光圈等等我都還很不熟悉，雖然也不強求，不過還是希望能夠慢慢有些成長和進步，希望以後拍的照片能夠更賞心悅目。&lt;/p&gt;

&lt;p&gt;btw. 我以前不太拍人的，不過最近倒是蠻喜歡拍人笑的 :)&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.flickr.com/photos/othree/3823969736/" title="Flickr 上 othree 的 P8151261"&gt;&lt;img src="http://farm3.static.flickr.com/2579/3823969736_7997f1d021.jpg" width="375" height="500" alt="P8151261" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.flickr.com/photos/othree/3826791148/" title="Flickr 上 othree 的 P8161463"&gt;&lt;img src="http://farm3.static.flickr.com/2613/3826791148_01706d1b76.jpg" width="500" height="375" alt="P8161463" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=Kz3Sy33KY3A:GpU4eq-5fM4:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=Kz3Sy33KY3A:GpU4eq-5fM4:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=Kz3Sy33KY3A:GpU4eq-5fM4:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=Kz3Sy33KY3A:GpU4eq-5fM4:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=Kz3Sy33KY3A:GpU4eq-5fM4:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/Kz3Sy33KY3A" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/Kz3Sy33KY3A/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/09/17/new-camera/</guid>
<category>buy</category>
<pubDate>2009-09-17 23:32</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/09/17/new-camera/</feedburner:origLink></item>

<item>
<title>Vim 儲存完 JavaScript 檔案後自動用 yuicompressor</title>
<description>&lt;p&gt;因為每次存完 js 檔案還要 Ctrl+Z ，然後手動跑 yuicompressor 才能去看效果，有問題還要 fg 回來繼續改，所以我剛剛終於受不了去研究 vim script 了&lt;/p&gt;



&lt;pre&gt;&lt;code&gt;function Yuic ()
    let cwd = expand('&amp;lt;afile&amp;gt;:p:h')
    let nam = expand('&amp;lt;afile&amp;gt;:t:r')
    let ext = expand('&amp;lt;afile&amp;gt;:e')
    if -1 == match(nam, &amp;quot;[\._]src$&amp;quot;)
        let minfname = nam.&amp;quot;.min.&amp;quot;.ext
    else
        let minfname = substitute(nam, &amp;quot;[\._]src$&amp;quot;, &amp;quot;&amp;quot;, &amp;quot;g&amp;quot;).&amp;quot;.&amp;quot;.ext
    endif
    if filewritable(cwd.'/'.minfname)
        execute '!yuicompressor '.cwd.'/'.nam.'.'.ext.' &amp;gt; '.cwd.'/'.minfname
    endif
endfunction
 
autocmd FileWritePost,BufWritePost *.js :call Yuic()
autocmd FileWritePost,BufWritePost *.css :call Yuic()&lt;/code&gt;&lt;/pre&gt;



&lt;p&gt;&lt;del&gt;把上面的指令加到 vimrc 檔裡面就可以了，前兩個分別是會把 blah.src.js, blah_src.js 轉成 blah.js 用的，第三行則是會把 blah.js 檔轉成 blah.min.js ，慎用之～～&lt;/del&gt;&lt;/p&gt;

&lt;p class="update"&gt;&lt;del&gt;加上第四行，會先檢查 blah.min.js 存不存在，存在的話才用 yuicompressor ，另外 code 在 gist 也貼了 &lt;a href="http://gist.github.com/182971"&gt;一份&lt;/a&gt; 。&lt;/del&gt;&lt;/p&gt;

&lt;p class="update"&gt;改版成 function 形式了~~&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=Ln83SiOdJ2o:kvrJMuPLghs:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=Ln83SiOdJ2o:kvrJMuPLghs:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=Ln83SiOdJ2o:kvrJMuPLghs:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=Ln83SiOdJ2o:kvrJMuPLghs:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=Ln83SiOdJ2o:kvrJMuPLghs:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/Ln83SiOdJ2o" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/Ln83SiOdJ2o/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/09/08/vim-js-yuicompressor/</guid>
<category>vim</category>
<pubDate>2009-09-08 22:57</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/09/08/vim-js-yuicompressor/</feedburner:origLink></item>

<item>
<title>TinyMCE Compressor 的 bug</title>
<description>&lt;p&gt;有在 Twitter follow 我的人大概上週五會看到 &lt;a href="http://twitter.com/othree/status/3599802673"&gt;這篇&lt;/a&gt; ，會發出這樣的叫喊其實要回朔到五個月前，那時無知的我還在快樂的試著玩 TinyMCE Compressor，這東西可以減少 TinyMCE 的 &lt;span class="caps"&gt;HTTP&lt;/span&gt; Request 數，減少 loading 時間、頻寬，還可以讓使用者體驗更好，不過那時的我怎樣弄就是弄不成功，沒有錯誤訊息，但是用 FireBug 之類的開發工具檢查 &lt;span class="caps"&gt;HTTP&lt;/span&gt; Request 就是會看到多餘的那些 Request ，百思不得其解，直到上週五經過更嚴密的交叉比對後，終於茅塞頓開，發現問題的癥結，也跟著從內心喊叫出：「 &lt;strong&gt;幹，split 完要 trim 一下啊！！&lt;/strong&gt; 」這句肺腑之言啊。&lt;/p&gt;

&lt;p&gt;狀況是這樣的， TinyMCE 裡面有個地方用來記錄哪些 plugin 已經呼叫過，如果還沒呼叫過，那需要用到時就會建立 Request 來跟 server 要檔案，TinyMCE Compressor 自然也會需要對這個地方作些處理，它會把已經包在檔案內的 plugin 都標註為已經呼叫過的狀態，問題就出在這，我本來用下面的設定：&lt;/p&gt;



&lt;pre&gt;&lt;code&gt;tinyMCE_GZ.init({
	plugins : 'style, layer, table, save'
});&lt;/code&gt;&lt;/pre&gt;



&lt;p&gt;每個逗點後面都有個空白，我覺得這樣的 coding style 也比較好，結果 TinyMCE Compressor 在做 plugin 呼叫註記的時候，沒把空白去掉（不過 php 端可以正確把 plugin 包進來），接著到了正式初始 TinyMCE 時用一樣的 pluing 設定：&lt;/p&gt;



&lt;pre&gt;&lt;code&gt;tinyMCE.init({
	plugins : 'style, layer, table, save'
});&lt;/code&gt;&lt;/pre&gt;



&lt;p&gt;這裡卻有把空白去掉，結果它自己認為這些 plugin 沒呼叫過，就重新呼叫了一次...orz，目前是有去回報 bug ，不過不知道會不會受理，總之有要用 TinyMCE 的就小心逗點後面不要加空白吧。&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=ZiCc0qemrDk:VTGTll20y2s:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=ZiCc0qemrDk:VTGTll20y2s:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=ZiCc0qemrDk:VTGTll20y2s:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=ZiCc0qemrDk:VTGTll20y2s:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=ZiCc0qemrDk:VTGTll20y2s:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/ZiCc0qemrDk" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/ZiCc0qemrDk/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/09/01/tinymce-compressor-bug/</guid>
<category>script</category>
<pubDate>2009-09-01 00:46</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/09/01/tinymce-compressor-bug/</feedburner:origLink></item>

<item>
<title>閃燈</title>
<description>&lt;p&gt;&lt;img src="http://blog.othree.net/log/2009/08/26/flash/28-af-3m.jpg" alt="Metz 28 AF3O" height="200" width="141" /&gt;&lt;/p&gt;

&lt;p&gt;這篇不是應景文，而是最近想買顆閃燈，要求其實也不高，輕便點造型可以接受就好，本來鎖定的是 &lt;a href="http://olympus-imaging.jp/product/dslr/accessory/flash/fl20/index.html"&gt;Olympus FL-20&lt;/a&gt; 的，沒想到辛苦在正確的時間點到達博漢區後，逛了一大圈發現完全缺貨， Olympus 原廠小顆的只有 &lt;a href="http://olympus-imaging.jp/product/dslr/accessory/flash/fl14/index.html"&gt;FL-14&lt;/a&gt; ，不過我不是很喜歡 FL-14 ，規格比較差價錢又貴，而一般 &lt;span class="caps"&gt;DSLR &lt;/span&gt;使用者都是直上 36 或 50 ，回來上網尋找發現不只是博漢區沒貨，整個冏到，只好找其他閃燈了。&lt;/p&gt;

&lt;p&gt;接著在 Mobile01 的 &lt;a href="http://www.mobile01.com/topicdetail.php?f=249&amp;amp;t=1128165&amp;amp;p=2%2312"&gt;E-P1 閃燈選擇&lt;/a&gt; 這篇文章看到 &lt;a href="http://www.metz.de/en/photo-electronics/mecablitz-models/system-flash-units/mecablitz-28-af-3-digital/product-information.html"&gt;Metz 28 &lt;span class="caps"&gt;AF3 &lt;/span&gt;for Olympus&lt;/a&gt; 好像也和我的需求，而且他的 GN 值和打光範圍都比 FL-14, 20 來的好，加上之前的一些文章看起過對 Metz 印象不錯，所以就決定改買這隻，沒想到還有更慘烈的狀況，這隻是世界等級的缺貨，一部分是因為 Metz 出 for Olympus 的貨量都不多，加上 E-P1 效應，我在網路上翻來覆去，只找到一家網站還可以下單，其他像是 Amazon, Ebay 上都完全看不到（有其他系統的，但是 Olympus 的超缺），而且本來這隻大概售價平均在 100 美金，我找到這一家是賣 160 的原價，加運費近來大約要6K台票，其實價錢我是能負擔，只是之前台灣有幾個人賣過只要四千啊 &amp;lt;O&amp;gt; ，總之是下單了，不知道能不能順利拿到就是，加上背帶也拿到的話就可以寫使用心得了～。&lt;/p&gt;

&lt;p class="update"&gt;收到沒貨通知信耶～～～&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=CXp0FigKnxo:buBb1MUCoVQ:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=CXp0FigKnxo:buBb1MUCoVQ:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=CXp0FigKnxo:buBb1MUCoVQ:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=CXp0FigKnxo:buBb1MUCoVQ:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=CXp0FigKnxo:buBb1MUCoVQ:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/CXp0FigKnxo" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/CXp0FigKnxo/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/08/26/flash/</guid>
<category>buy</category>
<pubDate>2009-08-26 00:12</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/08/26/flash/</feedburner:origLink></item>

<item>
<title>卡卡頌 Carcassonne</title>
<description>&lt;p&gt;&lt;a href="http://www.flickr.com/photos/ornoth/436953615/"&gt;&lt;img src="http://blog.othree.net/log/2009/06/17/carcassonne/436953615_6ae5fe331e.jpg" width="400" height="266" alt="" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;之前玩過一次卡卡頌，覺得還不錯，不過也沒特別著迷，後來 &lt;a href="http://blog.xdite.net/?p=1240"&gt;xdite 買大盒板&lt;/a&gt; 的時候我就跟著買了，玩了幾次反而意外的喜歡上，我必須承認卡坦（我第一款真的下去玩的桌上遊戲）也不錯玩，不過我覺得卡卡頌的趣味性比較高，而且另外還有一個優勢，很好學，推廣容易！所以要找人玩到不會太困難（雖然我家裡沒人要跟我玩），問題反而是時間比較少，總之總之，迷上之後三不五時就會開始找一些資料，擴充包介紹，規則講解，還有一些有的沒的，這篇就是要來整理並介紹一下這些東西的。&lt;/p&gt;&lt;p&gt;首先是所有擴充版本和規則，卡卡頌除了一個基本版外，還有各種擴充組合，而這些擴充組合還可以分為大擴充和小擴充，分類依據不是很肯定，不過比較風行的幾個大擴充都會改變遊戲的進行策略，小擴充則不一定。另外就是小擴充目前為止一組最多只有12塊新版塊。再來每種擴充的版塊上都會有小小的浮水印，方便辨識整理用，聽說以前的沒有，不過現在新出的好像都有印了。&lt;/p&gt;

&lt;dl&gt;
&lt;dt&gt;卡卡頌, Carcassonne, 72&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;&lt;a href="http://crazycat1130.pixnet.net/blog/post/1345560"&gt;瘋小貓的卡卡頌介紹&lt;/a&gt;&lt;/p&gt;&lt;/dd&gt;
&lt;/dl&gt;

&lt;h4&gt;大擴充&lt;/h4&gt;
&lt;dl&gt;
&lt;dt&gt;主教, Inns and Cathedrals, Wirtshäuser und Kathedralen, 2002, 18&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;    其實全名是旅館與主教教堂，這兩個東西都分別是可以讓路和城市的分數增加用的，不過副作用是沒完成不算分，那個主教教堂根本是婊人用的， &lt;a href="http://monica0906.pixnet.net/blog/post/21739915"&gt;詳細介紹&lt;/a&gt; 。&lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;小豬, Traders and Builders, Händler und Baumeister, 2003, 24&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;這個擴充多了貨物、小豬、建築師三種東西，我覺得最大的改變是多了幫人完成城堡的動機， &lt;a href="http://www.flickr.com/photos/ornoth/436953615/"&gt;詳細介紹&lt;/a&gt; ，小豬擴充還有付一個抽版塊用的袋子，不過買大盒版的話就沒有了。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.boardgamegeek.com/image/63832"&gt;&lt;img src="http://blog.othree.net/log/2009/06/17/carcassonne/1219907584800345382.jpg" width="400" height="300" alt="小豬擴充內容：包和新版塊、新單位、貨物和袋子)!"/&gt;&lt;/a&gt;&lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;火龍, The Princess and the Dragon, Burgfräulein und Drache, 2005, 30&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;從這個擴充開始，卡卡頌就從闔家歡樂的溫馨遊戲開始慢慢變成友情破壞、互相廝殺的遊戲了～～，這個擴充的重點就是那個火龍，被火龍走過版塊上的小人都會被趕跑，卡卡頌終於開始可以攻擊對手了， &lt;a href="http://monica0906.pixnet.net/blog/post/21745446"&gt;詳細介紹&lt;/a&gt;。&lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;高塔, The Tower, Der Turm, March 2006, 18&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;高塔也是友情破壞系列之一，可以見塔囚禁別的玩家的小人，而且被囚禁到還蠻慘的。除了新增的高塔，這個擴充還真的附了一個放地圖版塊的塔，不過似乎只能放到150多片，現在全部的擴充加起來算有兩百五十多片了， &lt;a href="http://crazycat1130.pixnet.net/blog/post/3220922"&gt;詳細介紹&lt;/a&gt;。&lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;市長, Abbey and Mayor, Abtei und Bürgermeister, October 2007, 18&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;這個擴充比較不那麼刺激，每位玩家多了一片萬能的大修道院，另外還多了榖倉、車車、市長三種新單位，&lt;a href="http://monica0906.pixnet.net/blog/post/21754233"&gt;詳細介紹&lt;/a&gt;。&lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;投石車, The Catapult, Das Katapult, 2008, 12&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;投石車是最新的大擴充，真的就如標題，有台小小投石車和一些小紙片（石頭）可以丟東西，這款還蠻新的，目前比較不清楚，不過看來也是友情破壞擴充， &lt;a href="http://www.wretch.cc/blog/silvanus321/26789180"&gt;規則介紹&lt;/a&gt;。&lt;/p&gt;&lt;/dd&gt;
&lt;/dl&gt;

&lt;h4&gt;小擴充&lt;/h4&gt;
&lt;dl&gt;
&lt;dt&gt;河流, The River, Der Fluss, 2001, 12&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;替代起始版塊的河流擴充，一開始就要先把河流拼完，然後農夫得分力量就大減XD。&lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;國王, King and Scout, König und Späher, 2003, 5&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;多了城王和路王（這其實是卡坦用語），另外還有五個一般版塊，沒有很特別的地方就是。&lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;圍城, The Cathars, Die Katharer, 2004, 4 tiles&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;其實應該叫異教徒，這個小擴充比較少見到，已經絕版了，現在改叫 Siege （圍城），不過實際上版塊圖 &lt;a href="http://www.boardgamegeek.com/image/380606"&gt;不太一樣&lt;/a&gt; ，舊版城市的城牆是被攻破的，新版則否，不知道是不是受了什麼壓力才改的@_@，2004年的異教徒也是目前唯一絕版的一組擴充，詳細規則可以看 &lt;a href="http://www.ptt.cc/man/BoardGame/D658/D970/DA2D/M.1234201095.A.B6E.html"&gt;PTT 桌遊版精華區文章&lt;/a&gt; 。&lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;異教徒, Cult, 2008, 5+1&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;類似修道院的版塊，又稱為祭壇版塊，放在上面的小人就稱為異教徒，把祭壇放在修道院旁邊還會引發宗教對決XD，這組擴充的版塊數比較特別，其中第六片只有 &lt;a href="http://www.boardgamegeek.com/boardgame/35666"&gt;Cult, Siege and Creativity&lt;/a&gt; 這個組合有，裡面的 Siege 就是包含新版的圍城版塊，今年出的新版 Big Box 也只有五片祭壇，會有這一片差距其實是因為版塊製作時，數量一定都是六的倍數，規則一樣在 &lt;a href="http://www.ptt.cc/man/BoardGame/D658/D970/DA2D/M.1234201095.A.B6E.html"&gt;PTT 精華區那篇文章有&lt;/a&gt; 。&lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;伯爵, The Count of Carcassonne, Der Graf von Carcassonne, 2004, 12&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;伯爵擴充裡面的這座城才是真的卡卡頌城！以前作的那些都是城市喔～～，有圖（借用瘋小貓的圖片）為證，這款擴充規則稍微複雜點， &lt;a href="http://crazycat1130.pixnet.net/blog/post/3197887"&gt;詳細介紹&lt;/a&gt; 。&lt;/p&gt;
&lt;p&gt; &lt;img src="http://blog.othree.net/log/2009/06/17/carcassonne/carcassonne.tile.jpg" width="400" height="300" alt="伯爵擴充的卡卡頌城" /&gt; &lt;/p&gt;
&lt;p&gt; &lt;a href="http://maps.google.com/maps?f=q&amp;amp;source=s_q&amp;amp;hl=zh-TW&amp;amp;geocode=&amp;amp;q=Carcassonne&amp;amp;sll=37.579413,-95.712891&amp;amp;sspn=44.348302,71.894531&amp;amp;ie=UTF8&amp;amp;ll=43.206458,2.363842&amp;amp;spn=0.005036,0.008776&amp;amp;t=k&amp;amp;z=17"&gt;&lt;img src="http://blog.othree.net/log/2009/06/17/carcassonne/carcassonne.map.png" width="400" height="310" alt="Google Maps 上看到的卡卡頌城" /&gt;&lt;/a&gt; &lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;河流二, The River II, Der Fluss II, November 2005, 12&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;新的河流二代多了一條支流，讓河流的變化更多，還可以和河流一起用，作出超長河流XD。&lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;桌遊季刊, The Mini-Expansion, Winter 2006, 12&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;雜誌附送的12片基本版塊，其中兩片是河流，沒有浮水印，是唯一丟進去後就不好挑出來的擴充組合，其他的大小擴充不是有浮水印，就是很好判斷（像是祭壇、圍城）。&lt;/p&gt;&lt;/dd&gt;
&lt;/dl&gt;

&lt;p&gt;其中小擴充的國王、異教徒和伯爵三組有組合起來成捆販售，官方是編號為第六個大擴充，投石車則是第七個。&lt;/p&gt;

&lt;p&gt;所有擴充加起來已經超過250個版塊了， &lt;a href="http://blog.xuite.net/asilentfish/blog/18575337"&gt;水底城&lt;/a&gt; 有作一些整理（到市長擴充），還有個不同擴充同時玩時可能會遇到的 &lt;a href="http://blog.xuite.net/asilentfish/blog/18949065"&gt;規則問題&lt;/a&gt; ，以上介紹的都是官方的東西，我還找到不少其他有趣的東西，像是 &lt;a href="http://carcassonnecentral.com/"&gt;Carcassonne Central&lt;/a&gt; 這個討論社群，這邊除了討論區和社群聯繫外，還收集了很多 &lt;a href="http://www.carcassonnecentral.com/index.php?option=com_content&amp;amp;task=view&amp;amp;id=49&amp;amp;Itemid=62"&gt;玩家自製的擴充&lt;/a&gt; ，這些玩家自製的擴充種類很多，除了要自製版塊外，有些還需要自製小人元件，對我來說有些困難，不過很有趣的是這些玩家自製擴充還有分幾個大系列，像是河流系列、森林系列，除了這些玩家自製的擴充外，在下載區還有一區是專門放 &lt;a href="http://www.carcassonnecentral.com/index.php?option=com_content&amp;amp;task=view&amp;amp;id=48&amp;amp;Itemid=61"&gt;輔助遊戲的道具&lt;/a&gt; ，像是一圈100分的計分版，一整片的卡卡頌城（伯爵擴充）等，有興趣的可以去逛逛，還蠻有趣的。&lt;/p&gt;

&lt;p&gt;接下來的東西比較敗家一些，首先是遊戲中的小人，雖然說明書上是寫 follower （跟隨者），不過其實 follower 是總稱，小人、大人、市長、車車都是跟隨者，而小人另外有個名字叫 meeple （米寶），好像字元是 my people。總之， meeple 其實是很有人氣的，還有人開了 &lt;a href="http://www.meeplepeople.com/"&gt;meeplepeople.com&lt;/a&gt; 賣周邊商品，進去逛逛就會發現他還有賣標準色以外的 meeple ，總共有12種顏色，不過他的小人組合只有小人、大人、工程師、小豬，沒有把市長擴充新增的三種單位加進去，實在很可惜。另外在 cacassonne central 有看到有人有買到整組 &lt;a href="http://www.carcassonnecentral.com/forum/index.php?topic=433.msg5715#msg5715"&gt;白色的&lt;/a&gt; ，他買了兩組，還把其中一組漆成橘色的，可惜的是他提供的賣家好像沒賣了，不然我很想多弄一兩組，這樣還可以增加遊戲人數。再來，還有人作了高級的 &lt;a href="http://www.av-technologies.net/scoreboard/index.html"&gt;電子計分版&lt;/a&gt;，用遙控器控制分數，還會自動計算排名，最厲害的是用蘋果電腦新的那種鋁磚工法作的，光成本就要100歐元以上，也因此作者沒打算要量產來賣，不過他把相關的資料都放在網路上了，包括電路板的設計等，其實我是覺得讓小人在計分版上跑感覺還蠻不錯的啦，只不過有次玩到快結束時，不小心撞到計分版，就...&lt;/p&gt;

&lt;p&gt;&lt;img src="http://blog.othree.net/log/2008/06/17/carcassonne/scoreboard1_front.jpg" width="400" height="300" alt=""/&gt;&lt;/p&gt;

&lt;p&gt;再來要介紹的是收藏解決方案，前面有說過，目前所有擴充加起來已經超過250張版塊了，即使高塔也只放的下約150張，再加上還有各種木頭小人、高塔等東西，因此要如何收藏卡卡頌也是個不小的問題，因此有人做了高級的 &lt;a href="http://www.carcassonnebox.com/"&gt;Carcassonne Box&lt;/a&gt;。&lt;/p&gt;

&lt;p&gt;&lt;img src="http://blog.othree.net/log/2009/06/17/carcassonne/carcbox02qc6.jpg" width="400" height="342" alt="木製的盒子，質感很棒" /&gt;&lt;/p&gt;

&lt;p&gt;當然這種敗家物少不了 &lt;a href="http://www.boardgamegeek.com/thread/230462"&gt;開箱報告&lt;/a&gt;，比較可惜的是投石車是在這箱子推出後才出的，不知道裡面有沒有空間放投石車，當然他有多預留一些空間放新的版塊。另外一個我覺得很棒的是有人買 &lt;a href="http://www.flickr.com/photos/byrnefamilyphotos/sets/72157602250791441/"&gt;工具箱來放&lt;/a&gt; ，外國有些高級的工具箱，可自定的程度很高，就有人找到一些組合很適合拿來放，不過很可惜的是，他提供的工具箱的型號好像都買不到了，而且這些照片裡面也還沒有投石車^^b，我自己目前是用一個紙盒把計分版以外的東西都塞了進去。&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.flickr.com/photos/othree/3610618467/" title="Flickr 上 othree 的 卡卡頌大盒版"&gt;&lt;img src="http://farm3.static.flickr.com/2450/3610618467_4b5a41bf7b.jpg" width="400" height="300" alt="卡卡頌大盒版" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;另外還有個不錯的 &lt;a href="http://ikitz.de/projects/#carcassonne"&gt;整理方式&lt;/a&gt; ，也不用花大錢，他用兩個不同擴充的盒子組成，裡面的地圖版塊分區放好，另外印了一張位置索引記錄不同擴充所放的位置，木頭小人則另外做了小紙盒來裝，計分版則是掃描列印後切對半，小紙盒和位置索引的檔案他都有提供下載，有興趣的人也可以試試看用這種方式來整理。&lt;/p&gt;

&lt;p&gt;最後，我要介紹的是這個卡卡頌魔術方塊～&lt;/p&gt;

&lt;p&gt;&lt;a href="http://carcassonne.wikia.com/wiki/File:Carccube.jpg"&gt;&lt;img src="http://blog.othree.net/log/2009/06/17/carcassonne/Carccube.jpg" width="400" height="427" alt="利用卡卡頌地圖做的魔術方塊" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=bX8l8mV2MiQ:IApjBMEUeKc:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=bX8l8mV2MiQ:IApjBMEUeKc:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=bX8l8mV2MiQ:IApjBMEUeKc:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=bX8l8mV2MiQ:IApjBMEUeKc:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=bX8l8mV2MiQ:IApjBMEUeKc:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/bX8l8mV2MiQ" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/bX8l8mV2MiQ/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/06/17/carcassonne/</guid>
<category>buy</category>
<pubDate>2009-06-17 01:58</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/06/17/carcassonne/</feedburner:origLink></item>

<item>
<title>勉勵的話語</title>
<description>&lt;p&gt;&lt;a href="http://www.flickr.com/photos/othree/3587357293/" title="Flickr 上 othree 的 DSCF3551"&gt;&lt;img src="http://farm4.static.flickr.com/3303/3587357293_69be451d0a.jpg" width="375" height="500" alt="DSCF3551" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;這張紙條是我大阿姨留給我和我哥的，目前的我無法體會帶著遺憾離開人世，卻還能留下這樣勉勵話語時的感受。或許等我繼續成長，有了關愛的後輩時會理解吧。&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=OyLxbUOAmmQ:HfKOoWSzSlU:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=OyLxbUOAmmQ:HfKOoWSzSlU:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=OyLxbUOAmmQ:HfKOoWSzSlU:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=OyLxbUOAmmQ:HfKOoWSzSlU:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=OyLxbUOAmmQ:HfKOoWSzSlU:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/OyLxbUOAmmQ" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/OyLxbUOAmmQ/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/06/02/face-death/</guid>
<category>diary</category>
<pubDate>2009-06-02 12:34</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/06/02/face-death/</feedburner:origLink></item>

<item>
<title>My blog is back</title>
<description>&lt;p&gt;掛了將近一個月有餘，昨天終於先弄回來，中間一度少掉的文章在 Google Reader 裡都還看的到，所以復原文章也沒花上什麼心力，不過苦工少不了就是，另外在 &lt;a href="http://othree.github.com"&gt;暫時站&lt;/a&gt; 寫的文章也搬過來了，這幾篇同時有用 &lt;span class="caps"&gt;WTFPL &lt;/span&gt;授權，還順便把 MT 升級到最新的4.25版，本來很想順便改版的，不過一直沒好好設計，這部份就先繼續放著了，反正目前版面我其實還蠻滿意的（除了XHTML實在有夠麻煩）。&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=aPx00AA6Gxk:ZWKlYiaERl8:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=aPx00AA6Gxk:ZWKlYiaERl8:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=aPx00AA6Gxk:ZWKlYiaERl8:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=aPx00AA6Gxk:ZWKlYiaERl8:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=aPx00AA6Gxk:ZWKlYiaERl8:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/aPx00AA6Gxk" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/aPx00AA6Gxk/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/05/12/my-blog-is-back/</guid>
<category>about</category>
<pubDate>2009-05-12 11:14</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/05/12/my-blog-is-back/</feedburner:origLink></item>

<item>
<title>Opera in Taiwan</title>
<description>&lt;p&gt;最近 Opera 台灣隨著15週年辦了一系列的活動，包括使用者聚會、校園講座與徵才，15週年記者會等，小弟我有幸參與了其中幾場，好像可以簡單介紹一下XD。&lt;/p&gt;

&lt;p&gt;Opera 大約是去年年底在台灣成立分公司，雖然 Opera Desktop 在台灣幾乎是沒什麼能見度，可是在電腦以外的平台佔有率還是最高的，不過 Opera 台灣並沒有打算只專注在這些平台，除了推廣外，還要把台灣為數不少的 Opera 使用者集結起來，讓社群成形，現在不但有正式的&lt;a href="http://my.opera.com/tradchinese/forums/"&gt;中文討論區&lt;/a&gt;，還有官方的 &lt;a href="http://twitter.com/operatw"&gt;Twitter帳號&lt;/a&gt; 和 &lt;a href="http://www.plurk.com/operatw"&gt;Plurk帳號&lt;/a&gt;，另外還有 &lt;a href="http://my.opera.com/ting0619/blog/"&gt;Opera 第一手消息&lt;/a&gt;這個部落格。目前是可以預見他們會對台灣使用者開始投入些心力、資源，總之是好是一件。&lt;/p&gt;

&lt;p&gt;在這次活動中，有人問到，為什麼 Opera 功能那麼強，但是使用者還是不多，那時候 &lt;a href="http://my.opera.com/andreasbovens/about/"&gt;Andreas&lt;/a&gt; 說他們也好奇原因，其實我一直以來也很納悶， Opera 本身除了效能好，還內建很多功能，其中不少還是 Opera 首先推出的，但是一直以來他們的佔有率就是不高，即使成為免費版後也沒有提昇多少。不過我想這會一直是個難解的問題，但是至少我自己選擇的原因我還有點印象，說來算是時間點不好，當我在決定要選哪個瀏覽器時，Opera 畫中文還畫的很難看，這應該是我當初選擇使用 Firefox 而不是 Opera 的主要原因（我對這種東西很外貿協會的XD），後來才知道 Firefox 很多擴充套件的功能是 Opera 直接就有內建的。&lt;/p&gt;

&lt;p&gt;剛好大約一個月一次的摩茲連續聚，我下次還沒想到可以分享什麼東西，大概就介紹 Opera 吧XD，所以應該這兩天開始要強迫自己用 Opera 用一個月了XD，到時候從功能面來介紹它:P，雖然不能吸引到 IE 使用者跳槽就是~_~。&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=RLeM7KonrEE:FpRbYq_V278:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=RLeM7KonrEE:FpRbYq_V278:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=RLeM7KonrEE:FpRbYq_V278:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=RLeM7KonrEE:FpRbYq_V278:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=RLeM7KonrEE:FpRbYq_V278:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/RLeM7KonrEE" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/RLeM7KonrEE/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/04/30/opera_in_taiwan/</guid>
<category>software</category>
<pubDate>2009-04-30 10:18</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/04/30/opera_in_taiwan/</feedburner:origLink></item>

<item>
<title>Hate IE</title>
<description>&lt;p&gt;昨天我才被微軟救到，今天它就用 IE 來討債了Q_Q，這件事要從 &lt;a href="http://joysound.com/"&gt;JOYSOUND&lt;/a&gt; 講起， JOYSOUND是日本的一個卡拉OK系統，前陣子推出了 Wii 版，讓使用者可以用便宜的月費就可以唱到數萬首日文歌曲，不過使用上有個問題，就是它的網頁沒有針對 Wii 版的搜尋功能，透過 Wii 介面來搜尋又不夠快，於是我就自己手寫了一個 &lt;a href="http://joysound.othree.net/"&gt;http://joysound.othree.net/&lt;/a&gt;，資料來源是他們網站，我定期去撈新增曲目，結果最近太混，才發現 7 週沒有去更新，網頁上又只保留 5 週份的更新資料，於是就趕快上 Google 看有沒有 cache，順利的找到4份中的3份，但是有一份找很久都找不到，過了幾十分，找了一堆日本的搜尋引擎，才在&lt;a href="http://jp.msn.com/"&gt;日本 MSN&lt;/a&gt; 找到那個網頁的 cache，於是心中一顆大石頭終於落地，也實在沒想到會讓微軟幫到這樣一個大忙。&lt;/p&gt;

&lt;p&gt;時光飛逝，歲月如梭，一下就來到了新的一週，早上九點半開始開了四小時的會，回到電腦前一看發現有 IE bug 要解，沒想到這一個 bug 讓我整整花了4個小時才解決掉，一開始看起來是 javascript 問題，搞到最後竟然是無法說明的 CSS 地雷，花了數小時，只砍掉下面這樣一行東西而已：&lt;/p&gt;

&lt;pre class="brush:css"&gt;
right: 0;
&lt;/pre&gt;

&lt;p&gt;更讓人難過的是這個 bug 是在 IE7, 8才會發生的，講到這我就必須要抱怨一下 IE，這陣子處理不少問題根本都還是 IE7, 8 還在的，感覺上 IE 這兩次升級對於 javascript 相關的部分都沒什麼改善，這也是為什麼我決定把這裡弄的讓 IE 都看不到。&lt;/p&gt;
&lt;p&gt;最後就是提一下，大概要怎麼判斷是不是 CSS 地雷，和要怎麼找，基本上，會被稱為地雷，就是那種會看起來應該不會有問題，出了問題你也不知道問題在哪的狀況，如果是 javascript 的問題現在瀏覽器都可以妥善處理，不小心跑進無窮迴圈也不會跑到死，所以如果一直出現找不到的問題發生點的話，那就有可能是 CSS 地雷了，像我這次遇到的狀況是整個 IE 吃光 CPU，但是不會有訊息問我要不要停止執行 script，然後我找了很久，排除頁面上各種可能產生影響的 javascript，最後才懷疑到 CSS 上，這時候我已經浪費超過三小時了，要判斷是不是 CSS 問題到很簡單，先把 CSS disable 掉試試看就知道了，如果一 disable 掉問題就沒了，那很明顯就是 CSS 的問題，接下來就是用消去法來尋找造成問題的 CSS 定義，就不贅述了。&lt;/p&gt;

&lt;p&gt;真的最後了，就是其實 JOYSOUND 現在已經可以在網頁上&lt;a href="http://joysound.com/ex/wii/search/index.htm"&gt;搜尋 Wii 版曲目&lt;/a&gt;了XDD。&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=GO8-CXAPSzE:qJ9B7Hg9a48:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=GO8-CXAPSzE:qJ9B7Hg9a48:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=GO8-CXAPSzE:qJ9B7Hg9a48:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=GO8-CXAPSzE:qJ9B7Hg9a48:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=GO8-CXAPSzE:qJ9B7Hg9a48:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/GO8-CXAPSzE" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/GO8-CXAPSzE/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/04/27/hate-ie/</guid>
<category>web</category>
<pubDate>2009-04-27 10:14</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/04/27/hate-ie/</feedburner:origLink></item>

<item>
<title>Handle IE</title>
<description>&lt;p&gt;&lt;a href="http://othree.github.com"&gt;暫時站&lt;/a&gt;本來用下面的語法來阻擋IE使用者：&lt;/p&gt;
&lt;pre class="brush:xml"&gt;
&amp;lt;!--[if IE]&amp;gt;&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;* {display: none; !importanat}&amp;lt;/style&amp;gt;&amp;lt;![endif]--&amp;gt;
&lt;/pre&gt;
&lt;p&gt;不過用IE還是看的到 title，不太愉悅，今天 &lt;a href="http://evendesign.tw/"&gt;EvenWu&lt;/a&gt; 推薦我另一個弄法：&lt;/p&gt;
&lt;pre class="brush:xml"&gt;
&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;!--[if !IE]&amp;gt;--&amp;gt;
&amp;lt;html&amp;gt;
    &amp;lt;head&amp;gt;
        &amp;lt;title&amp;gt;blah...&amp;lt;/title&amp;gt;
    &amp;lt;/head&amp;gt;
    &amp;lt;body&amp;gt;
        blah blah...
    &amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;
&amp;lt;!--&amp;lt;![endif]--&amp;gt; 
&lt;/pre&gt;
&lt;p&gt;現在用 IE 來看感覺真是棒XD&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=-SN9-JfEEfI:0jPwOG-khX8:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=-SN9-JfEEfI:0jPwOG-khX8:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=-SN9-JfEEfI:0jPwOG-khX8:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=-SN9-JfEEfI:0jPwOG-khX8:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=-SN9-JfEEfI:0jPwOG-khX8:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/-SN9-JfEEfI" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/-SN9-JfEEfI/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/04/27/handle-ie/</guid>
<category>css-html</category>
<pubDate>2009-04-27 10:13</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/04/27/handle-ie/</feedburner:origLink></item>

<item>
<title>Opera Face Gesture 與其它</title>
<description>&lt;p&gt;首先來看一下 Opera 在今年愚人節推出的&lt;a href="http://labs.opera.com/news/2009/04/01/"&gt;臉部表情控制&lt;/a&gt;吧。&lt;/p&gt;
&lt;p&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/kkNxbyp6thM&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=en&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;&lt;embed src="http://www.youtube.com/v/kkNxbyp6thM&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=en&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/p&gt;&lt;p&gt;應該很多人看過了，我想大部分人應該都會笑一笑看過去（聽說有人當真了@@），不過我確實覺得這東西有機會做出來，這想法是來自另外兩段影片，首先第一段是 &lt;a href="http://johnnylee.net/projects/wii/"&gt;Jonny Lee&lt;/a&gt; 的 &lt;a href="http://www.ted.com/index.php/talks/johnny_lee_demos_wii_remote_hacks.html"&gt;TED Talk&lt;/a&gt;，Jonny Lee 在 Wii 上市後，用它的控制器作為互動介面弄了不少有趣的玩意，他在 TED Talk 介紹了其中兩個，第二個是很有趣的 3D 應用，利用 Wii Remote 和 Sensor Bar 來判斷視點相對於螢幕的位置和角度，依據這些資訊來改變畫面，用單純的螢幕做出更接近真實的3D效果，機下來就來看看這段影片吧。&lt;/p&gt;

&lt;p&gt;&lt;object width="446" height="326"&gt;&lt;param name="movie" value="http://video.ted.com/assets/player/swf/EmbedPlayer.swf"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true" /&gt;&lt;param name="wmode" value="transparent"&gt;&lt;/param&gt;&lt;param name="bgColor" value="#ffffff"&gt;&lt;/param&gt; &lt;param name="flashvars" value="vu=http://video.ted.com/talks/embed/JohnnyLee_2008-embed_high.flv&amp;amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/JohnnyLee-2008.embed_thumbnail.jpg&amp;amp;vw=432&amp;amp;vh=240&amp;amp;ap=0&amp;amp;ti=245" /&gt;&lt;embed src="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" pluginspace="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" bgColor="#ffffff" width="446" height="326" allowFullScreen="true" flashvars="vu=http://video.ted.com/talks/embed/JohnnyLee_2008-embed_high.flv&amp;amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/JohnnyLee-2008.embed_thumbnail.jpg&amp;amp;vw=432&amp;amp;vh=240&amp;amp;ap=0&amp;amp;ti=245"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/p&gt;

&lt;p&gt;接著第三段影片做的事情和 Johnny Lee 做的事情一樣，不過用的技術和用途也不太一樣，這是日本 H-Game 公司 &lt;a href="http://www.teatime.ne.jp/"&gt;TEATIME&lt;/a&gt; 推出的 &lt;a href="http://www.teatime.ne.jp/infor/tech48/tech48_index.htm"&gt;Face Tracking&lt;/a&gt; 技術，不過他的原理是用 Web Cam 來做臉部辨識，然後判斷臉部和螢幕的相對位置，藉以改變視點，如果視點很低的話，遊戲中的女生也會有相對的反應出來，官方網頁上有影片可以下載來看，不過 YouTube 上也有人上傳了。&lt;/p&gt;

&lt;p&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/wwaSBld4ucQ&amp;amp;hl=zh_TW&amp;amp;fs=1"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;/param&gt;&lt;embed src="http://www.youtube.com/v/wwaSBld4ucQ&amp;amp;hl=zh_TW&amp;amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/p&gt;

&lt;p&gt;看著第三影片後，就覺得這技術似乎有機會實現臉部表情控制，至於為什麼要實現，我是想過或許可以作為輔助的操控手，或是讓無法用手腳操控的人使用吧，現在相關的輔助控制我比較知道的是用眼球追蹤啦。&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=3hCr-TzeuKA:MmUMWD-V8nQ:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=3hCr-TzeuKA:MmUMWD-V8nQ:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=3hCr-TzeuKA:MmUMWD-V8nQ:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=3hCr-TzeuKA:MmUMWD-V8nQ:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=3hCr-TzeuKA:MmUMWD-V8nQ:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/3hCr-TzeuKA" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/3hCr-TzeuKA/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/04/25/opera-face-gesture-and-more/</guid>
<category>web</category>
<pubDate>2009-04-25 10:11</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/04/25/opera-face-gesture-and-more/</feedburner:origLink></item>

<item>
<title>The Web of Linked Open Data</title>
<description>&lt;p&gt;週末要到&lt;a href="http://registrano.com/events/moztw-gathering-tp-1"&gt;摩茲連續聚&lt;/a&gt;介紹可能的網路未來，以下整理一些相關連結。&lt;/p&gt;
&lt;ol&gt;
    &lt;li&gt;&lt;a href="http://www.ted.com/index.php/talks/tim_berners_lee_on_the_next_web.html"&gt;Tim Berners-Lee on the next Web | Video on TED.com&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://www.readwriteweb.com/archives/web_of_data_machine_accessible_information.php"&gt;The Web of Data: Creating Machine-Accessible Information - ReadWriteWeb&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://esw.w3.org/topic/SweoIG/TaskForces/CommunityProjects/LinkingOpenData"&gt;Linking Open Data&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://esw.w3.org/topic/TaskForces/CommunityProjects/LinkingOpenData/DataSets"&gt;SWEO Community Project: Linking Open Data on the Semantic Web&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://zh.transwiki.org/cn/owloverview.htm"&gt;OWL Web本體語言概述 推薦標準&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://ria.richtechmedia.com/2005/03/02/ontology/"&gt;d.CAT- the RIA blog » ontology 是什麼？&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://www.openstreetmap.org/"&gt;OpenStreetMap&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://www.w3.org/DesignIssues/LinkedData.html"&gt;Linked Data - Design Issues&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=zWPS-Xw6bN4:GOSVM9lwonY:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=zWPS-Xw6bN4:GOSVM9lwonY:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=zWPS-Xw6bN4:GOSVM9lwonY:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=zWPS-Xw6bN4:GOSVM9lwonY:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=zWPS-Xw6bN4:GOSVM9lwonY:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/zWPS-Xw6bN4" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/zWPS-Xw6bN4/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/04/21/linked-open-data/</guid>
<category>web</category>
<pubDate>2009-04-21 10:10</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/04/21/linked-open-data/</feedburner:origLink></item>

<item>
<title>WTFPL</title>
<description>&lt;p&gt;前陣子透過 &lt;a href="http://www.manic.tw/blog"&gt;Manic&lt;/a&gt; 才知道這個超讚的授權，&lt;a href="http://sam.zoy.org/wtfpl/"&gt;WTFPL - Do What The Fuck You Want To Public License&lt;/a&gt;，「隨便拿去做你的鳥東西」授權條款，超棒的，裡面的說明和 FAQ 都很值得一看。&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=7S8R-vmfP7w:eg2d7C2zJ1o:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=7S8R-vmfP7w:eg2d7C2zJ1o:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=7S8R-vmfP7w:eg2d7C2zJ1o:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=7S8R-vmfP7w:eg2d7C2zJ1o:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=7S8R-vmfP7w:eg2d7C2zJ1o:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/7S8R-vmfP7w" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/7S8R-vmfP7w/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/04/21/wtfpl/</guid>
<category>web</category>
<pubDate>2009-04-21 10:09</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/04/21/wtfpl/</feedburner:origLink></item>


</channel>
</rss>
