2009年5月31日 星期日

你是男還是女?

男人女人

基本上是非常中肯的一件事情呀!!!只不過在我們的相處模式應該變成是「男:一直催一直催,女:慢慢來慢慢來」,Sanmin的文章都還蠻有趣的耶,幾乎都是他們一家三口的文章,每看一篇就會讓自己的心情變的更好,真是超幸福的啦!

參考資料:
一張圖就可以區分男跟女的差別! @ 灰色地帶 :: 痞客邦 PIXNET ::
Sanmin: 男人的女人 - 起床
Sanmin

2009年5月30日 星期六

SyntaxHighlighter - 把你的程式碼擺在網頁上

alert("大家好,這是SyntaxHighlighter的DEMO!");


因為我有時候會放一些程式碼在blog裡面,可是呈現的字體還蠻醜的,既沒有monospace,也沒有好看的syntax highlight,實在是醜到不行呀!!!所以我這兩天找了一些資料,希望可以在blog上放程式碼的時候,既有monospace又有syntax highlight,於是我找到了SyntaxHighlighter

SyntaxHighlighter是一個純js的syntax highlight工具,它支援了一拖拉庫的程式語言一堆超好看的佈景主題,而且只要把它的css和js放到網頁中,再寫一行程式碼





然後記得要把你的程式碼放到<pre>裡面,就像下面這個樣子



alert("大家好,這是SyntaxHighlighter的DEMO!");



就大功告成啦!喜歡寫程式的大家,也快點來試試看喔。

參考資料:
SyntaxHighlighter - Alex Gorbatchev
等寬字體 - 維基百科,自由的百科全書
Syntax highlighting - Wikipedia, the free encyclopedia
SyntaxHighlighter:Brushes - Alex Gorbatchev
SyntaxHighlighter:Themes - Alex Gorbatchev

2009年5月29日 星期五

羅東林場旁邊的雙胞胎

雙胞胎

其實我忘了照雙胞胎的圖啦,所以就借用土撥鼠的圖片啦,拍謝啦。今天下午要回台北之前,我們去林場晃了一下,羅東林場的活動現在愈來愈多了,之前去過三四次其實都還蠻少人,也完全沒有活動,只是在那邊散散步而已。

不過今天的重點不是林場啦,是林場旁邊的雙胞胎啦!不知道有多少年沒有吃到雙胞胎了,今天在林場旁邊剛好看到,雖然天氣有點熱,不過我還是買了下去。真的是超好吃的啦,甜甜脆脆的而且又香,真是人間極品呀 XDDDD。而且我看到這篇文章,他們的早餐似乎也還蠻不賴的耶,有機會早起的話,我倒還蠻想吃吃看這間的早餐。

參考資料:
土撥鼠的旅行 - 宜蘭羅東-林場肉羹
~羅東林場 - 古早味早餐~ @ ~行走蘭陽的寶貝~ :: 痞客邦 PIXNET ::

2009年5月28日 星期四

充滿猴子的福山植物園

福山植物園的猴子

等了一個月,總算是等到今天了!我們今天總共有六個人要去福山植物園玩,說去玩也不太對啦,應該是說去植物園散散心,吸收大自然的芬多精才對。

不過今天應該是個快樂的出遊日,卻發生了一些不幸的事情 = =。就是cybersta本來要開車來宜蘭的,可是在雪隧之前出了一點小擦撞 Orz,好險人沒事,不過車子被拖回台北修理了。所以變成本來我們兩個可以坐林大的車,變成我們自己要騎車上山,害我曬傷了啦!然後下午下山去吃綠海的時候,林大在停車差點A到別人的車。最後好險沒發生什麼事啦,總之今天真是一連串的意外呀 XD。

參考資料:
福山植物園-首頁

2009年5月27日 星期三

魔術方塊三層完成了!

玩具反斗城logo

YAYA,魔術方塊總算完成三層了!其實這一切都要靠玩具反斗城的幫忙啦 XDDD。因為我們今天去新月逛街的時候,正好看到三樓有玩具反斗城(可是之前找好久都找不到耶 = =),就想說再進去晃晃。沒想到店裡面居然有魔術方塊的破解公式耶!想當然我就拿了一份回家學。沒想到剛剛總算讓我學會了呀!!!

第三層還真的蠻難的,看來要先熟練之後再來理解公式了。

參考資料:
歡迎蒞臨玩具"反"斗城-店鋪地址及營業時間

爽啦!BUG--

