tag:blogger.com,1999:blog-63072763681010419082024-03-14T07:53:54.853+08:00小鎮遊跡(Blogger 舊網誌)且走且停,Littlebtc的城市和程式軌跡。Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.comBlogger54125tag:blogger.com,1999:blog-6307276368101041908.post-71539474238341710882012-01-26T23:45:00.001+08:002012-01-26T23:49:37.391+08:00From 2011 to 20122011 的一大半在當兵之中度過了。2011 對我而言是個變化很大的一年,無論是心態和作為上。<br />
讓我試著去回顧一下 2011 這混亂的一年到底是怎麼過去的,然後我希望有著怎樣的 2012。<br />
<br />
<b>2011 的前半:考試和最後一個學期</b><br />
<br />
2011 這一年是在台中 Tiger 玩 IIDX,看見外面文心森林公園在放煙火而開始的。在二月中之前,都在亡羊補牢地拚命準備研究所考試。雖然已經延畢一年了,但最後還是因為自己不夠專注,導致準備時間太短而沒有錄取。<br />
<br />
考試考完後,想在當兵前努力衝刺,因此大五下,在台大的最後一個學期,只選了專題研究2學分,開始著手在幾個因為考試被暫停的計畫上。這段時間也因為這些計畫,持續了定期往返台北的歷程(2010 後半年是因為星期五有修演算法)。這些計畫都趕在當兵之前做出了一定的成果,就讓我回顧一下吧。 <br />
<ul>
<li>OnionSky 的前後端工程,整個網站的前後台在當兵前完成了很大一部分。那一段跟著大家一起拚命的歲月真的讓我印象深刻。希望能繼續跟他們做出更酷更棒的網站!<a href="http://2.bp.blogspot.com/-OCzK0vGyXLc/TyFo68BBblI/AAAAAAAAEUY/3WpMiPSKidE/s1600/%25E8%259E%25A2%25E5%25B9%2595%25E5%25BF%25AB%25E7%2585%25A7+2012-01-26+%25E4%25B8%258B%25E5%258D%258810.53.01.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="http://2.bp.blogspot.com/-OCzK0vGyXLc/TyFo68BBblI/AAAAAAAAEUY/3WpMiPSKidE/s400/%25E8%259E%25A2%25E5%25B9%2595%25E5%25BF%25AB%25E7%2585%25A7+2012-01-26+%25E4%25B8%258B%25E5%258D%258810.53.01.png" width="400" /></a></li>
<li>NicoFox 的大改版。被擱置了半年以上的 NicoFox 為了因應 Firefox 4 而又復活了,花了幾個月重寫了新的介面和其對應的機制,在生日的當天寫出了 0.7,並趕在當兵前把 0.8 大部分的東西都寫好。<br /><a href="http://3.bp.blogspot.com/-D_2EZYe9jpo/ThqO7EJlsfI/AAAAAAAAEMc/RJzBrN86HZc/s1600/nicofox_0.8_main.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="http://3.bp.blogspot.com/-D_2EZYe9jpo/ThqO7EJlsfI/AAAAAAAAEMc/RJzBrN86HZc/s320/nicofox_0.8_main.png" width="320" /></a></li>
<li>CC 計畫辦公室打工的 CC Media Collector 計畫,寫出了一個可以抓出頁面上 CC REL 資訊,而且可以將媒體檔案下載並進行管理的 Firefox 套件。在這個學期在介面與很多地方上下了不少苦工。<a href="http://2.bp.blogspot.com/-kEdYok2srPg/TyFuj1UnLQI/AAAAAAAAEU4/ImBEFDLn8yQ/s1600/%25E8%259E%25A2%25E5%25B9%2595%25E5%25BF%25AB%25E7%2585%25A7+2012-01-26+%25E4%25B8%258B%25E5%258D%258811.17.19.png" style="margin-left: 1em; margin-right: 1em;"><br /></a><a href="http://2.bp.blogspot.com/-kEdYok2srPg/TyFuj1UnLQI/AAAAAAAAEU4/ImBEFDLn8yQ/s1600/%25E8%259E%25A2%25E5%25B9%2595%25E5%25BF%25AB%25E7%2585%25A7+2012-01-26+%25E4%25B8%258B%25E5%258D%258811.17.19.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://2.bp.blogspot.com/-kEdYok2srPg/TyFuj1UnLQI/AAAAAAAAEU4/ImBEFDLn8yQ/s320/%25E8%259E%25A2%25E5%25B9%2595%25E5%25BF%25AB%25E7%2585%25A7+2012-01-26+%25E4%25B8%258B%25E5%258D%258811.17.19.png" width="320" /></a><a href="http://2.bp.blogspot.com/-kEdYok2srPg/TyFuj1UnLQI/AAAAAAAAEU4/ImBEFDLn8yQ/s1600/%25E8%259E%25A2%25E5%25B9%2595%25E5%25BF%25AB%25E7%2585%25A7+2012-01-26+%25E4%25B8%258B%25E5%258D%258811.17.19.png" style="margin-left: 1em; margin-right: 1em;"></a></li>
<li>學校專題的 Android GPS / Sensor 記錄器。借了研究室的 HTC Desire 之後,花了一些心思在 Android SDK 開發上,然後寫了一個可以記錄 GPS 和 Sensor 的程式,並寫了對應的 HTML 讀取器。<br /><a href="http://4.bp.blogspot.com/-WOqf_aCAzgc/TyFuCHIMcpI/AAAAAAAAEUw/LhmKLcZdBUY/s1600/%25E8%259E%25A2%25E5%25B9%2595%25E5%25BF%25AB%25E7%2585%25A7+2012-01-26+%25E4%25B8%258B%25E5%258D%258811.15.02.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="199" src="http://4.bp.blogspot.com/-WOqf_aCAzgc/TyFuCHIMcpI/AAAAAAAAEUw/LhmKLcZdBUY/s320/%25E8%259E%25A2%25E5%25B9%2595%25E5%25BF%25AB%25E7%2585%25A7+2012-01-26+%25E4%25B8%258B%25E5%258D%258811.15.02.png" width="320" /></a></li>
<li>節奏遊戲部分,IIDX 在三月突破心病,先後攻破SP七段和八段。從此改變了玩遊戲的心態,開始以玩得盡興為目標。在努力了三個月之後,IIDX 終於在當兵前拿下了 SP 九段。<br /><a href="http://images.plurk.com/f6615fdee7b40448ca59957a2da28635.jpg" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="240" src="http://images.plurk.com/f6615fdee7b40448ca59957a2da28635.jpg" width="320" /></a><br />4% 衝出 moon_child[A] 的那一刻。(可惜九段 Final 換歌了)</li>
</ul>
<b>2011 的後半:從大學生到二兵 </b><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="http://1.bp.blogspot.com/-Cje0RXDPkU0/TyFsQqnrUEI/AAAAAAAAEUk/rXHGC35-oQQ/s1600/DSCF1700.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://1.bp.blogspot.com/-Cje0RXDPkU0/TyFsQqnrUEI/AAAAAAAAEUk/rXHGC35-oQQ/s320/DSCF1700.jpg" width="320" /></a></div>
<div style="text-align: left;">
<i>2011 年 6 月,(第二次)台大畢業典禮。</i></div>
<br />
6月28日正式入伍,到成功嶺接受新兵訓練。那個時候也許是自己還在逃避,也或許是抗焦慮藥物作祟吧,一度因為情緒問題被封了崩潰哥的稱號。八月初之後下部隊,盡管自己那時的適應狀況還是很糟,但在營外一放假就急著要給大家一些新的東西。NicoFox 0.8 就是在暑假時的產品。八月底的 COSCUP 2012 中報了一場非會議,聊了 NicoFox 改版的心路歷程。<a href="http://dl.dropbox.com/u/8093476/COSCUP11/unconference.htm">簡報在這裡</a>。<br />
<br />
9月到11月間,在部隊裡面鬧出了很多笑話(真的 Orz),但也開始重新思考自己的過去、現在與未來。在九月的 MozTW SFD 講了 <a href="http://dl.dropbox.com/u/8093476/moztw/sfd11/sdk.html">Add-on SDK</a> 和 <a href="http://dl.dropbox.com/u/8093476/moztw/sfd11/nicofox.html">NicoFox</a>,投影片如連結。期間一度想要凹停役早點去做自己想做的事,後來想想「小不忍則亂大謀」,決定試著適應部隊生活,好好待到退伍。Jobs 逝世的消息也許也或多或少改變了我,讓我想要更認真在自己的寫作上面:11 月的 TouchLimit 成績單系統或多或少就是因為這樣誕生的。<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="http://i.imgur.com/Un8ic.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://i.imgur.com/Un8ic.png" width="320" /></a></div>
<br />
12月,因為先前鬧的笑話,在部隊的日子稍微不開心了一點。但整體上愈來愈適應了。放假幾乎都在進行 TouchLimit 的功能新增和維護。這個系統在玩家界還算蠻受歡迎的,對我而言努力總算有了收穫 ;) <br />
<br />
而這一年是在營區宿舍中睡覺,自己設了 23:57 的鬧鐘爬起來跨年而過去的。<br />
<br />
<b>2012 的期許 </b><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="http://2.bp.blogspot.com/-mqpb5r62Osk/Tx191U5ps_I/AAAAAAAAEUM/bEbHv-Fl-Pk/s1600/DSCF2236.jpg"><img border="0" height="300" src="http://2.bp.blogspot.com/-mqpb5r62Osk/Tx191U5ps_I/AAAAAAAAEUM/bEbHv-Fl-Pk/s400/DSCF2236.jpg" width="400" /></a></div>
<i><br /></i><br />
<div style="text-align: left;">
<i>總統大選當天,台65線土城段。</i><br />
<br />
我希望做一些很棒的東西,交一些很棒的朋友,去一些很棒的地方。<br />
這就是我的 2012 期許吧。<br />
<br />
我想繼續好好寫網頁程式。<br />
希望能在 HTML5 技術逐漸成熟而廣泛的時代下,提昇自己網站的實作力。d <br />
也希望退伍過後,這個興趣可以變成我的工作。<br />
<br />
我希望能夠讓自己更勇於往前。少一點拖延、多一點承諾。<br />
不可以原諒自己,一定要相信自己。</div>Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com1tag:blogger.com,1999:blog-6307276368101041908.post-35777827764380806412011-11-04T23:48:00.001+08:002011-11-05T00:07:38.213+08:00當興趣結合興趣:TouchLimit 幕後祕辛<a href="http://touchlim.it/">TouchLimit </a>是我這一個月來費盡心思做出來的網站,是一個非官方的 jubeat 成績單與排行系統。以下將試著很簡單地跟大家介紹作這個網站的點點滴滴。
<div class="separator" style="clear: both; text-align: center;">
<a href="http://i.imgur.com/Un8ic.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="http://i.imgur.com/Un8ic.png" width="400" /></a></div>
<br />
<br />
<b>節奏遊戲 vs 網站開發</b><br />
<br />
同時身為節奏遊戲玩家和網頁程式開發者的我,一直都很想在奇怪(?)的地方稍微發揮一下專長,例如撰寫一個去抓 jubeat 遊戲成績單的系統。因此在二代時開發了基於 Google App Engine 的紅譜平均排行榜。<br />
<br />
而到了學習 Rails 之後,一直都想用 Ruby on Rails 去重寫一個新的成績單,也很早以前就根據「觸碰」和「刷新自己的最高分」決定了「TouchLimit」這個網站的名字,但當時的時間和實力都不夠,因此一直沒有去作。<br />
<br />
直到我當兵下部隊期間,jubeat 四代稼動,需要一個新的台灣紅譜平均排行系統,而我學習 Rails 一年後開始熟悉了,想趁機學習一些 NoSQL 的技巧,因此決定利用雙十節的連假把這個東西寫出來。(當然,Jobs 那時的突然逝世也有可能是我想寫這個的一大動機。)<br />
<br />
<b>實作的歷程</b><br />
<br />
在雙十節連假期間,我跟 GoDaddy 買了 touchlim.it 這個網域名稱(非歐盟國家公民買義大利網址貴一倍,但還是心痛給他刷下去了 ||||)。而空間當初本來想放在 heroku 上,但考慮 heroku 的 Worker 費用實在太貴,所以最後放棄,而 <a href="http://kidwm.net">WM</a> 剛好也想要買一個 VPS 當玩具,因此 WM 就很阿殺力地幫我刷了一台 Linode 東京機房的 VPS 來放這個網站。<br />
<br />
網站架構上使用 Rails 3.1 作為網站框架,資料庫方面分別使用 MongoDB (搭配 <a href="http://mongoid.org/">mongoid</a>)和 Redis(搭配 <a href="https://github.com/nateware/redis-objects">redis-objects</a>),前者用於存放主要資料,後者用於 Resque 和紅譜平均排行。為了學習這兩套 NoSQL 系統花了很多時間,而 Rails 3.1 新的 Assets 機制也讓我遇到了一些麻煩,因此在雙十節收假時這個網站其實是完全沒有什麼東西可以發出來的 XDDDDD<br />
<br />
整個網站最重要的部份向遊戲官方網站要成績的成績更新程式, 一方面要把 HTML 作解析,這方面 <a href="http://nokogiri.org/">nokogiri</a> 真的幫了超級超級大的忙(還會自動幫忙看編碼,很棒!雖然還是有被 Mac 和 Ubuntu 對 shift-jis 轉換不同的小問題陰到),讓我可以用很快的時間把功能實現出來,將大部分的時間都花在檢查系統的錯誤並修正上。<br />
<br />
<b>魔鬼藏在細節裡</b><br />
<br />
<br />
而在網站排版上,在我剛決定要開始做的時候,<a href="http://www.plurk.com/medicalwei">魏藥</a>就跳出來說想幫忙寫 CSS,於是我就把 CSS 的樣式和排版都交給他負責。整體網站的版型上使用了 <a href="http://twitter.github.com/bootstrap/">Bootstrap</a>,節省下了非常多的時間。而配合上 SASS 與 Compass 作了很多很多非常酷炫的樣式。你有注意到更新歷史裡的箭頭是全 CSS 的嗎?這都是多虧魏藥的功勞 XDDD 除此以外,有很多小細節上的東西也都是我跟他討論之下跑出來的,例如成績更新到滿分 EXCELLENT 的時候成績上會閃金色:<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-cKwxS_-k35g/TrQBJ4veeNI/AAAAAAAAEPE/IyRNqI8AOTY/s1600/%25E8%259E%25A2%25E5%25B9%2595%25E5%25BF%25AB%25E7%2585%25A7+2011-11-04+%25E4%25B8%258B%25E5%258D%258811.13.14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="113" src="http://2.bp.blogspot.com/-cKwxS_-k35g/TrQBJ4veeNI/AAAAAAAAEPE/IyRNqI8AOTY/s400/%25E8%259E%25A2%25E5%25B9%2595%25E5%25BF%25AB%25E7%2585%25A7+2011-11-04+%25E4%25B8%258B%25E5%258D%258811.13.14.png" width="400" /></a></div>
<br />
網站插圖的部分則是我去拉 KIKA 來幫忙,而他也正在幫忙處理包含首頁圖與 favicon 等等的小細項,請大家慢慢期待囉 :)<br />
<br />
<b>「放假再修!」</b><br />
<br />
在經過了兩個星期的努力之後,10/23 這套系統正式開放給大家測試。為了讓系統可以運作更順暢,我使用了很方便的 <a href="https://github.com/defunkt/resque">Resque</a> 作排程管理。後來發現 Resque 的管理機制實在太棒了,錯誤記錄也非常完善,就算有好幾天的時間不在電腦前面,一旦放假打開管理頁面,運行出了什麼問題馬上一目了然,可以立即進行修正。而且還可以加掛排程和自動重試等機能,在原始網站不穩定的情況下這些功能實在是太棒了!而隨後下一個挑戰就是提供定期自動更新,希望能夠趕快做出來。<br />
<br />
<b>祕辛和小提示 </b><br />
<ul>
<li>為什麼叫 TouchLimit "Fengyuan"?這個代號指的是「豐原」,台灣中部的一個城市。其中一個原因是我這幾個月三分之二的時間都得待在豐原,另一個原因是他跟「Copious」的「豐富」有異曲同工之妙。</li>
<li>要不被收錄進這個排行榜或系統裡,但還是公開你的成績?很簡單:請隱藏你的最終遊玩資訊,TouchLimit 就不會收錄你的成績。由於目前沒辦法作個人身分確認,因此加入成績單視同加入排行榜裡,這點也請各位玩家見諒囉。</li>
</ul>Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com0tag:blogger.com,1999:blog-6307276368101041908.post-17692202385188642442011-09-24T21:19:00.000+08:002011-09-24T21:19:29.804+08:00Why jQuery is so Magical?昨天在跟某位 Web Developer 聊天時提到 jQuery,我於是隨口把 jQuery「到底為什麼會這麼神奇」用最簡單的方法講完。事後講講整理得很有道理,於是我打下來吧:<br />
<br />
<b>jQuery 背後的故事 or 為什麼需要 jQuery</b><br />
<ol>
<li> jQuery 操作文件內容的根基是瀏覽器的 DOM(Document Object Model)功能。這個功能可以追溯到早期的 Netscape 和 IE,從所謂的 DHTML 一路變成今天的 DOM。<br />DOM 做的事情就是「把 HTML 文件用樹狀的方式操作」,因此可以動態變化網頁內容。<br /><br />但使用 DOM 操作文件,會有程式碼冗長且有瀏覽器相容的問題(尤其是 IE)。</li>
<li>jQuery 操作 AJAX 用的是 XMLHttpRequest,這是 IE 開始推廣的神奇技術,現在已經廣泛內建在各種瀏覽器裡。但也是有瀏覽器實現相關的問題 Orz<b> </b></li>
</ol>
<b>jQuery 做了哪些魔法</b><br />
DOM 上:<br />
<ol>
<li>解決了絕大部分瀏覽器在 DOM 操作/事件處理下的 Bug</li>
<li>寫了一個神奇的 Selector 解析器叫 <a href="http://sizzlejs.com/">Sizzle</a>,可以把大部分的 CSS Selector 轉譯成對應的 DOM Tree 元素</li>
<li>以 jQuery Object 把對應的 DOM Tree 包裝起來,所以可以進行 Chaining</li>
<li>以神妙的方式對事件處理做了很大的擴充(bind() 和 live())</li>
<li>可以用神妙的 .data() 在一個 DOM Tree 中加註資訊</li>
</ol>
AJAX 上:寫了神妙的 AJAX 函式,還一併處理了 JSONP 方面的問題<br />
<br />
<br />
就這樣吧,應該有地方有錯,歡迎大家指責 XDAnonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com0tag:blogger.com,1999:blog-6307276368101041908.post-40698228699437030192011-08-21T12:26:00.000+08:002011-08-21T12:26:36.038+08:00COSCUP 2011 非會議投影片今年最後只倉促報了 13 分鐘的非會議,所以也就作了一個非常簡單的投影片:<br />
<iframe height="450" src="http://dl.dropbox.com/u/8093476/COSCUP11/shells/embedder.html#../unconference.htm" width="540">&lt;p&gt;&amp;amp;lt;a href="http://dl.dropbox.com/u/8093476/COSCUP11/unconference.htm"&amp;amp;gt;前往投影片&amp;amp;lt;/a&amp;amp;gt;&lt;/p&gt;</iframe><br />
<br />
跟大家簡單分享了一下 NicoFox 的 UI 改進心得和血淚 (?),在當兵沒梗的時候希望還是能帶給大家歡樂。 :)Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com1tag:blogger.com,1999:blog-6307276368101041908.post-88855183259751254522011-07-11T14:00:00.000+08:002011-07-11T14:00:45.320+08:00NicoFox 0.8 釋出當兵放懇親假出來,所以趕快把 0.8 正式版發出來了~<br />
這次的新版是針對 0.7 既有的問題所做的介面、翻譯和下載功能更新。 <br />
相容於 Firefox 3.6~7.0a2(Release、Beta、Aurora都可以用)<br />
<br />
目前已經送到 <a href="https://addons.mozilla.org/zh-TW/firefox/addon/nicofox/">AMO 站上</a> 送交審核,大概過一兩個星期之後應該就會有結果,通過之後,Firefox 4 以上的使用者將會被自動升級到 0.8(您可以在附加元件管理員中關閉自動更新)。如果您已經等不及,可以<a href="https://github.com/downloads/littlebtc/nicofox/nicofox-0.8.xpi">先安裝釋出的 XPI 檔案</a>。<br />
<br />
此版本的改進:<br />
<br />
<ul><li>翻譯全部翻完了,也潤飾了很多小地方 :)</li>
<li>新 UI 的全面性改善:更快的介面開啟速度、下載進度與影片資訊顯示、縮圖可調顯示大小......還有許許多多說不完的小幅度更新與修正。</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-D_2EZYe9jpo/ThqO7EJlsfI/AAAAAAAAEMc/RJzBrN86HZc/s1600/nicofox_0.8_main.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="287" src="http://3.bp.blogspot.com/-D_2EZYe9jpo/ThqO7EJlsfI/AAAAAAAAEMc/RJzBrN86HZc/s400/nicofox_0.8_main.png" width="400" /></a></div><ul><li>NicoFox Player 支援 16:9 與 4:3 的畫面切換,同時修正了在 Firefox 6 (目前 Beta) 以上版本 Player 沒有畫面的問題。</li>
<li>修正了 Flashblock 的衝突問題,在 Flash 未啟用下也能讀取影片資訊。就算影片資料無法讀取,也依舊提供下載按鈕。</li>
<li>全面改寫了縮圖補載機制,快把你的影片縮圖補齊吧 ^o^/ 現在只要縮圖下載是打開的就會檢查有沒有縮圖沒載到,按一下連結就一次 OK</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/E5BSD.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="http://i.imgur.com/E5BSD.png" width="320" /></a></div><br />
<ul><li>自動登入回來了!同時增加了對網站連線錯誤與 NICO 防洪機制的偵測。</li>
<li>在遇到網站相關問題時所有下載項目都會暫停,不再會噴一排失敗了 Q____Q</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/1Ogyp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="254" src="http://i.imgur.com/1Ogyp.png" width="320" /></a></div><ul><li>同時因為有了暫停,未下載的下載項目將在瀏覽器關閉重開時自動恢復下載喔 :)</li>
<li>下載相關修正:修正了非日本版下 SWF 影片(影片代號為 nm 開頭者)下載的問題,社區評論載不下來、以及特殊評論號碼無法判斷的問題,還有低畫質模式預約系統無法在時段解除時自動下載的問題。</li>
</ul>已知的問題<br />
<ul><li>NicoFox Player 暫不支援投稿者評論。</li>
<li>如果使用 Multifox,將無法使用 NicoFox 的下載功能。</li>
<li>因為缺乏本機檔案處理機制,如果從下載管理中刪掉東西就無法再復原回去。也因此如果移動影片路徑 NicoFox 就會整個找不到影片,以後會設法解決。</li>
<li>新 UI 還是比舊 UI 慢和不方便一點點。NicoFox:「怎麼可以這樣!」「報告班長,新兵會在結訓假趕快寫出固定在側邊欄的功能的!」<br />
縮圖補載「還是」有可能會有失敗情形(目前只會自動重試一遍)請多點幾下那個連結就好了 =3=</li>
</ul>我下次放假是新訓結訓假,在七月底八月初, 大家屆時見囉~<br />
<ul></ul>Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com4tag:blogger.com,1999:blog-6307276368101041908.post-82549442345881666872011-06-17T02:58:00.002+08:002011-06-17T03:00:46.400+08:00NicoFox 0.8 之中途報告好多東西要改...... orz(氣餒ing)<br />
<br />
真的還沒有整理到可以出新版的地步,但還是跟大家講一下目前為止已經改完了哪些東西。<br />
<br />
<span style="font-size: large;">新介面的改善 </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/7zvrB.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="245" src="http://i.imgur.com/7zvrB.png" width="400" /></a></div><br />
0.7 時新介面的縮圖很佔空間、顯示的資訊又不多。0.8 版中,下載中的影片會顯示下載進度,下載好的影片會顯示檔案大小、評論類型和下載時間。舊 UI 裡的所有資訊可以說是都放在新 UI 了 ^o^/。<br />
<br />
縮圖大小也提供大、中、小、不顯示四種選擇,而且把預設的大小調整為略小於 0.7 版的「中」。<br />
<br />
另外,在載入速度方面也做了一定程度的調整,希望能讓大家滿意。<br />
<br />
* 新舊介面的切換和置放到側邊欄很有可能會趕不上 0.8,0.8 重點會放在新 UI 的修正上。因為我只剩12天就要被抓去當兵了,請各位見諒 |||<br />
<br />
<span style="font-size: large;">NicoFox Player 小升級</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/IhTyE.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="271" src="http://i.imgur.com/IhTyE.png" width="400" /></a></div><br />
NICO 官方新版的 Player 在 2010 年 7 月(好久以前喔 ||||) 時進行了改版,加上了 16:9 影音的支援。NicoFox Player 在最近也做了對應的調整,如今也已經完成了 16:9 與 4:3 模式的對應。新的 NicoFox Player 會自動偵測影片寬高比,自動選擇使用 16:9 模式或著 4:3 模式。<br />
<br />
對應 16:9 模式之後修正了很多彈幕位置不正確或著被蓋掉的問題,也同時一口氣解決了 SWF 影片縮放錯誤的問題。接下來如果行有餘力,我會希望能支援不含特殊語法的投稿者評論。敬請期待!<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/kdFBv.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="273" src="http://i.imgur.com/kdFBv.png" width="400" /></a></div><br />
<span style="font-size: large;">其他雜七雜八修正</span><br />
<br />
<ul><li>修好了社區評論載不下來、以及特殊評論號碼無法判斷的問題。</li>
<li>修好了 Flashblock 的衝突問題。就算影片資料無法讀取,也依舊提供下載按鈕。</li>
</ul>希望能趕在我 6/28 入伍前完成剩下長長的清單啊(哭)Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com4tag:blogger.com,1999:blog-6307276368101041908.post-64872847302693276032011-05-31T00:33:00.002+08:002011-05-31T00:35:03.890+08:00NicoFox 介面調查問卷0.7 推出之後,大家最常問到的問題就是介面。<br />
改介面幾乎是每個軟體的忌諱,在 Firefox 套件之中,近期因為改介面造成大抱怨的最佳例子就是 Echofon,。而我認為,NicoFox 也很有可能會變下一個最佳範例。 QQ<br />
<br />
但抱怨沒有用,解決問題才是方法。<br />
既然 0.4 的程式碼已經無法繼續維護下去,那就只能考慮在 0.8 或 0.9 給大家做更好的介面。<br />
<br />
因此,請提供你的意見吧!填寫以下問卷,感謝您。<br />
<br />
<iframe frameborder="0" height="500" marginheight="0" marginwidth="0" src="https://spreadsheets.google.com/spreadsheet/embeddedform?formkey=dHJpc2ltX2dhTU1YRzh5YUdEdkpTTXc6MQ" width="450">&lt;p&gt;Loading...&lt;/p&gt;</iframe>Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com1tag:blogger.com,1999:blog-6307276368101041908.post-85390115611302596462011-05-27T07:47:00.005+08:002011-06-02T02:23:21.992+08:00NicoFox 0.7 初審過了,會自動更新!好消息:NicoFox 0.7 在排了 21 天的隊之後,通過初步審核了!<br />
<a href="https://addons.mozilla.org/zh-TW/firefox/addon/nicofox/">Mozilla 附加元件網站上的頁面</a>也全面復活!<br />
<br />
這表示:<br />
* 如果您使用 Firefox 3.6,您會收到 NicoFox 有更新版的訊息<br />
* 如果您從 Firefox 3.6 升級到 4.0,NicoFox 在更新檢查中升級到 0.7。<br />
* 如果您使用 Firefox 4 以上,您的 NicoFox 會被自動更新!<br />
<br />
接下來升級率會三級跳,應該一星期內就會飆上 90% 以上...<br />
因為 0.7 新版全新的介面需要時間習慣,而新版也有不少已知問題<br />
可想而知會有一些災情,所以請容我重新寫一個 FAQ:<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/U1DFi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="297" src="http://i.imgur.com/U1DFi.png" width="400" /></a></div><br />
<b>Q:更新過後我找不到 NicoFox 放在哪裡!</b><br />
<br />
Firefox 3.6:放在右下角狀態列。<br />
Firefox 4 以上:放在工具列右上角。請耐心點找找看!還是找不到?請到自定工具列找找看,找到之後拉回來。<br />
<br />
<b>Q:請問下載按鈕在哪?</b><br />
<br />
瀏覽影片時,按下 NicoFox 的按鈕就有下載按鈕了。但由於 0.7 的問題,在某些狀況下可能不會顯示(日文使用(9)版或JavaScript、Flash被攔截)這些現象大部分已經在 0.8 修正,將儘快推出。<br />
<br />
至於本來附加在影片連結的箭頭按鈕,則移到右鍵功能表了。您可以在影片連結點擊滑鼠右鍵,選擇「Download Linked Video With NicoFox」下載影片。<br />
<br />
<b>Q:以前的評論輔助器哪去了?</b><br />
<br />
現在以獨立套件的方式提供了,請到這裡安裝:<br />
<a href="https://addons.mozilla.org/zh-TW/firefox/addon/nicovideo-comment-helper/">https://addons.mozilla.org/zh-TW/firefox/addon/nicovideo-comment-helper/</a><br />
<br />
<b>Q:這版 NicoFox 不能用!</b><br />
<br />
目前本版本已知的問題如下。<br />
如有任何除此之外的問題,請使用回應回報給我!<br />
<ul><li>有些字串還是英文。<br />
NicoFox 0.8 的日文/正簡體中文/英文翻譯正積極準備中 ^^"</li>
<li>自動登入無法使用。0.8 即將修正!</li>
<li>不相容於 NICO 日文舊版本 (9) <br />
如何檢查?→如果你的影片網址是 nine.nicovideo.jp,就是使用舊版<br />
如何切到新版?請點網頁右上角【ニコニコ動画のバージョンを変更する】。<br />
我開始在重新考慮要不要支援了... Orz</li>
<li>無法下載非日本版的 SWF 影片(影片代號為 nm 開頭者),此問題已在 0.8 修正。 </li>
<li>如果使用 Multifox,將無法使用 NicoFox 的下載功能。目前正在調查中,希望能儘快給大家解法 </li>
<li>如果 JavaScript 或 Flash 未啟用,或使用 Flashblock 等套件攔截網頁上的影片 Flash,NicoFox 將無法抓取影片資訊也無法提供下載按鈕。這點已經在 0.8 完成修正,希望能趕快送給大家!</li>
<li>縮圖補載一旦瀏覽器關閉後就無法再繼續,這點會在 0.8 修正。</li>
<li>新 UI 的不安定性:某些狀況下會導致下載介面異常(加新的不會有反應、刪舊的刪不掉)其中一個問題是源於視窗開關造成的異常,將會在 0.8 修正。</li>
<li>對於下載管理員中有太多影片(>50)的情況下,第一次打開 NicoFox 的面板介面需要很長的時間(1秒以上)。這點我最近會再想辦法作一些微調。</li>
</ul><b>Q:我裝了 0.7 之後不喜歡,可以反悔嗎?</b><br />
<br />
可以,雖然我個人很不建議 :(<br />
請先移除 NicoFox 0.7 後,到這裡取得 0.4b1:<br />
<a href="http://code.google.com/p/nicofox/downloads/list">http://code.google.com/p/nicofox/downloads/list</a><br />
<br />
下載好後打開工具 -> 附加元件,把載好的 XPI 拖進附加元件視窗裡<br />
<br />
另外請注意 NicoFox 0.4b1 就算不檢查相容性也無法在 Firefox 4 以上正常運作<br />
因此強烈建議 Firefox 4 使用者不要降級,謝謝 orz<br />
<br />
如果您有任何對新版介面的想法和建議,請回報到<a href="http://blog.littleb.tc/2011/05/nicofox.html">介面調查問卷</a>,讓下一版的 NicoFox 更好用!Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com13tag:blogger.com,1999:blog-6307276368101041908.post-14973016798808933592011-05-01T00:21:00.000+08:002011-05-01T00:21:42.321+08:00NicoFox: 太多東西要改,五月會有1.0!<a href="http://4.bp.blogspot.com/-noxC6bPqlsc/Tbw0YnPmnXI/AAAAAAAAEKg/7nPz4dUclXA/s1600/%25E8%259E%25A2%25E5%25B9%2595%25E5%25BF%25AB%25E7%2585%25A7+2011-05-01+%25E4%25B8%258A%25E5%258D%258812.08.21.png" imageanchor="1" style="margin-bottom: 1em; margin-right: 1em;"><img border="0" height="259" src="http://4.bp.blogspot.com/-noxC6bPqlsc/Tbw0YnPmnXI/AAAAAAAAEKg/7nPz4dUclXA/s320/%25E8%259E%25A2%25E5%25B9%2595%25E5%25BF%25AB%25E7%2585%25A7+2011-05-01+%25E4%25B8%258A%25E5%258D%258812.08.21.png" width="320" /></a><br />
<br />
要改的東西太多了,就改天(ry<br />
<br />
是這樣的,雖然 Firefox 4 都出超久了,NicoFox 還是遲遲沒有出新版,真是糟糕 Orz<br />
<br />
不過 NicoFox 他確確實實的還活著,只是我現在還有太多地方還在慢慢修。本來所謂的12月要有0.6也因為整個12月大爆炸所以大延誤了。<br />
<br />
不過也因為這個緣故,我想趁著五月順便把 NicoFox 最糟糕的一些部分修掉,並且因應 Firefox 4 加上一些更好用的介面。這個五月,打通任督二脈的 NicoFox 1.0 會很快跟大家見面!<br />
<br />
雖然現在 GitHub 上的版本已經「可以用」了,但還是我開發到一半,不太完備的版本,所以請大家使用前多加斟酌。(如果你已經用了,請要回報心得和問題給我! :) )我會很努力在這個月趕快把東西寫完。 <br />
<br />
然後來在這裡重貼一次介面的預定變更好了。<br />
<br />
預定的主介面改動:<br />
<img alt="" height="273" src="http://i.imgur.com/8v4Vm.png" title="Hosted by imgur.com" width="400" /><br />
<ul><li>在Firefox 4時,預設顯示在工具列右上角。</li>
<li>只顯示最近下載的項目。所有下載項目會在NicoFox Player裡顯示。</li>
<li>把本來放在頁面上的工具全部移到Panel去。</li>
</ul> 預定的 Player 更動:<br />
<br />
<img alt="" height="221" src="http://i.imgur.com/GWJ75.png" title="Hosted by imgur.com" width="400" /><br />
<ul><li>改開在分頁裡面。</li>
<li>改為類似Ant Video Downloader播放器的兩欄介面。左欄可以作為管理工具。</li>
<li>提供4:3和16:9選項。(考慮中)</li>
</ul>有任何意見都歡迎留言喔!Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com4tag:blogger.com,1999:blog-6307276368101041908.post-85724798104559276602011-04-30T01:05:00.000+08:002011-04-30T01:05:19.011+08:00辦給自己的小B成發會<a href="http://www.flickr.com/photos/ybite/5376827133/" title="Flickr 上 笨笨的小B 的 旅途。"><img alt="旅途。" height="375" src="http://farm6.static.flickr.com/5164/5376827133_f7f5550703.jpg" width="500" /></a><br />
<br />
是啊,日子過得好快,轉眼之間延畢一年的歲月就要過去了。隨著天氣愈來愈熱,也快要到了登入國軍 Online 的時間。<br />
<br />
這一年來說停滯是停滯,說有進展卻也有很多進展。依舊還是沒有堅定的信念,但「就這樣當完兵出去社會吧」的想法慢慢確定下來了。這一年來,雖然研究所最後只準備了一個半月所以沒上,但OnionSky、CC計畫都算是有不錯的成績。我在很多方面需要更好。<br />
<br />
登入以前我想先把我到底做了什麼給慢慢寫下來,算是個自己的一點交代吧。這就是我即將辦個自己的小B自嗨成發會 :)Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com0tag:blogger.com,1999:blog-6307276368101041908.post-77233043258396922822011-04-26T01:04:00.002+08:002011-04-26T01:10:07.679+08:00Firefox 4 Party 之謝謝大家!<a href="http://www.flickr.com/photos/othree/5649020290/" title="Flickr 上 othree 的 P4249376"><img alt="P4249376" height="375" src="http://farm6.static.flickr.com/5185/5649020290_0e07e5e616.jpg" width="500" /></a><br />
<br />
我(左)和WM(右)的「火狐再臨」開場演講。圖片由 othree 拍攝,採CC-BY授權。<br />
<br />
故事要從二月底開始。WM 接下了 Party 內容組的工作之後,希望借助我的人脈,所以把我也一起拉進來。於是我們兩個人就開始了到處找人講東西的愉快旅程。<br />
<br />
Firefox 4 Party 的所有內容包括一場功能介紹、兩場大講、八場小科展攤位秀。其中小科展的概念是柏強提出來的,意圖複製 Mozilla Summit 2010 時廣受好評的科展形式。由於我也有去那場 Summit,對小科展也十分印象深刻,所以也就這樣同意了這個想法。<br />
<br />
大概是報著「國軍 Online 以前最後一場大活動」的想法,所以對於這場活動自己的期待很高,也確實花了不少心思在拉人上面。雖然因為我的拖延性格,加上溝通時龜龜毛毛,太多東西都拖了太久,也導致很多人最後沒辦法前來 :(。也因此,我一直到活動真的辦完以前都很擔心內容會不會出包。<br />
<br />
最後的活動仔細回想起來還算成功,真的要感謝提供內容的大家 :) 請容許我一個一個感謝吧:<br />
<br />
在功能介紹上,WM 非常認真的在準備這一次的演講,花了很多的時間製作基於 HTML5 的投影片、砍掉太多的內容、寫講稿且實際演練。最後的成果其實還不錯,以沒有真的兩人排練過來說還算流暢。 :)<br />
<br />
在大講上,異塵行者介紹了許多實用的套件,TonyQ 介紹了使用者面向的 Userscript(還特地花了時間送了 GreaseFire 在 Firefox 4 下的 Patch,超有誠意!)。這兩場演講內容都十分充實,包含了很多他們的使用心得,對一般使用者而言非常有用。很棒的分享!<br />
<br />
也謝謝 Mozilla 本部的 Andreas 和 Chris 為我們介紹了 Firefox 在 JavaScript 與 Layers 方面的重大技術改進。雖然內容有點深,但對稍微有爬技術文的我而言還算簡明易懂。不過一個小小可惜的地方是他們提出來的未來面相是太抽象的技術基礎,不見得是每個人都有機會參與的。<br />
<br />
小科展的部份一共有八攤,當初我在排的時候就希望能同時有技術攤和非技術攤,而實驗證明非技術攤擺小科展確實會有比較好的效果。技術的東西如果能更簡單、更有視覺效果的話我想會比較有機會受到矚目吧。我也想一個一個講我自己的想法:<br />
<br />
<b>上半場 </b><br />
<ul><li><b>我和 Irvin 的 Firefox Mobile + 各平台上的 MozTW 首頁</b>:我跟後來亂入的 Irvin 的共同攤,手機版 Firefox 真的是個很有意思的話題,也有很多人問到為什麼舊手機不能跑 Firefox。我們加起來一共有 HTC Desire / 白色版 iPhone 4 / iPad / MacBook Pro 兩台,很大程度上是超大陣仗的攤位...</li>
<li><b>reke 等人的維基百科攤,維基娘 vs 小莎:</b>算是我基於「回饋維基社群」理念下硬拉下來的攤位,由 reke.wang 等人一起負責。他們為了活動準備了一大疊傳單和一個液晶螢幕,內容上算頗為用心。我覺得雖然成效可能不如預期,但卻是社群經營的一個好開始。</li>
<li><b>orinx + 小喵的 WebM:</b>算是 WM 指導的攤, 小喵後期的搶救完全讓這個攤起死回生,最後弄出了一個很好的 HTML5 video Demo。辛苦了!</li>
<li><b>TonyQ 的 Zk:</b>顧自己攤位的緣故沒注意到。事後回想,同時讓他接大講和小科展真的是負擔太大。我希望以後不要再有這種讓人累壞的安排。Zk Team 辛苦了!</li>
</ul>下半場<br />
<ul><li><b>我的 Add-on SDK:</b>附加元件大使義務攤。轉眼之間 Add-on SDK 就已經出到 1.0 Beta 4 了,而且已經有了超級完善的文件。我決定寫一個超簡單的顯示噗浪行動版套件來做 Demo,效果其實還可以,而且確實有把 Add-on Builder 吸引人的一面展現出來。</li>
<li><b>柏強的 Drumbeat 之 全民上字幕:</b>...我沒有注意到 qqqqq 不過柏強這次在工作量超重的情況下還能另外準備一個小科展,很大程度上我要給他好幾個讚。</li>
<li><b>魏風的Audio Data API:</b>也是 WM 指導攤,最後做出來的 Demo 是個很有設計感又很有火力展示風味的 HTML5 audio Demo。如果能用別的方式說明「這是動態產生的喔」也許會更好?</li>
<li><b>mosky 的 Enjoy Bus:</b><span style="font-size: x-small;"><span style="font-size: small;">很大程度上也許是整場活動的另類攤。</span><br />
<strike>這攤的誕生也實在是莫名其妙。有一天我去台北的時候想說「ㄟ mosky 有寫個 Enjoy Bus 耶,我想去西門玩,看看公車何時來」,結果讓我順利搭上了 660。發現這東西真的好用,於是突然打電話給 WM 說「ㄟ這個當一攤好不好」...... 對,就是這麼莫名其妙!</strike><span style="font-size: small;"><b>Update: WM 說其實根本是我在耍白痴,他也覺得應該要邀這一攤,而且早就講了。</b>好啦,當我千金難買早知道。總之這攤也是意外效果不錯的攤位,實用性的東西擺小科展確實很好。</span></span></li>
</ul>自從 Firefox 3 Party 時被拉來講 NicoFox 已經過了兩年半,轉眼間現在已經在 MozTW 做了很多事情。如今 Firefox 4 Party 也已經圓滿結束了,我個人希望 Firefox Party 能夠拉近大家的距離,也讓 MozTW 能在薪火相傳之餘,繼續扮演一個快快樂樂分享網路體驗的 FOSS 社群!Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com0tag:blogger.com,1999:blog-6307276368101041908.post-23350089675793496052010-11-26T01:33:00.001+08:002010-11-26T01:34:31.949+08:00即將進入真考生Mode<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_EnuoLqwdZQg/TO6cS0v9pLI/AAAAAAAAEHU/B-COpV9hVcM/s1600/DSCF1006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://2.bp.blogspot.com/_EnuoLqwdZQg/TO6cS0v9pLI/AAAAAAAAEHU/B-COpV9hVcM/s320/DSCF1006.jpg" width="320" /></a></div>都延畢一年了,該面對的事還是要面對。<br />
<br />
事情是這樣的,我會參加2/19~20的台大碩士班考試,目標應該還是網路與多媒體研究所。目前還在思考要不要再考一個其他學校(交大好像是2/17~18)。最近在開始每天增加自己的念書時間,讓自己可以有辦法在二月初前(也就是不到兩個半月)塞完六個考科然後好好做考古題。<br />
<br />
因此我會在12月中之後進入半閉關狀態。在12/15~2/19之間我絕大部分的時間會花在讀書上面。一些待處理的爛帳交代如下:<br />
<ul><li>CC打工計畫(<a href="http://wiki.creativecommons.org.tw/cc-media-collector">CC Media Collector</a>)會在12/5以前有Beta,然後暫停工作兩個半月。</li>
<li>NicoFox 會在 12/24 以前出 0.6 正式版。 </li>
<li>正在參與的Start-up計畫(暫不公開XD)會在12月中對台大學生公測。</li>
</ul>希望我能夠趕快調適過來然後輕鬆考上。 :PAnonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com0tag:blogger.com,1999:blog-6307276368101041908.post-5132241694485508372010-11-26T01:24:00.000+08:002010-11-26T01:24:19.791+08:00「寫給大家的Git教學」很久以前做好的簡報了,現在才想到要打進網誌裡面。<br />
<br />
<div id="__ss_5528339" style="width: 425px;"><b style="display: block; margin: 12px 0 4px;"><a href="http://www.slideshare.net/littlebtc/git-5528339" title="寫給大家的 Git 教學">寫給大家的 Git 教學</a></b><object height="355" id="__sse5528339" width="425"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=giteveryone-101022053442-phpapp02&stripped_title=git-5528339&userName=littlebtc" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed name="__sse5528339" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=giteveryone-101022053442-phpapp02&stripped_title=git-5528339&userName=littlebtc" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object><br />
<div style="padding: 5px 0 12px;">View more <a href="http://www.slideshare.net/">presentations</a> from <a href="http://www.slideshare.net/littlebtc">littlebtc</a>.</div></div>當時的契機是我想跟兩組人馬同時介紹分散式的版本管理系統,於是拿了 <a href="http://progit.org/">Pro Git</a> 電子書,略讀後把覺得重要的部份剪剪貼貼做成了投影片。<br />
<br />
在做完這份投影片過後我對 Git 的了解也增加了不少,尤其是對 Merge 機制的掌握。也感謝 <a href="http://blog.timc.idv.tw/">timdream</a> 後來的敲碗讓我不得不去了解 Rebase 的機制。 :)<br />
<br />
Git 是一個非常有吸引力的分散式版本控制系統,希望大家都能透過他達到更好的工作效率!Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com1tag:blogger.com,1999:blog-6307276368101041908.post-23633474389932570332010-08-14T23:36:00.000+08:002010-08-14T23:36:00.001+08:00Jetpack SDK Presentation on COSCUP / GNOME.Asia 2010In the joint conference of <a href="http://coscup.org/2010/en">COSCUP / GNOME.Asia 2010,</a> which is the biggest FLOSS conference in Taiwan this year with more then 1,000 attendees, I gave a 30 minutes presentation about Jetpack SDK and how to developer extension with <a href="https://builder.mozillalabs.com/">Addon Builder</a>.<br />
<br />
Though I still spoke too fast, it was still a great presentation at all :). The following is the slide of the presentation, which was written in English:<br />
<div id="__ss_4967990" style="width: 425px;"><b style="display: block; margin: 12px 0 4px;"><a href="http://www.slideshare.net/littlebtc/jetpack-sdk-the-new-possibility-of-the-extensions-on-browser" title="Jetpack SDK: The new possibility of the extensions on browser">Jetpack SDK: The new possibility of the extensions on browser</a></b><object height="355" id="__sse4967990" width="425"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=jetpacksdk-coscup-100814032554-phpapp01&stripped_title=jetpack-sdk-the-new-possibility-of-the-extensions-on-browser" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed name="__sse4967990" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=jetpacksdk-coscup-100814032554-phpapp01&stripped_title=jetpack-sdk-the-new-possibility-of-the-extensions-on-browser" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object><br />
<div style="padding: 5px 0 12px;">View more <a href="http://www.slideshare.net/">presentations</a> from <a href="http://www.slideshare.net/littlebtc">littlebtc</a>.</div></div><br />
Examples used in the presentation:<br />
<ol><li><a href="https://builder.mozillalabs.com/addon/edit/1000637/latest/">Plurk pusher *</a></li>
<li> <a href="https://builder.mozillalabs.com/addon/edit/1000219/latest/">Say Sorry pt.2 feat. littlebtc</a></li>
<li><a href="https://builder.mozillalabs.com/addon/edit/1000932/latest/">Plurk unread mointor *</a></li>
</ol> * You require a Plurk account to test full funcationality of 1 and 3. Plurk is the most famous microblogging service in Taiwan.<br />
<br />
To me, I think next time I should not put so much things in a 30-minutes presentation :PAnonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com1tag:blogger.com,1999:blog-6307276368101041908.post-82098411984628019422010-06-06T15:10:00.002+08:002010-06-15T22:54:33.768+08:00HTML5...嗯。<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_EnuoLqwdZQg/TAtJLAa44KI/AAAAAAAAEB4/xccPo80Zs74/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2010-06-06+%E4%B8%8B%E5%8D%883.02.54.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_EnuoLqwdZQg/TAtJLAa44KI/AAAAAAAAEB4/xccPo80Zs74/s640/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2010-06-06+%E4%B8%8B%E5%8D%883.02.54.png" width="520" /></a></div>一個HTML5,大家各懷鬼胎。<br />
<br />
這Apple, Inc. 吃相真的是愈來愈難看了。Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com1tag:blogger.com,1999:blog-6307276368101041908.post-3428343520373294442010-04-13T03:13:00.000+08:002010-04-13T03:13:33.492+08:00Jetpack Workshops in Taiwan, held in 3 cities!<div class="separator" style="clear: both; text-align: center;"><a href="http://www.flickr.com/photos/bobchao/4410887115/"><br />
<img border="0" height="240" src="http://farm3.static.flickr.com/2735/4410887115_c9e7cc26bd_b.jpg" width="320" /></a></div>Jetpack Workshop in Taipei, Photo by BobChao under CC-BY-SA-2.0.<br />
<br />
As a totally procrastinator, I wrote my review to the workshops a week after it ended :P.<br />
<br />
Our local community, <a href="http://moztw.org/">MozTW</a>, with the help from <a href="http://www.openfoundry.org/en/">OSSF</a>, had held a series of workshop spoken by me, littlebtc, a Jetpack ambassador, about the Jetpack. The workshops held in three major cities in Taiwan: Taipei on March 6, Kaohsiung on March 20, and Taichung on April 3.<br />
<br />
In the workshops, the API/JEPs from (now deprecated) Jetpack Prototype was mainly discussed; but technical overview of Jetpack SDK was also included; in the final workshop in Taichung, a demo of Jetpack SDK was given.<br />
<br />
Free time to make Jetpacks was another interesting thing in the workshops. Some attendees wrote interesting Jetpacks, including some basic but useful work like fast dictionary search, copy hyperlink HTML code, and "Share with microblogging" function. There are also some fun works, like "Say sorry!", which will input "I'm sorry, it's my fault!" into the textbox and then play a song about apoligize.<br />
<br />
For the attendees' work, slides, and more info, check <a href="http://moztw.org/events/jetpack-workshop/">MozTW's event site</a>. Video will be available soon.<br />
<br />
<br />
<div style="width:425px" id="__ss_3625673"><strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/littlebtc/moztw-jetpack-workshop-taichung" title="MozTW Jetpack Workshop: Taichung">MozTW Jetpack Workshop: Taichung</a></strong><object width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=taichung-100402203543-phpapp01&stripped_title=moztw-jetpack-workshop-taichung" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=taichung-100402203543-phpapp01&stripped_title=moztw-jetpack-workshop-taichung" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object><div style="padding:5px 0 12px">View more <a href="http://www.slideshare.net/">presentations</a> from <a href="http://www.slideshare.net/littlebtc">littlebtc</a>.</div></div>Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com0tag:blogger.com,1999:blog-6307276368101041908.post-23020616145566559522010-02-18T01:02:00.000+08:002010-02-18T01:02:35.111+08:00轉眼間過去的好幾個月12月23日,跑了一趟台中拿從美國寄來的 <a href="http://www.mozillalabs.com/contests/extendfirefox/">Extend Firefox 3.5</a> 主要獎品。是台超好用的15吋MacBook Pro >"<<br />
有關我的得獎作品:Voyage,<a href="http://playpcesor.blogspot.com/2009/12/voyage-firefox.html">可以參考這裡</a>。<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://lh4.ggpht.com/_EnuoLqwdZQg/Szom0Jqt19I/AAAAAAAAD5Q/PSsYQHA19iQ/s1600/DSCF6096.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://lh4.ggpht.com/_EnuoLqwdZQg/Szom0Jqt19I/AAAAAAAAD5Q/PSsYQHA19iQ/s320/DSCF6096.JPG" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="http://lh4.ggpht.com/_EnuoLqwdZQg/Szom0VdYpyI/AAAAAAAAD5U/WKCIs_w4eXk/s1600/DSCF6097.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://lh4.ggpht.com/_EnuoLqwdZQg/Szom0VdYpyI/AAAAAAAAD5U/WKCIs_w4eXk/s320/DSCF6097.JPG" /></a></div>12月24日,玩jubeat玩了兩個月之後,隅田川夏戀歌到手。<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_EnuoLqwdZQg/S3wfHRVrdAI/AAAAAAAAD9U/1DxI5TAWYR4/s1600-h/DSCF6104.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_EnuoLqwdZQg/S3wfHRVrdAI/AAAAAAAAD9U/1DxI5TAWYR4/s320/DSCF6104.jpg" /></a></div>然後是莫名其妙的公館蓋酷跨年祭和期末考爆炸區。<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_EnuoLqwdZQg/S3wffh-NTCI/AAAAAAAAD9c/RsJovKApN6s/s1600-h/DSCF6294.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_EnuoLqwdZQg/S3wffh-NTCI/AAAAAAAAD9c/RsJovKApN6s/s320/DSCF6294.jpg" /></a></div>整個寒假一半的時間都花在籌備美國行上面了。<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_EnuoLqwdZQg/S3whFeLdVTI/AAAAAAAAD9s/1vH6uySaCoo/s1600-h/DSCF6389.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_EnuoLqwdZQg/S3whFeLdVTI/AAAAAAAAD9s/1vH6uySaCoo/s320/DSCF6389.jpg" /></a></div><br />
在美國最後一天,明天回台灣,笑一個 XD<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_EnuoLqwdZQg/S3wgBIxWglI/AAAAAAAAD9k/xTBFMRFlqWo/s1600-h/DSCF6500.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_EnuoLqwdZQg/S3wgBIxWglI/AAAAAAAAD9k/xTBFMRFlqWo/s320/DSCF6500.jpg" /></a></div>Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com0tag:blogger.com,1999:blog-6307276368101041908.post-34575446793712666132009-12-26T11:25:00.001+08:002009-12-26T11:25:53.518+08:00因為過於嘴砲,只好默默地接受事實。<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_EnuoLqwdZQg/SzWBzawvBGI/AAAAAAAAD4c/pNiO_I0Oe8Q/s1600-h/heititc.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_EnuoLqwdZQg/SzWBzawvBGI/AAAAAAAAD4c/pNiO_I0Oe8Q/s640/heititc.png" /></a><br />
</div>我還沒有要為了系統字體做好報 Bug 和跟客服嘴砲的長期抗戰準備。<br />
所以請允許我這一個自嗨嘴砲鄉民勇敢地接受事實吧。<br />
<br />
當然,如果你不爽,那裡有TCFail。不過千萬記得,灌完之後報 Bug + 跟客服吵架。<br />
祝你好運 XDAnonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com3tag:blogger.com,1999:blog-6307276368101041908.post-11169000627105673952009-12-10T20:06:00.001+08:002009-12-10T20:07:08.240+08:00Flash 的 SharedObject 白名單式攔截設定法發現原來 Flash 可以讓我這樣搞,於是先記下來好了。意外簡單:<br />
<br />
進入官方設定管理員的<a href="http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager03.html">全域儲存區設定</a>,把大小調整為「無」:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_EnuoLqwdZQg/SyDjhIQxEFI/AAAAAAAAD4U/dQRqTyE1fc4/s1600-h/lso.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_EnuoLqwdZQg/SyDjhIQxEFI/AAAAAAAAD4U/dQRqTyE1fc4/s320/lso.PNG" /></a><br />
</div><br />
這樣所有沒有顯示出來的 Flash 都沒辦法把 SharedObject 存下來,而顯示得出來的Flash只要按一下允許就可以了。<br />
<br />
縱然我並不是那麼喜歡 <a href="https://addons.mozilla.org/zh-TW/firefox/addon/6623">BetterPrivacy</a> 拙劣(?)的設定畫面,但不可否認的是這是目前對 SharedObject 等等可識別個人資訊的黑暗兵法最好的解決方案之一(因為可以結束時清理)。但是一整個覺得用檔案名稱硬幹很不漂亮(想跳下去寫的意味)<br />
<br />
啊對,Silverlight 也有類似的 Storage 方案,而且目前沒有好的解決方案協助清理 \^o^/Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com0tag:blogger.com,1999:blog-6307276368101041908.post-20780503668736122462009-09-09T02:33:00.000+08:002009-09-09T02:33:13.117+08:00NICONICO 動畫上的新流感民意調查在昨天(9/8)晚上,NICONICO 動畫的運營作了對有關新流感的特別調查,運營也把<a href="http://blog.nicovideo.jp/niconews/2009/09/004602.html">結果公開</a>了(<a href="http://www.nicovideo.jp/watch/nm8170528">影片版</a>、<a href="http://www.nicovideo.jp/static/enquete/political/20090908.html">文字版</a>)。總計有58,231人回答。這個數據或多或少可以當作日本防疫成效的一種參考數據,大家可以稍微看看:<br />
<blockquote><ul><li>有91.7%的人知道新流感又開始流行了</li>
<li>對於因應新流感的相關措施(這題是複選題),50.0%的人回答「洗手和漱口」、37.3%的人回答「不會有特別的因應措施」、22.3%的人回答「盡量不去人群集中的地方」、17.8%的人回答「使用消毒液」、12%回答「戴口罩」(回答戴口罩的人好少,這是宣導適當還是不當?)</li>
<li>54%的人知道日本的衛生所有設立發燒諮詢中心(発熱相談センター,算是電話和傳真服務)</li>
<li>35.3%的人覺得(日本)政府的防疫作得不夠(但有38.6%的人對政府防疫的充足與否抱持中立)</li>
<li>55%的人從電視得知因應的對策,29%的人則從網路 </li>
</ul></blockquote>Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com0tag:blogger.com,1999:blog-6307276368101041908.post-52065737408165338412009-08-28T02:17:00.013+08:002009-08-28T03:11:39.176+08:00AMO 5.0.9 (算是)翻完了 Q______Q哈囉!我現在是 <a href="https://addons.mozilla.org/">Mozilla 附加元件網站</a><span style="font-weight: bold;">*閃亮亮的、<a href="https://wiki.mozilla.org/L10n:Teams:zh-TW">正牌的</a>*正體中文語系翻譯負責人</span>,如果你在這個網站看到爛掉的翻譯或其他事情歡迎找我抱怨 :D<br /><br />Hello, as an AMO localizer since August 2009, I will try to introduce the new features on AMO 5.0.9 and an interesting l10n result (a.k.a the "easter egg") in current zh-TW translation.<br /><br /><span style="font-weight: bold;">以下所述的新功能在台灣時間 8/28 中午才正式上線,您可能需要等一等才能看到。</span><br /><br />AMO(<a href="https://addons.mozilla.org/">Mozilla 附加元件網站</a>) 的 5.0.9 版本即將登場,由於翻譯 AMO 實在是一件吃力不討好<del>到讓人血尿控訴</del>的事情,所以來寫一下這版新增的新功能 XD。<br /><br />另外,長期以來感謝 AMO 前本地化負責人 <a href="http://blog.timc.idv.tw/">timdream</a> 對 AMO 翻譯的付出,如今 AMO 翻譯這麼重要的任務終於正式落在小弟手上,小弟會盡全力每個月跟上一堆最新的 String 的 Q______Q<br /><ul><li><span style="font-weight: bold;"></span><a style="font-weight: bold;" href="https://addons.mozilla.org/zh-TW/statistics/">全網站的統計資訊</a>,可以檢視套件/使用者/收藏集的數量成長:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_EnuoLqwdZQg/SpbPam-HIDI/AAAAAAAADh4/vygqAA3Vbmc/s1600-h/temp.png"><img style="cursor: pointer; width: 400px; height: 230px;" src="http://2.bp.blogspot.com/_EnuoLqwdZQg/SpbPam-HIDI/AAAAAAAADh4/vygqAA3Vbmc/s400/temp.png" alt="" id="BLOGGER_PHOTO_ID_5374711261357875250" border="0" /></a></li><li><span style="font-weight: bold;">收藏集PK:</span><del style="font-weight: bold;">我的一張票,說服全世界!</del> 喔喔不是,是自 5.0.9 開始您可以對收藏集給予「正評」(Positive vote)或「負評」(Negative vote),來對您檢視過的收藏集打打分數喔! XD<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_EnuoLqwdZQg/SpbQiuvPCRI/AAAAAAAADiA/Xh9zmJPAOqk/s1600-h/temp.png"><img style="cursor: pointer; width: 271px; height: 155px;" src="http://2.bp.blogspot.com/_EnuoLqwdZQg/SpbQiuvPCRI/AAAAAAAADiA/Xh9zmJPAOqk/s400/temp.png" alt="" id="BLOGGER_PHOTO_ID_5374712500393543954" border="0" /></a><br /></li><li><span style="font-weight: bold;">叩叩叩,請問我的收藏集有人用嗎?</span>5.0.9 開始您可以對自己建立的收藏集檢視其「使用狀況統計資訊」<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_EnuoLqwdZQg/SpbRbw_tKmI/AAAAAAAADiI/brjIk8AEOJg/s1600-h/temp.png"><img style="cursor: pointer; width: 400px; height: 133px;" src="http://1.bp.blogspot.com/_EnuoLqwdZQg/SpbRbw_tKmI/AAAAAAAADiI/brjIk8AEOJg/s400/temp.png" alt="" id="BLOGGER_PHOTO_ID_5374713480252041826" border="0" /></a><br />看起來就像這樣(截圖會在正式上線後更新 @@)<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_EnuoLqwdZQg/SpbRzRTnPSI/AAAAAAAADiQ/lQI4pSmZpJQ/s1600-h/temp.png"><img style="cursor: pointer; width: 347px; height: 247px;" src="http://1.bp.blogspot.com/_EnuoLqwdZQg/SpbRzRTnPSI/AAAAAAAADiQ/lQI4pSmZpJQ/s400/temp.png" alt="" id="BLOGGER_PHOTO_ID_5374713884062465314" border="0" /></a></li><li><span style="font-weight: bold;">凡走過必留下痕跡。</span>現在 AMO 網站會把你之前瀏覽過的收藏集紀錄下來以方便存取:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_EnuoLqwdZQg/SpbSrJ3KERI/AAAAAAAADiY/AWNn9Cz0Miw/s1600-h/temp.png"><img style="cursor: pointer; width: 226px; height: 162px;" src="http://3.bp.blogspot.com/_EnuoLqwdZQg/SpbSrJ3KERI/AAAAAAAADiY/AWNn9Cz0Miw/s400/temp.png" alt="" id="BLOGGER_PHOTO_ID_5374714844136739090" border="0" /></a></li><li><span style="font-weight: bold;">物以類聚,套件亦然。</span>現在開始 AMO 會根據套件的使用狀況幫您在一個套件的頁面中推薦使用這個套件的人也使用的其他套件:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_EnuoLqwdZQg/SpbYSDn4UQI/AAAAAAAADi4/yCiooqw6epg/s1600-h/temp.png"><img style="cursor: pointer; width: 283px; height: 152px;" src="http://1.bp.blogspot.com/_EnuoLqwdZQg/SpbYSDn4UQI/AAAAAAAADi4/yCiooqw6epg/s400/temp.png" alt="" id="BLOGGER_PHOTO_ID_5374721010035085570" border="0" /></a><br /><br /></li><li><span style="font-weight: bold;">逼逼逼,你的套件有問題,不給上!</span>AMO 自 5.0.9 起將對每一個上傳的新版本自動進行驗證功能,對於嚴重不合格的元件將被禁止上傳。<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_EnuoLqwdZQg/SpbY-TCrL3I/AAAAAAAADjA/pAFx8fBMBTA/s1600-h/temp.png"><img style="cursor: pointer; width: 400px; height: 113px;" src="http://1.bp.blogspot.com/_EnuoLqwdZQg/SpbY-TCrL3I/AAAAAAAADjA/pAFx8fBMBTA/s400/temp.png" alt="" id="BLOGGER_PHOTO_ID_5374721770088247154" border="0" /></a><br /><br /></li><li><span style="font-weight: bold;">AMO 幫你提供一個頁面,方便你在套件一執行時<del>討錢</del>要求贊助 :D!</span>這個新功能叫「單獨的捐助頁面」,包含感謝下載的訊息、捐助按鈕和開發者檔案。可以設定為套件第一次執行的畫面,方便您向大家介紹套件未來發展和要求捐助。如果您身為開發者,您可以在「開發者工具→編輯附加元件→開發者檔案」中找到這個頁面的連結。<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_EnuoLqwdZQg/SpbUUkADQxI/AAAAAAAADig/kLXlHo_Dtfs/s1600-h/temp.png"><img style="cursor: pointer; width: 400px; height: 179px;" src="http://2.bp.blogspot.com/_EnuoLqwdZQg/SpbUUkADQxI/AAAAAAAADig/kLXlHo_Dtfs/s400/temp.png" alt="" id="BLOGGER_PHOTO_ID_5374716655039628050" border="0" /></a></li></ul>總之,AMO 5.0.9 就是有這些新東西,玩玩看吧!<br /><br /><span style="font-weight: bold;">有什麼東西漏翻了?</span><br /><br />目前 AMO 沒有翻譯到的部分有:<br /><ul><li>靜態頁面:<a href="https://addons.mozilla.org/zh-TW/firefox/pages/validation">驗證系統</a>說明與<a href="https://addons.mozilla.org/zh-TW/firefox/pages/developer_faq">開發者常見問題集</a>(部分譯畢)。<br />(這兩個暫時不翻一是我沒時間,二是這些頁面d感覺還會再大修)</li><li>審核者向的功能:因為我沒有管道去驗證翻譯。如果你是會中文的審核者請聯絡我,我需要你幫我看翻譯 Q___________Q<br /></li></ul><br /><span style="font-weight: bold;">彩蛋時間</span><br /><br />最後介紹一個應該開發者才看得到的 AMO 正體中文化小彩蛋,這是在數個月前的 AMO 5.0.7 就上線的,只是我想應該沒幾個人注意到 XD。<br />當你在英文版使用請求捐助的時候,點選範例你會看到諸如這樣的畫面:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_EnuoLqwdZQg/SpbVbpd4EoI/AAAAAAAADiw/PFdnBlnuTe8/s1600-h/passive.png"><img style="cursor: pointer; width: 400px; height: 177px;" src="http://3.bp.blogspot.com/_EnuoLqwdZQg/SpbVbpd4EoI/AAAAAAAADiw/PFdnBlnuTe8/s400/passive.png" alt="" id="BLOGGER_PHOTO_ID_5374717876277613186" border="0" /></a><br />我就想說「這種畫面不中文化真是太奇怪了」,所以和 <a href="http://irvin.sto.tw/">irvinfly</a> 合力完成了「在地化」的版本:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_EnuoLqwdZQg/SpbVCIz2lII/AAAAAAAADio/1QcqQXq2A-M/s1600-h/passive.png"><img style="cursor: pointer; width: 400px; height: 177px;" src="http://3.bp.blogspot.com/_EnuoLqwdZQg/SpbVCIz2lII/AAAAAAAADio/1QcqQXq2A-M/s400/passive.png" alt="" id="BLOGGER_PHOTO_ID_5374717438014690434" border="0" /></a><br />看啊!畫面多親切啊啾咪! >.^Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com0tag:blogger.com,1999:blog-6307276368101041908.post-29838955567208725582009-08-17T00:19:00.006+08:002009-08-20T00:47:26.958+08:00COSCUP 2009 第二天心得,和整體的感想首先,<a href="http://docs.google.com/Doc?id=ajh4wzf7vhph_786nd6zchk">COSCUP 2009 梗全集</a>是我突然之間在麥當勞就開起來的頁面。歡迎看看。 XD<br /><br /><a href="http://www.flickr.com/photos/othree/3825803767/"><img style="width: 278px; height: 209px;" src="http://farm4.static.flickr.com/3418/3825803767_c68118fa3f.jpg" /></a><br />照片 by othree,CC-BY-2.0<br /><br />都已經結束好幾天了才有心情把這些東西整理起來 囧<br />COSCUP 第二天的議程一大半都是 Android ~"~ 實在對 Android 不夠有愛,加上 Mobile 的東西我不常碰,所以這天相較於昨天我比較沒有想法。不過:<br /><br /><ul><li>xPUD / LXDE 聯合場真的有夠歡樂,也看出來台灣 Linux 開發的可怕熱血 :D (penk不要被外國人給幹掉了喔 XD)</li><li>Puredata 那場可能是我 COSCUP 最喜歡的一場,拿程式來寫音樂真的很有趣。</li><li>netbooknews.com 的 Sascha Pallenberg 快去申請噗浪吧 XD</li><li>改 Android 的 C++ Code真的給我很血尿的感覺...</li><li>這次感覺 Android 的場次都太偏 Code 和技術架構了,沒有什麼比較有趣的東西 :(</li></ul>坦白講,COSCUP結束過後一整個累垮了 :(。來寫一些自己的想法吧。<br /><br />自己來講,雖然仍然有一些小地方覺得自己的表現依舊不夠好,但我的確作了一個讓人印象深刻<del>到差點幫我叫救護車</del>的演講;MozTW 而言,雖然某些安排有那麼一點瑕疵,但是認真的攤位規劃和精彩的 BoF 真的很讓人印象深刻(對不起結果我排了班沒幫到忙 :( );而整個活動來看,這次的大拜拜在很多層面上來看都是很成功的,謝謝辛苦的籌備人員們讓我們有如此愉快的兩天會議 :)<br /><br /><br /><a href="http://www.flickr.com/photos/othree/3826072615/"><img style="width: 400px; height: 301px;" src="http://farm4.static.flickr.com/3511/3826072615_4c6779970e_b.jpg" /></a><br />由othree拍攝,CC-BY-2.0Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com0tag:blogger.com,1999:blog-6307276368101041908.post-26689706796716372572009-08-15T23:36:00.008+08:002009-08-28T03:11:06.773+08:00COSCUP 2009 第一天心得和雜感<a href="http://www.flickr.com/photos/ybite/3823681608/" title="Flickr 上 笨笨的小B 的 NicoFox 入侵 COSCUP!"><img src="http://farm4.static.flickr.com/3507/3823681608_6f8ae14976.jpg" alt="NicoFox 入侵 COSCUP!" height="500" width="375" /></a><br /><br /><a href="http://coscup.org/2009/">COSCUP 2009 大拜拜</a>已經過了第一天。我大概有點有勇無謀吧,第一次去大拜拜就報了閃電演講,不過幸好結果大體而言是好的。 :)<br /><br />首先是我號稱COSCUP四年史上<del>第一次搶螢幕的</del>外加四年罕見閃電到讓人覺得我快昏倒了的一次閃電演講。全場號稱掌聲如雷。(以上無誤)<br /><br /><a href="http://www.flickr.com/photos/othree/3822937797/" title="Flickr 上 othree 的 小b講JetPack"><img style="width: 394px; height: 296px;" src="http://farm3.static.flickr.com/2499/3822937797_44f80f244f.jpg" alt="小b講JetPack" /></a><br />(Photo:othree CC-BY-2.0,詳情請見Flickr頁面)<br /><br />簡報如下,Demo在<a href="http://littleb.tc/demo/coscup/">http://littleb.tc/demo/coscup/</a>。你需要已經安裝 Jetpack 來使用此 Demo。<br /><div style="width: 425px; text-align: left;" id="__ss_1865503"><a style="margin: 12px 0pt 3px; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; display: block; text-decoration: underline;" href="http://www.slideshare.net/littlebtc/coscup-jetpack-lighting-talk" title="COSCUP Jetpack Lighting Talk">COSCUP Jetpack Lighting Talk</a><object style="margin: 0px;" height="355" width="425"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=jetpack-090815052122-phpapp01&stripped_title=coscup-jetpack-lighting-talk"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=jetpack-090815052122-phpapp01&stripped_title=coscup-jetpack-lighting-talk" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="355" width="425"></embed></object><div style="font-size: 11px; font-family: tahoma,arial; height: 26px; padding-top: 2px;">View more <a style="text-decoration: underline;" href="http://www.slideshare.net/">presentations</a> from <a style="text-decoration: underline;" href="http://www.slideshare.net/littlebtc">littlebtc</a>.</div></div><br /><br />這次會場的無線網路真的很好,沒被打掛,讓我在Live Demo前還可以測試無數次,真的很感謝COSCUP辛苦的會場人員 :)<br /><br />Jetpack 目前 API 文件呈現失蹤的狀態(據說還在整理),所以目前只有 <a href="https://jetpack.mozillalabs.com/demos.html">Demo 的原始碼</a>可以參考。如果想要開發 Jetpack,建議的開發平台應該是about:jetpack(別懷疑,在網址列輸入這個網址)<br /><br />本日對議題的一些想法:<br /><ul><li>聽了<a href="http://ericsk.org/">上官林傑</a>對App Engine的很多效能調整建議,感覺很難得! :)</li><li>ZK5 的演講超超超有趣的,生動的譬喻外加動不動出現的笑料。而說句實話,大型、需要 Ajax且重度依賴介面的網頁程式來看,未來的ZK5應該會是一個極好的選擇。不過比較擔心Server Load和Scale的問題。<br /></li><li>JavaScript on Server 是個有趣的問題。JS 在用戶端下是靠著 Just-In-Time Compilation 才得以加速(Tracemonkey 和 V8 都依賴這樣的技術),但如果讓 JS 透過其他程式語言的引擎在 Server 跑,JIT或之類的技巧能不能依舊讓 JS 加速?</li><li>PHP上雲端的覺得是在示範玩具,jserv的是除了笑料已外我都聽不懂(有點小深)... Orz</li><li>覺得 Ubuntu 的演講沒有講到比較重要的地方,例如怎麼和台灣的硬體商與台灣的 LoCo 社群合作。幸虧閃電演講中有人補充了這兩點。</li><li>閃電演講好歡樂,XO沒開起來好可惜,柏強算得好準(對了,你的狀況可以考慮先聯絡看看數位文化協會)<br /></li></ul><br />本日名言佳句選:<br /><ul><li>「結果到最後,靠杯,都在搞這個」(XDite 談災情支援網的防 Spam)</li><li>「長得好看但是沒內涵」(ZK 的 Timothy Clare 談傳統客戶端中心 Ajax 不好維護和操作的問題)</li><li><span id="txt33532511">「大家看 IE 看得很不習慣,換 Chrome」 (兩分鐘後,又換了火狐)</span><span id="txt33532589">「你以為我 Demo 會用 Firefox 嗎?只是給大家看一下而已」(</span>李智樺示範微軟雲端運算機制時的逗趣話語)</li><li>「<span id="txt33533408">請 Yahoo 搜尋『宅色夫』</span>」;「古有凱薩:我來見我征服;今有宅色夫:我宅我色我舒服」(jserv透過「征服」和「舒服」帶入虛擬化主題)</li><li>「真的只要這樣就好了嗎?OK 那我們就來試試看! :)」(小B談Jetpack套件開發)</li></ul>MozTW BOF 的部分,我本來想講30分鐘,結果被迫縮成3分鐘,變成 Lighting talk 2.0 了 Orz<br />簡報和詳情容晚點再補。<br /><br />累了,睡去,大家明天見 :)Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com0tag:blogger.com,1999:blog-6307276368101041908.post-31218421011438505942009-08-13T06:25:00.015+08:002009-08-17T00:15:15.084+08:00有關我<a href="http://www.flickr.com/photos/othree/3822937797/" title="Flickr 上 othree 的 小b講JetPack"><img style="width: 394px; height: 296px;" src="http://farm3.static.flickr.com/2499/3822937797_44f80f244f.jpg" alt="小b講JetPack" /></a><br />我在 COSCUP 2009 <del>喘不過氣的</del>閃電演講。<br />圖片由 othree 拍攝,授權為CC-BY-2.0。<br /><br />大家好,我是笨笨的小B。隨著出沒網站和結識地點的不同,也許你也會稱呼我ybite、小犬或著是183(因為我在電機系的學號)。<br /><br />我現在主要在網路上的工作是<del>做一個阿宅</del>業餘的網路相關程式設計愛好者。網頁設計經歷逾十年(從Frontpage學到純文字HTML設計),開發PHP經歷逾五年(不過不要找我寫程式 Orz),HTML、CSS、JavaScript是我目前拿手的項目。學習過的其他程式語言是Perl和Python。由於底子不夠深,C++不是我所熟悉的語言 :(<a href="http://littlebtc.blogspot.com/2008/12/nicofox-03-firefoxniconico.html"> NicoFox</a> 是我目前全力進行開發的 Firefox / Mozilla 附加元件,目前擁有超過一萬名每日使用者。最新版本 0.5 正在銳意開發中。<br /><br />我喜好開放原始碼 / 自由軟體 / 自由文化,從 Linux 到維基百科都是支持者。希望開放的文化能深入每一個人的內心,讓這個龐大的資訊藍海更加美好! :)<br /><br />現實生活中我是一個有點不好相處的人,帶有很多很多奇奇怪怪的個性和習慣。不過我還是盡有可能跟每一個人都好好相處。不過因為很多原因,現在累積了一堆還不完的人際關係債。<br /><br />目前在<a href="http://www.ee.ntu.edu.tw/">台灣大學電機工程學系</a>就讀,成績處於後段班的我,即將邁向四年級的研究所危機。<br /><br /><br />學經歷:<br /><ul><li>國立台中第一高級中學(2003 - 2006)</li><li>國立台灣大學電機工程學系(2006 - )</li></ul>輝煌事蹟:<br /><ul><li>台中一中電腦資訊研習社第22屆教學<br /></li><li>美國科展 ISEF 2005 台灣國手(和 garywgl 一起作電腦科學的 Team Project,最後只拿了特別獎)</li><li>第三屆維基媒體國際會議(2007 台北)工作人員<br /></li></ul>網路社群:<br /><ul><li>中文維基百科管理員</li><li>算是 MozTW 社群參與者(主要提供 Web 技術 / Mozilla 技術和技術傳教方面的意見)<br /></li></ul>Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com0tag:blogger.com,1999:blog-6307276368101041908.post-84550638410991865972009-08-07T15:44:00.008+08:002009-08-07T16:09:36.747+08:00一起來玩抓火狐,與我推薦套件的原因<a href="http://moztw.org/">MozTW</a> ,也就是台灣的 Mozilla 社群,新推出了 <a href="http://gfx.tw/">GFX</a> 這個推廣 Firefox 的新神兵利器,我也在這裡推薦一下大家我喜歡火狐的原因吧:<br /><br /><a href="http://gfx.tw/littlebtc" title="連到我的抓火狐推薦頁!"><img style="margin: 5px auto; width: 200px; height: 250px;" src="http://gfx.tw/userstickers/0/11/featurecard.png" alt="連到我的抓火狐推薦頁!" /></a><br />快到 <a href="http://gfx.tw/">gfx.tw</a> 設計你自己的抓火狐頁面,分享你最喜歡火狐的原因! :)<br /><br />然後來講一下我推薦這些套件的原因好了,GFX暫時還沒有空間寫這些:<br /><ul><li><a href="https://addons.mozilla.org/zh-TW/firefox/addon/1865">Adblock Plus</a><br />不用講太多,攔截廣告的最佳選擇,在某些情況下甚至讓網頁的載入速度變快(少了擾人的廣告!)</li><li><a href="https://addons.mozilla.org/zh-TW/firefox/addon/4762">Hide Menubar</a><br />Windows Vista / 7 的良伴,在各種平台下透過隱藏功能表,讓介面更精簡。<br /></li><li><a href="https://addons.mozilla.org/zh-TW/firefox/addon/1419">IE Tab</a><br />Windows 下少不了的神兵利器,讓你可以不用 IE 打開一個 IE 核心的瀏覽分頁,在瀏覽一些使用 ActiveX 技術的網頁、Firefox 無法正常開啟的網頁、Komica 的 mht 精華檔(XD)上很好用。</li><li><a href="https://addons.mozilla.org/zh-TW/firefox/addon/8888">NicoFox</a><br />「上 NICONICO 絕對少不了的套件之一」 XD 雖然目前的版本仍然 Bug 重重,但已經是個頗為實用的下載系附加元件。<br /></li><li> <a href="https://addons.mozilla.org/zh-TW/firefox/addon/10137">Easy YouTube Video Downloader</a><br />毫不拖泥帶水的 YouTube 下載器,點一下想下載的格式就會出現下載確認視窗,又簡單又輕巧又方便,是我現在下載 YouTube 影片的首選!</li><li><a href="https://addons.mozilla.org/zh-TW/firefox/addon/10900">Personas for Firefox</a><br />兩張圖片構成的 Firefox 簡單佈景主題套件,提供三秒內更換 Firefox 的外觀的功能,每天都可以隨心情換不同的 Firefox 外觀,自從有了 Personas 之後,我就從來不用佈景主題了 XD<br />(備註:功能類似但更強大的 <a href="https://addons.mozilla.org/zh-TW/firefox/addon/6991">AnyColor</a> 也是輕巧系佈景主題的好選擇,但我在轉用 Windows 7 後比較喜歡 Personas)<br /></li><li><a href="https://addons.mozilla.org/zh-TW/firefox/addon/1843">Firebug</a><br />開發網頁的人一-定-要-裝!無論是 HTML、CSS、JavaScript上的偵錯,無論是幾十層 table 的舊網頁還是一堆 div 的 CSS 排版網頁,透過 Firebug 都能瞬間找到你網頁設計上的問題!功能被一票其他瀏覽器仿效的 Firebug ,絕對是網頁設計和偵錯第一品牌!<li><a href="https://addons.mozilla.org/zh-TW/firefox/addon/1815">Console²</a><br />雖然說 Firebug 內建的主控台比較好用,不過 Console² 在很大程度上提供了更加便利的錯誤主控台,尤其是當你想回報問題給附加元件開發者時,這個套件幾乎是必備的方便工具。</li><li><a href="https://addons.mozilla.org/zh-TW/firefox/addon/6647">HttpFox</a><br />雖然說比較多人會推薦 <a href="https://addons.mozilla.org/zh-TW/firefox/addon/3829">Live HTTP Headers</a>,但 HttpFox 的強點在於它可以追蹤所有 Firefox 發出去的 HTTP 請求,是我開發 NicoFox 在偵測 NICO 下載影片的流程時使用的神兵利器之一。<br /></li></li></ul>Anonymoushttp://www.blogger.com/profile/04457507904437036092noreply@blogger.com0