Markdown 是簡化的 html 語法，主要目的是用來作為一種網路內容的寫作語言。
曾經看過 Zen Coding ，他的目的是簡化Programmer撰寫 html code。Mardown是類似的概念，但目的是讓網頁撰寫更直觀。
html 是遵循了 xml 的格式的一份純文字文件，但因為 well-formated 的格式規範，直接用文字編輯器撰寫時，需要很辛苦地鍵入很多 tag 標籤，還要 close 標籤，整份文件也全被 tag code 搞亂了，不能很直接快速地看到內容。
目前分類：Programming (33)
- Oct 09 Wed 2013 21:29
Markdown
- Apr 26 Thu 2012 09:19
Zen Coding：偷懶才是進步的原動力
這是一個html與css語法縮寫的工具，可以讓 progrmmer 以最少的打字effort，完成html/css coding。Zen Coding 網頁 demo，這是網頁的體驗版，用一行html:xt>div#header>div#logo+ul#nav>li.item-$*5>a，就可以產生一頁html，真是太神奇了。這也印證了「偷懶才是進步的原動力」這句話。
先參考 Zen Coding 相關資料 及 所有支援的 editor plugins的資料，把你使用的editor plugin 裝好。我是安裝了 Eclipse 的plugin，網址在ZenCoding Eclipse Plugin，輸入縮寫後，直接按 Ctrl+e 就可以將該行語法轉換為 html。
然後就先測試使用Zen HTML Selectors 語法這個網頁所寫的幾個簡單的語法，接下來再參閱Zen Coding Cheat Sheet，這個pdf裡面有把所有支援的語法都寫出來，縮寫實在太多了，要花一點時間，找出作者設定縮寫的習慣，另外並不是所有的語法，Eclipse Plugin 都有支援，但最常用的應該都有，這樣就夠用了。
先參考 Zen Coding 相關資料 及 所有支援的 editor plugins的資料，把你使用的editor plugin 裝好。我是安裝了 Eclipse 的plugin，網址在ZenCoding Eclipse Plugin，輸入縮寫後，直接按 Ctrl+e 就可以將該行語法轉換為 html。
然後就先測試使用Zen HTML Selectors 語法這個網頁所寫的幾個簡單的語法，接下來再參閱Zen Coding Cheat Sheet，這個pdf裡面有把所有支援的語法都寫出來，縮寫實在太多了，要花一點時間，找出作者設定縮寫的習慣，另外並不是所有的語法，Eclipse Plugin 都有支援，但最常用的應該都有，這樣就夠用了。
- Mar 16 Fri 2012 13:38
安裝 UglifyJS in Windows
壓縮效果比 YUI Compressor 還好的工具Uglify-JS https://github.com/mishoo/UglifyJS
1. http://nodejs.org/#download 安裝 nodejs for windows，到目錄 C:\Program Files\nodejs，裝好的時候，連同 npm 也一起裝好了
2. 設定環境變數 NODE_PATH
1. http://nodejs.org/#download 安裝 nodejs for windows，到目錄 C:\Program Files\nodejs，裝好的時候，連同 npm 也一起裝好了
2. 設定環境變數 NODE_PATH
- May 01 Fri 2009 12:11
Flex DisplayObject mask, blend mode, filters
Masks Blend Modes Graphics Filters 這三篇文章討論圖形的基本處理，配合Using filters in Flex 這篇文章，我們可以用程式對 DisplayObject 套上一些特效。
對一個UI元件，可以用繼承自 DisplayObject 的 filters Array 填上多個 filter classes，包含 DropShadowFilter(加上陰影), GlowFilter(顏色像墨水暈開的樣子，呈現在元件的外框上), and BlurFilter(模糊), BevelFilter(將元件以九宮格的方式切割後，分別給以不同的顏色或陰影，讓元件更有立體感)，這些filter 都能用在所有 DisplayObejct 的子類別上，包含MovieClip, SimpleButton, TextField, Video objects, BitmapData。
另外有個ShaderFilter，可以即時下載 pbj 濾鏡檔案，並將該檔案的ByteArray資料轉換成ShaderFilter，就能讓照片有水波紋的效果，以這篇文章為例 Pixel Bender，可以使用Pixel Bender 的功能，自己寫濾鏡。
對一個UI元件，可以用繼承自 DisplayObject 的 filters Array 填上多個 filter classes，包含 DropShadowFilter(加上陰影), GlowFilter(顏色像墨水暈開的樣子，呈現在元件的外框上), and BlurFilter(模糊), BevelFilter(將元件以九宮格的方式切割後，分別給以不同的顏色或陰影，讓元件更有立體感)，這些filter 都能用在所有 DisplayObejct 的子類別上，包含MovieClip, SimpleButton, TextField, Video objects, BitmapData。
另外有個ShaderFilter，可以即時下載 pbj 濾鏡檔案，並將該檔案的ByteArray資料轉換成ShaderFilter，就能讓照片有水波紋的效果，以這篇文章為例 Pixel Bender，可以使用Pixel Bender 的功能，自己寫濾鏡。
- Aug 12 Sat 2006 01:20
PmWiki All-in-One Notes from help page
1. 大多數的 Wiki 頁面是用 WikiWord （由兩個以上、單字間不含空白、且字首皆為大寫的英文單字，連在一起組合而成）來作為頁面標題的。
在頁面內容中出現的 WikiWord 會自動被 PmWiki 轉換成為頁面連結，讓你點下它就可以連到用它做為標題的頁面。
如果這個頁面還不存在，就會在其後緊跟著一個問號「?」。只要點下問號「?」便能夠讓你開始建立新的頁面。
2. 如果你撰寫的頁面無法找到具有清楚文義的 Wiki Word 可供使用（可能硬要組合起來會太醜陋雜亂），可以使用 自由連結 來代替。
在頁面內容中出現的 WikiWord 會自動被 PmWiki 轉換成為頁面連結，讓你點下它就可以連到用它做為標題的頁面。
如果這個頁面還不存在，就會在其後緊跟著一個問號「?」。只要點下問號「?」便能夠讓你開始建立新的頁面。
2. 如果你撰寫的頁面無法找到具有清楚文義的 Wiki Word 可供使用（可能硬要組合起來會太醜陋雜亂），可以使用 自由連結 來代替。
- Aug 12 Sat 2006 00:12
在Windows上安裝PmWiki
1. Install Apache 2.0.59 using apache_2.0.59-win32-x86-no_ssl.msi
2. Download and Unzip php-5.1.4-Win32.zip
3. 將 php.ini-dist 檔案名稱更改為 php.ini
register_globals = Off
register_globals = On
2. Download and Unzip php-5.1.4-Win32.zip
3. 將 php.ini-dist 檔案名稱更改為 php.ini
register_globals = Off
register_globals = On
- Aug 01 Tue 2006 13:40
Javascript Web Server Scan
SPI Dynamics提供一個測試網站，可以在打開網頁的時候，以類似IP Port Scan的方式，指定範圍內的所有電腦進行web server掃描。
根據該網站提供的技術資料JSportscan.pdf，還有該網頁使用的scanner3.js可以知道，他是利用Image的物件，對範圍內的電腦的web server，配合一般web server該有的圖片網址，來判斷該IP是否有設立網站，還有該網站可能使用了那一個server。
JavaScript開啟瀏覽器攻擊之門
根據該網站提供的技術資料JSportscan.pdf，還有該網頁使用的scanner3.js可以知道，他是利用Image的物件，對範圍內的電腦的web server，配合一般web server該有的圖片網址，來判斷該IP是否有設立網站，還有該網站可能使用了那一個server。
JavaScript開啟瀏覽器攻擊之門
- Jul 16 Sun 2006 14:42
安裝 Ubuntu 6.06 Dapper with VMware 5.5.1-19175
昨天下午聽了場高深的 "Hello World" 演講，jserv老大用教科書的演講方式，先講了一堆基本概念，然後最後才講七個有趣的 Hello World Programming，講的人興致勃勃，我是聽得吃力。「不學詩，無以言。不學禮，無以對。」以我初學者的程度來說，只有等「Linux 核心詳解 第三版」這本書出版，然後從頭開始。
不過我晚上倒是花了不少時間，安裝VMware跟Ubuntu，因為速度太慢，等的時間比較多，一直弄到早上4:00，Ubuntu的介面看起來真簡潔。小兔的筆記本 Ubuntu 6.06 Dapper + VMware Tools，把安裝VMTools的方法寫得很清楚。
不過我晚上倒是花了不少時間，安裝VMware跟Ubuntu，因為速度太慢，等的時間比較多，一直弄到早上4:00，Ubuntu的介面看起來真簡潔。小兔的筆記本 Ubuntu 6.06 Dapper + VMware Tools，把安裝VMTools的方法寫得很清楚。
- Jul 03 Mon 2006 01:34
創意 ≠ 商機
強調「創意」已經不稀奇了，現在的中小學教育，從老師的教案到學生的作業，都需要有創意的表現才能獲得更高的評價，還有許多創意比賽，所以「要有創意」這件事對於大多數人來說，已經不是一件值得強調注意的事情。
有了創意之後，得要檢視這個創意本身是不是有商機，換句話說，要對某個族群的人有貢獻，要有實現的價值，這才是經得起考驗的創意，創意思考，不應該只是天馬行空胡思亂想，而是得要在心裡面，確確實實地思考，在花時間完成創意後，究竟有沒有實質的幫助。因為每一個人的時間有限，也不應該任意揮霍，對於有價值的想法，才值得花時間完成，而不是浪費了時間與金錢，得來幾張廢紙或失敗的產品。
有價值的創意，就有申請IPO的必要性，以避免創意人的權利被剝奪，經濟部有個專利商品化的網站，可以提供需要的人一些幫助，台中中港路也有一家科技研發企業公司，提供了特殊的檢視創意的服務，他們可以幫助創意人檢查創意的價值，並提供製作商品的相關服務。
有了創意之後，得要檢視這個創意本身是不是有商機，換句話說，要對某個族群的人有貢獻，要有實現的價值，這才是經得起考驗的創意，創意思考，不應該只是天馬行空胡思亂想，而是得要在心裡面，確確實實地思考，在花時間完成創意後，究竟有沒有實質的幫助。因為每一個人的時間有限，也不應該任意揮霍，對於有價值的想法，才值得花時間完成，而不是浪費了時間與金錢，得來幾張廢紙或失敗的產品。
有價值的創意，就有申請IPO的必要性，以避免創意人的權利被剝奪，經濟部有個專利商品化的網站，可以提供需要的人一些幫助，台中中港路也有一家科技研發企業公司，提供了特殊的檢視創意的服務，他們可以幫助創意人檢查創意的價值，並提供製作商品的相關服務。
- Aug 05 Fri 2005 10:33
非階層式檔案管理員
一般來說檔案管理，都是以Tree的方式來儲存處理，不單程式處理方便，也容易索引尋找。但用了這麼久的電腦，我實在厭倦了對每一次點開檔案管理員後，要一層一層點閱後，再選到下一層選單的方式，每一層都要慢慢地找，一旦把檔案管理員關閉後，整個流程又得重覆上演一次。
有沒有 「非階層式檔案管理員」呢？？思考中....
有沒有 「非階層式檔案管理員」呢？？思考中....
- Jul 06 Wed 2005 12:26
三折肱而成良醫 - Oracle新舊系統的安裝問題
最近公司內在環境變動大，留的留走的走，走的人走得愉快，留的人負擔加重，去留之間的對錯，沒個定論，隔岸觀火的化外人士，常是以結果論，只要幾年後結果是好的，當時決定去或留就是對的，反之就是錯誤。從光明面來看，積極地走過這人生路，就沒有認錯的權力，自怨自艾或是顧影自憐只會讓自己慢慢老去、邁向死亡。
同事突然說要離職，接手他的工作，首先面對的是傳統的產品 Oracle Form 45 的安裝問題，這已經是個老東西，跟Java的創新形象與訓練差異真大。但沒辦法，舊系統換不掉，根除的革命不是工程師能決定的，主管也不會承擔這種風險，系統使用者也沒有時間跟心情陪著技術人員起舞，大家就得過且過下去吧。
安裝Oracle Form 45/Report 25 (D2K) & Form/Report 6i
同事突然說要離職，接手他的工作，首先面對的是傳統的產品 Oracle Form 45 的安裝問題，這已經是個老東西，跟Java的創新形象與訓練差異真大。但沒辦法，舊系統換不掉，根除的革命不是工程師能決定的，主管也不會承擔這種風險，系統使用者也沒有時間跟心情陪著技術人員起舞，大家就得過且過下去吧。
安裝Oracle Form 45/Report 25 (D2K) & Form/Report 6i
- Jun 06 Mon 2005 12:07
debug 除蟲大作戰
寫程式的人對debug是又愛又恨，很少有人能一擊中的，程式能在第一次撰寫的時候就考慮到所有可能發生的錯誤狀況，也因此debug對每一支程式來說都是必經之路，對程式設計師來說，debug的經驗可以決定撰寫程式時，debug要花費多少時間。
家裡住的地方旁邊不遠處剛好有個四部汽車寬的大水溝，一進入夏天，即使住在十樓高的地方，因為蚊子太多，每天都得處理除蟲的工作。很奇怪的是，我是家裡最會打蚊子的人。
曾經使用液態電子蚊香，但現在已經不再使用的原因是，這種蚊香有個奇怪的味道（據說是除蟲菊），有新聞報導說除蟲菊精，雖然毒性低身體也代謝得快，吸太多也有不少問題。所以現在家裡使用的是電蚊拍，因為電蚊拍面積大，停在牆上的蚊子也不會察覺蚊拍慢慢地接近，等到發現時要飛起來已經逃脫不出蚊拍的範圍了。
家裡住的地方旁邊不遠處剛好有個四部汽車寬的大水溝，一進入夏天，即使住在十樓高的地方，因為蚊子太多，每天都得處理除蟲的工作。很奇怪的是，我是家裡最會打蚊子的人。
曾經使用液態電子蚊香，但現在已經不再使用的原因是，這種蚊香有個奇怪的味道（據說是除蟲菊），有新聞報導說除蟲菊精，雖然毒性低身體也代謝得快，吸太多也有不少問題。所以現在家裡使用的是電蚊拍，因為電蚊拍面積大，停在牆上的蚊子也不會察覺蚊拍慢慢地接近，等到發現時要飛起來已經逃脫不出蚊拍的範圍了。
- Apr 14 Thu 2005 10:11
concept mapping的認知、情意、技能訓練
去年底曾寫了篇有關concept mapping的文章，今天在網路上逛街時，看到這個人把concept/mind mapping運用在他生活的每個地方（矇矇的心智圖），像這樣子瘋狂的運用方式，我倒是第一次見到，也可以說是無所不用，但仔細想想，這種概念圖應該要怎麼用才最恰當呢？
我覺得
1. concept mapping不適合撰寫細節，例如旅遊的心情記錄來說，面對一些事件，心裡面所感受到的情緒，並不適合分為一點一點的items來寫，感受的文字敘述應該是一大片的、整體性的。
2. concept mapping不適合描寫有時間順序的事件，例如旅遊通常有時間性的，第一天去某個地方，第二天又如何，所以從map中心發射出去的四天行程，並不是平行的，因為二天永遠比第一天還晚發生，而且有一定的順序。
3. 跟上一點同樣的理由，個人的計畫或是行程表，不適合以concept mapping表示，這時候可以轉化為Tree狀的mind map，輻射狀的表示法轉化為Tree時，就產生了時間順序
我覺得
1. concept mapping不適合撰寫細節，例如旅遊的心情記錄來說，面對一些事件，心裡面所感受到的情緒，並不適合分為一點一點的items來寫，感受的文字敘述應該是一大片的、整體性的。
2. concept mapping不適合描寫有時間順序的事件，例如旅遊通常有時間性的，第一天去某個地方，第二天又如何，所以從map中心發射出去的四天行程，並不是平行的，因為二天永遠比第一天還晚發生，而且有一定的順序。
3. 跟上一點同樣的理由，個人的計畫或是行程表，不適合以concept mapping表示，這時候可以轉化為Tree狀的mind map，輻射狀的表示法轉化為Tree時，就產生了時間順序
- Apr 01 Fri 2005 23:13
Digital Smell 嗅覺數位化
現在的資訊科技裡面，最擅長且應用最廣泛的是文字技術，其次才是聲音與視訊，但是這些技術都是奠基於，能把視覺與聽覺這兩種感官刺激物數位化的結果。換句話說，我們要先能把視覺與聽覺的資料數位化，並傳遞到另外一個接收者的設備裡面，然後再藉由這些資料重新產生出跟原始資料相同的聲音或視訊，把原始資料重現於接收者的面前，然後讓這些人再藉由眼睛與耳朵，也就是視覺與聽覺讀取資料。
數位化的目的是為了遠距離不失真的傳播，設備的主要功能就是利用資料重現原始資料的原貌，但具體來說，這些資料都是原始資料的複本，只不過由於目前的設備技術夠先進，所以這些複本所呈現出來的成果，其實跟原始資料相去不遠。
但是目前的資訊科技還不能突破的就是嗅覺、味覺與觸覺，以嗅覺來說，要突破這種感覺器官的技術瓶頸在於，我們要先知道人類如何「聞出味道」，關鍵在於空氣中的粒子，傳遞到鼻子裡面然後聞出味道，所以數位化嗅覺設備，就是要確實地接收粒子資料，並將他們數位化，也要能夠以數位嗅覺資料產生味道的粒子。
數位化的目的是為了遠距離不失真的傳播，設備的主要功能就是利用資料重現原始資料的原貌，但具體來說，這些資料都是原始資料的複本，只不過由於目前的設備技術夠先進，所以這些複本所呈現出來的成果，其實跟原始資料相去不遠。
但是目前的資訊科技還不能突破的就是嗅覺、味覺與觸覺，以嗅覺來說，要突破這種感覺器官的技術瓶頸在於，我們要先知道人類如何「聞出味道」，關鍵在於空氣中的粒子，傳遞到鼻子裡面然後聞出味道，所以數位化嗅覺設備，就是要確實地接收粒子資料，並將他們數位化，也要能夠以數位嗅覺資料產生味道的粒子。
- Mar 02 Wed 2005 10:40
最近實作專案的設計經驗記錄
這篇文章是給我自己看的。分析設計可以不受分析規定的限制（UML Diagrams的限制），自行運用可以使用的diagrams，製作一份高階、簡單扼要的實作分析文件。
注意：由於專案的保密規定，我只能用中性的字眼記錄我的分析過程，所以這篇文章是給我自己看的，主要的分享重點在於：不受分析規定的限制（UML Diagrams的限制），自行運用可以使用的diagrams，製作一份高階、簡單扼要的實作分析文件。
前言：規格書包含兩個部分，一個是說明介面的溝通規格（包含 Send 與 Receive 的介面資訊內容），一個是系統的多張Sequnece Diagrams，說明系統的運作流程。
注意：由於專案的保密規定，我只能用中性的字眼記錄我的分析過程，所以這篇文章是給我自己看的，主要的分享重點在於：不受分析規定的限制（UML Diagrams的限制），自行運用可以使用的diagrams，製作一份高階、簡單扼要的實作分析文件。
前言：規格書包含兩個部分，一個是說明介面的溝通規格（包含 Send 與 Receive 的介面資訊內容），一個是系統的多張Sequnece Diagrams，說明系統的運作流程。
- Feb 22 Tue 2005 10:37
Xen虛擬軟體
- Feb 18 Fri 2005 10:36
Using Subversion
- Feb 16 Wed 2005 10:34
是藝術品嗎?
幾天前在民視異言堂看到一個報導，中部地區有個書藝大師 吳季如，修習書法藝術長達三十年的時間，他也是從臨摹書法名家的作品開始，跟一般人學習書法的過程一樣，也是從柳公權，到嚴真卿，楷書、隸書、行書、草書等等，但是臨摹到了某一天，他突然覺得，寫細細長長的就是柳公權，臨摹就沒有了自己的意念，也沒有樂趣。
所以他開始創造自己的字體，運筆隨著自己當時的心情與想法，甚至可以配合書寫內容的意境，寫出很多不同造型的字體，簡單地說就是跳脫了書「法」，提升到了書「藝」的境界。在報導中，他應邀在一個國小的白色牆面上，在現場觀眾的注目下寫了一篇上百個字的文章（文章標題我已經忘了），他自己說到，事前並不曉得要寫什麼，而是當天才知道要在一片牆上寫下上百個字，所有寫作的想法都是在那時候決定，而文章中總共有十六個「月」字，吳季如可以寫出十六種不同樣子的「月」，他確實地把自己熟稔的書法，轉化為自己身體的一部份，自成一套哲學。
所以他開始創造自己的字體，運筆隨著自己當時的心情與想法，甚至可以配合書寫內容的意境，寫出很多不同造型的字體，簡單地說就是跳脫了書「法」，提升到了書「藝」的境界。在報導中，他應邀在一個國小的白色牆面上，在現場觀眾的注目下寫了一篇上百個字的文章（文章標題我已經忘了），他自己說到，事前並不曉得要寫什麼，而是當天才知道要在一片牆上寫下上百個字，所有寫作的想法都是在那時候決定，而文章中總共有十六個「月」字，吳季如可以寫出十六種不同樣子的「月」，他確實地把自己熟稔的書法，轉化為自己身體的一部份，自成一套哲學。
- Jan 26 Wed 2005 10:32
RFID的未來?
- Jan 24 Mon 2005 10:30
Analysis of the Skype
a study report of Skype network traffic
An Analysis of the Skype Peer-to-Peer Internet Telephony Protocol
An Analysis of the Skype Peer-to-Peer Internet Telephony Protocol