總算!總算是呀!!!案子bug這三天收斂超多的,雖然還是會有一些bug,不過基本上是不會影響到目前的工作進行,所以我今天也可以很安心的從台中回台北,然後剛剛才從台北來宜蘭。

而且德安說12點之前我到宜蘭的話,他要請我吃飯耶!太爽了啦!!!這幾天可以好好放鬆一下了!

2009年5月25日 星期一

上上下下左右左右BA

konami

大家小時候應該都有玩過科拿米(konami)的遊戲吧,其中的魂斗羅不知道大家有沒有玩過。如果有玩過的朋友一定知道上上下下左右左右BA這一串指令吧 XD。

現在不止電動有這個密技,連網站都有這個密技了啦!!!不過這篇文章是用wordpress來demo的,如果要用在自己的blog上面,就要看看這一篇「上上下下左右左右BA-你的部落格也可以有密技」囉。要不然直接看我blog的程式碼也行啦 XD,只不過我現在還在開發中,不知道寫了這個密技要出現什麼東西,大家可以提供一些意見喔。

konami code sites


另外我也在Konami Code Sites看到了很多網站都可以打密技耶!更讓我驚訝的是連jQuery也可以喔!大家可以連過去試試看在jQuery打密技的話會出現什麼喔。

參考資料:
KONAMI 商品・サービス
魂斗羅 - 維基百科,自由的百科全書
科樂美秘技 - 維基百科,自由的百科全書
讓WORDPRESS支援「上上下下左右左右BA」! - 軟體教室 - 軟體學園 - udn數位資訊
上上下下左右左右BA-你的部落格也可以有密技 | yal's blog | 資訊-網路-軟體-交流
WordPress › WP-Konami « WordPress Plugins

2009年3-4月統一發票號碼

特獎
14034753
24783963
57775224

頭獎
83439 572
91663 525
96900 830

雖然沒有上次1000元這麼多,不過我也是中了200元的小獎啦,貪財啦 XDDD

參考資料:
udn 發票與樂透
2009年1-2月統一發票號碼

2009年5月23日 星期六

明天又要去台中了......

雖然教育訓練結束了,可是真正的難關卻還沒過 Orz,明天開始我又要去台中待三天,主要是希望可以把剩下的bug還有需求收斂下來。唉,還不是因為程式bug一堆,套句richard說的話:「改東錯西,原本已經可以work的功能,過沒多久發現又出現bug,這時候發現這個bug不是一年前已經修正的嗎 Orz」,真的是天兵呀!!!

所以我跟richard要去安撫客戶,希望這次不會出什麼大錯才好呀!!!

2009年5月22日 星期五

總算結束教育訓練了!

台中訪員教育訓練

五月份是教育訓練的月份,我幾乎有一半的時間都待在台中做教育訓練,還有跟客戶討論系統的問題。大家可別以為到外縣市出差就很爽,我們可是承受著極大的壓力呀!!!最近不要再讓我聽到"台中"這兩個字了,如果我發飆的話可別怪我呀 = =。

徐佳瑩的身騎白馬MV





之前就已經看過徐佳瑩在星光大道上唱過這首歌了,真的很讓我驚訝。那一集想當然耳,她也得到了第一名,之後更是獲得第三屆的冠軍。現在總算是出了專輯,也總算聽到這首歌的後半段,真的很棒耶!結合歌仔戲跟流行音樂,在目前真的是還蠻少見的喔,總之大家多多支持她吧!

參考資料:
徐佳瑩 - 維基百科,自由的百科全書

2009年5月21日 星期四

Jetpack - 第一次寫Firefox附加元件就上手

jetpack

最近瀏覽器界一個還蠻火紅的新聞,那就是Mozilla發表了一個叫做Jetpack的附加元件平台,現行在Mozilla上的附加元件都是透過安裝xpi之後,然後再重開瀏覽器才算是安裝完成,不算是非常方便。若是我們安裝Jetpack之後,以後開發附加元件的時候就可以直接用Jetpack的語法(含jQuery)操作網頁上的所有物件了。



我自己也寫了一個小的jetpack程式,是用來copy我每篇文章的參考資料網址。之前都是Ctrl+U找到title tag之後再Ctrl+C和Ctrl+V,實在是太不方便了。我現在只要用這個script,按一下按鈕就可以幫你產生參考資料的連結囉,只不過現在功能還不是很完善,等我把程式寫好之後再分享給大家吧。

參考資料:
ZDNet Taiwan - 新聞 - 企業軟體 - Mozilla的Jetpack計畫要讓Firefox外掛更順暢
Mozilla Labs Jetpack | Exploring new ways to extend and personalize the Web
Firefox 附加元件

2009年5月19日 星期二

Dropbox - 把你電腦的資料即時同步到網路硬碟

dropbox

如果是在高職的時候,聽到網路硬碟這四個字通常都是指PChome(todo)的網路硬碟,可是今天我要介紹的這個網路硬碟卻跟以前大家所認知的不太一樣喔。Dropbox雖然也是一個網路硬碟,不過它有一個特異功能,那就是即時同步多台電腦的資料。



我現在在公司的電腦跟我自己的NB都灌了Dropbox的client端,灌好之後就會在你的電腦裡面多了一個叫做Dropbox的資料夾,只要放到這個資料夾裡面的東西,都會即時地與網路硬碟以及有灌Dropbox的client端同步。比如說我在公司的電腦(A)放了一個檔案"回家要做的事.doc"在Dropbox的資料夾,然後我回到家之後,用自己的NB(B)打開Dropbox的資料夾,就會發現已經有"回家要做的事.doc"囉,這樣子我就可以在家加班了 囧rz。

既然有同步功能,那當然也要有rollback的功能啦,如果你想要把這個檔案回復到上一個版本的話,也是可以用內建的Dropbox功能完成喔。而且Dropbox有Windows、MAC和Linux的版本喔。我覺得Dropbox對要在家加班,或是出差到外地的時候還蠻好用的,可以不用麻煩公司的同事將你桌面上的檔案傳給你,就可以即時抓到資料了。可是這又多了一個在家加班的理由呀!!! Orz

參考資料:
PChome Online 網路家庭-網路硬碟
Dropbox - Home - Secure backup, sync and sharing made easy.

2009年5月18日 星期一

JS Bin - JavaScript on the fly



這一個叫做JS Bin的網站是我無意間在找jQuery資料的時候找到的,網站的功能主要是讓大家可以直接在這個網站上執行任何的JavaScript語法,網站裡面也包了許多用google-hosted的AJAX API。而且JS Bin也提供了短址服務,可以讓大家將已經寫好的JavaScript開放出去,更可以讓大家協同作業。如果大家想要開發JavaScript小AP的話,這個網站是一個還不錯的地點喔!

參考資料:
JS Bin - Collaborative JavaScript Debugging
Google AJAX Libraries API - Google Code

2009年5月17日 星期日

Unobtrusive JavaScript與Graceful Degradation

Unobtrusive JavaScript 1

相信一定很多人沒聽過標題的這兩個名詞吧,這是我最近在做教材時所要講的主題之一。

Unobtrusive JavaScript 2

Unobtrusive JavaScript其實是一種將JavaScript與HTML結構分離的概念,基本上就是把JavaScript寫在js檔裡面,HTML結構當然就是寫在htm檔裡面。

我想大家一定都犯過以上三種寫JavaScript的錯誤吧,第一種是最不好的寫法,這個我就不多敘述了。至於第二和第三種把onclick event寫在HTML裡面,在閱讀程式碼的時候實在是很不舒服,就跟把CSS直接寫在style屬性一樣的意思,而且也沒有符合Unobtrusive JavaScript的概念。

Unobtrusive JavaScript 3

最好的方法就是像上面這張投影片一樣,完全把JavaScript和HTML分離,利用window.onload之類的函式將要執行的動作放在裡面。這時候也帶來了一個好處,叫做Graceful Degradation。這個意思就是當你在使用某項功能時,由於你的機器太舊了不能完整的呈現這個功能,但是這並不影響你使用的結果,看投影片就知道意思了。

HTML和js的最終執行結果,都是會開啟一個叫做terms.html的網頁,但若是你的瀏覽器太舊或是關閉了JavaScript功能,雖然也是會開啟terms.html,可是就少了控制長寬和隱藏toolbar的功能。不過你覺得這些功能會影響你觀看terms.html嗎?如果是我的話,我倒覺得沒有這些功能還好一點咧 XDDD。這也就是Graceful Degradation的用意囉!

參考資料:
Unobtrusive JavaScript - Wikipedia, the free encyclopedia
Fault-tolerant system - Wikipedia, the free encyclopedia

2009年5月16日 星期六

金剛狼太帥了啦!





我一直到昨天看完金剛狼之後,才發現原來金剛狼已經是一個老阿伯了耶!電影一開始的時候,我還以為我走錯地方咧,因為電影設定的年代跟我想像中完全就不一樣嘛。還好後來漸漸導向X戰警的劇情了,真的是超好看的啦!按照往例不雷大家,自己看預告片吧 XDDDD

資工所所友會成立大會

資工所所友會

今天又回宜蘭了,繼上星期的電子系系友會之後,資工所的所友會也在今天成立了!雖然之前就知道我會當上所友會的會長,不過我還是蠻緊張的啦。上台講了一些在公司工作的情況,有一部分當然是不能在blog上說出來的啦。

基本上聽大家講他們現在的發展還蠻有趣的,尤其是賴每天都在滾油桶要滾到當完兵,真的是為他感到好笑 XDDDD。本來我很期待今天到底會去吃什麼,結果居然是跟上星期一樣,都是吃辣椒園 囧rz,而且還要求跟老師敬酒,真的是一個討人厭的社交動作呀!!!

不過兩位陳老師人都還蠻好的,一個人要捐3000元出來當做所友會的基金,看來該是好好想想這些錢該怎麼運用囉!

參考資料:
回去參加系友會囉!

2009年5月14日 星期四

新流感的簡介



這個投影片是我的一位客戶傳過來的,因為他在相關的政府機關服研發替代役,所以常常會知道一些目前在流行的疫情和相關處置方法。而目前最流行的當然就是H1N1啦,他們機關也收到了一些簡報,順便給我們參考一下,防患未然。總之一句話「不怕一萬,只怕萬一」啦!

參考資料:
A型流感病毒H1N1亞型 - 維基百科,自由的百科全書

千萬別浪費食物!



這是在雪兒板上看到的影片,看了這個影片之後,覺得我們生長在台灣真的是太幸福了,每天都有不一樣的東西可以吃,而且不用怕會餓到。不過我也常常看到很多人像影片中的那兩個女生一樣,吃了一點點就不吃,浪費食物又浪費錢,大家要想想在我們沒看到的地方裡,還有這些需要人家救助的小朋友,所以要愛惜食物呀!

2009年5月12日 星期二

連門都沒有



其實這只是一個學生的kuso影片而已,讓大家休息一下笑笑吧。

2009年5月11日 星期一

KnowEm - 檢查你的帳號是不是被註冊了

knowem

網路上什麼服務都有,連幫你檢查你的ID是不是有在其他網站註冊都可以做成一個網站耶。KnowEm就是專門幫你檢查的網站,如果你申請這個網站白金會員(65美元)的話,還可以幫你在這120個網站註冊喔!沒想到連這個錢也可以賺耶,不過基本上沒人會用這個付費功能吧 = =。

參考資料:
KnowEm UserName Check - Thwart Social Media Identity Theft, check Username Availability
Knowem - Premium Automated Username Signup Service
如何確認帳號是否在各個知名服務被註冊? - 軟體情報 - 軟體學園 - udn數位資訊

2009年5月10日 星期日

手語版的手放開



愛如潮水之後,王耀慶又一力作,李聖潔的「手放開」手語版!可是這個版本的影片掉了一些frame,所以可能大家看的不清楚,不過這不影響王耀慶的精采表演喔,大家快點來朝聖吧!!! XDDD

參考資料:
手語版的愛如潮水

網路世界的發展



這是我在雪兒板看到的,看了這一個影片之後,大家雖然還不是能夠完全了解網路的發展,不過對於Web2.0的由來,應該也多少有些概念了吧。

geocities

這也讓我想到最近一篇跟網路有關的新聞,那就是Geocities關門大吉了。10年前我國中的時候,我還申請過一個帳號咧,可是老早就沒在用了,想想也已經過了這麼久了耶!真的是已經老了啦 囧rz

參考資料:
Yahoo! GeoCities: Get a free web site with easy-to-use site building tools
ZDNet Taiwan - 新聞 - Web應用 - 網路上古時代遺跡:GeoCities熄燈

2009年5月8日 星期五

回去參加系友會囉!

電子系logo

今天回學校參加系友會,好像是學校規定各系都要成立的樣子吧(我也不清楚),所以這次規模我覺得還蠻大的耶!早上一到學校之後,我們就在六樓吃吃喝喝,然後看到一些老師跟學長學弟過的都還不錯。

後來我們就去學校附近的辣椒園,在二樓開了十桌耶,夠大手筆吧!這一次還要選出系友會的會長,所以還有一些老學長來參選,尤其是當我聽到有一位是高職部第一屆的老學長,真是太感動了啦!

吃了今天的辣椒園之後,不知道下星期的所友會會吃些什麼東西呢?真讓我很期待耶!

Geyser Tube - 用曼陀珠來做可樂噴泉



這是我今天看到的一篇文章「阿豆仔玩「曼陀珠+健怡可樂」玩到出神入化」,雖然我有聽說過曼陀珠加在可樂裡面會產生大量的氣泡,可是我還沒看過有人真的這樣做耶。更沒想到國外已經有人做了這套Geyser Tube玩具,這也真的太浪費了吧,到時候地板都超噁心的,一想到就不是很舒服 = =。

參考資料:
熱縮冷脹的點點滴滴 - 阿豆仔玩「曼陀珠+健怡可樂」玩到出神入化
Geyser Tube

2009年5月7日 星期四

台灣的順風婦產科

順風婦產科

今天教育訓練完之後跟大家一起去吃超貴的義大利麵,店的名稱我忘掉了。不過這間義大利麵旁邊有一間讓我超shock的婦產科,它的名稱就叫做「順風婦產科」!這真是太有趣了啦,我還以為從我上次看到權五中之後,之後再也沒機會遇到順風的相關資訊了,沒想到居然會讓我在台中看到耶,喜歡韓劇的大家可以快點去朝聖喔!!!

參考資料:
順風 醫學美容集團
我遇到順風裡面的權五中了
順風婦產科 - 媒體報導

2009年5月5日 星期二

Shutter - Linux上的強大擷圖軟體

shutter

最近在做教育訓練的投影片了,所以有一些畫面要從Linux上面擷下來,ubuntu內建的擷圖工具還蠻爛的,所以我就想說找找別的好用軟體,沒想到讓我找到了這一個叫做Shutter的擷圖軟體。

Shutter除了基本的擷圖功能之外,還可以擷取網頁。更厲害的就是,居然可以裝一堆模組,這些模組有些是可以直接上傳flickr之類的網站,有些是直接加上修圖工具,真的是非常強大的一個軟體呀!!!看來短時間我應該是離不開Shutter了 XD

參考資料:
Shutter - Featureful Screenshot Tool

SimplyNoise - 讓你進入音禪的境界!

simplynoise

簡單的噪音,簡單來說這個網站就是產生一堆雜訊,有分white noise, pink noise, brown noise。我覺得軟體玩家的介紹還蠻有趣的,「不但能讓你更專心,還能幫助睡眠,讓你進入「音禪」的境界喔」,不知道是真的還假的,大家自己試用看看吧。

參考資料:
SimplyNoise.com - The best free white noise generator on the Internet.
專門產生「白」噪音的網站 — simplynoise | ㊣軟體玩家

2009年5月3日 星期日

Wordoff - 把Word的格式通通脫掉!

wordoff

oki最近給了我一個叫做wordoff的網站,這個名稱聽起來跟faceoff還蠻類似的,依照字面上的意思就是"Word out!",把word的樣式移除。

我相信在寫網頁的各位,如果有用過HTML Editor的話,不外乎就是FCKeditorTinyMCE了。這兩個都可以把從Word貼上的文字格式完整呈現出來,也都可以將Word的文字格式以純文字呈現,可是對於我跟oki這種有HTML潔癖的人,總覺得沒辦法接受他們的"不純"文字貼上功能。

而這個wordoff就是來解決這種問題的,像是Word貼到那些editor上面的文字,都會有一些mso-*的專屬class,而且有時候一個字元就會有一大堆class來修飾,真的是非常dirty,wordoff可以幫你把這些無意義的class以及span清除掉。我自己實驗過,效果還蠻不錯的!如果大家做的是政府網站,要通過無障礙,你一定會喜歡上wordoff的 XDDDD

參考資料:
WordOff
Face/Off - Wikipedia, the free encyclopedia
FCKeditor - The text editor for Internet
TinyMCE - Home

YA!魔術方塊第二層成功



前一兩個星期雖然買了一個魔術方塊,可是都沒時間去學要怎麼破解。一直到這兩天在家裡有一點時間,總算可以來學學看了。在這邊我要推薦魚‧方塊達人鋪,他的教學都還蠻淺顯易懂的,而且也有影音教學可以觀看。而我現在只解到第二層而已,可是我看了第三層的公式之後,真是複雜到不行呀!!!等我之後有機會再繼續第三層吧。

參考資料:
魚‧方塊達人鋪 - CubeMaster Shop - 魔術方塊教學、交流、研究專門站

2009年5月1日 星期五

X你媽個B



其實我很nice的,我說話幾乎都不帶髒字。不過這一個對話是我看到最有趣的短片之一了,應該有很多人已經看過了,再拿出來讓大家笑一笑吧 XD