whatup 的 blog http://blog.twkang.net My world, My words, My programming Sat, 19 Jun 2010 08:19:55 +0000 en hourly 1 http://wordpress.org/?v=3.0 How to Build a Hackintosh ? http://blog.twkang.net/2010/06/19/how-to-build-a-hackintosh/ http://blog.twkang.net/2010/06/19/how-to-build-a-hackintosh/#comments Sat, 19 Jun 2010 08:19:55 +0000 whatup http://blog.twkang.net/?p=307 之前非常多的同事在更換電腦時，就換了 Mac Book Pro ，另外我也看到了一篇文章說在討論「為什麼我用Mac」。所以我非常的好奇， MAC OS X到底有什麼魔力可以讓這些人讚不絕口。在前些日子裡，我就有聽說在 pc 上其實是可以裝 MAC 的，但最主要的問題還是硬體支援的問題。所以下面我列出我所使用的硬體，而CPU、主機板、和顯示卡為三個最重要的要素，如果你的這三個硬體有 MAC OS X 支援的話，在安裝上就沒有太大的問題了。

第一步：準備硬體
我所使用的硬體如下：

第二步：準備軟體
所需要的軟體如下：

並且把 iboot 燒錄成 CD 等等要拿他來作為開機使用。

第三步：設定 bios
依照「How to Install Mac OS X on a PC (Without Using a Mac)」這篇所示所需更改的 bios 選項如下：

  • 把 cdrom 改為第一個開機選項。
  • 進入 Integrated Peripherals 選單，把 PCH SATA Control Mode 和 Onboard SATA/IDE Ctrl Mode 都改為 ACHI 。
  • 接著進入 Power Management Setup 選單，把 HPET Mode 調成 64-bit 模式。

第四步：安裝 MAC OS X
將剛剛燒好的 iboot 光碟放入光碟機中，然後先利用他作為光碟開機。看到 iboot-supported 畫面出現後，把 iboot 光碟拿出來，放入原板 Snow leopard DVD 進去，接著等三到五秒，然後按 F5 。你就會看到安裝的選項跑出來了。其他的安裝方式其實就下一步一直按而已，沒有很難。安裝後第一次開機，請記得使用 iboot 片來作為開機片，否則會出現錯誤。

第五步：安裝 boot loader & drivers
如果你的硬體跟我一樣，哪其他的步驟就照著我所說的選擇就好了，如果不一樣，可能就要上 「OSx86 Project」找看看別人怎麼選驅動程式。

  • 下載 MultiBeast
  • 下載 DSDT for the Gigabyte GA-H55M-USB3，然後改名為 DSDT.aml 並且放置於桌面上，等等開啟 multi beast 時才會自動抓到。
  • 開啟 mult beast ，並且選擇下列這些選項：
    • UserDSDT
    • System Utilities
    • Advanced Options > Kexts > Audio > LegacyHDA > ALC889
    • Advanced Options > Kexts > Graphics > NVEnabler
    • Advanced Options > Kexts > Network > RealtekR1000SL
    • Advanced Options > Patched Kernels > 10.3.1 Supported Kernel

    安裝完後，重新開啟，你就可以快快樂樂開開心心的使用黑金塔了！！

    在剛開始不習慣使用 MAC 的情況下，很多的思維可能不一樣，想找個偏好設定都找不太到，現在越來越順手了，以後再分享一些心得出來。

    參考網址：

    ]]> http://blog.twkang.net/2010/06/19/how-to-build-a-hackintosh/feed/ 3 growl for YUI http://blog.twkang.net/2010/05/03/growl-for-yui/ http://blog.twkang.net/2010/05/03/growl-for-yui/#comments Mon, 03 May 2010 15:40:17 +0000 whatup http://blog.twkang.net/?p=272 最近在練習使用 YUI ，剛好想到一個感覺滿炫的主題，就是作 growl style 的 notice 。主要的畫面是參考 Gritter: Growl Notification by jQuery 的畫面，然後再使用 YUI 來實作。

    實作方式就是包一個 div 後再把 overlay 塞進去，讓他作 FADE 的顯示和消失，他就會漸漸的出現和漸漸的消失，比我想像中的還簡單。

    使用方法如下，首先記得把下列所需的的 js 引入：

        <script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/yuiloader/yuiloader-min.js"></script>
    <script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/dom/dom-min.js"></script>
    <script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/event/event-min.js"></script>
    <script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/animation/animation-min.js"></script>
    <script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/container/container-min.js"></script>

    然後下載 yui-growl.tar.gz ，並且解開後，並且引用 yui-growl.js。

        <script type="text/javascript" src="js/yui-growl.js"></script>

    在 <body> 之後加入：

    <div id="notify"></div>

    接著加入下列 css style 和 gritter.png 這個圖片，放置於 css 可以讀取到的地方。

     * html #notify {position:absolute; }
 #notify{position:fixed;right:0px;color:#fff;}
 .message{display:block;position:static;width:280px;visibility:hidden;margin:10px;}
 .message div.hd {height:10px;background:url("gritter.png") repeat-x scroll 0 -30px transparent}
 .message div.hd span {padding:10px 0 ;}
 .message div.bd {background:url("gritter.png") repeat-x scroll 0 -60px transparent}
 .message div.ft {height:10px;background:url("gritter.png") repeat-x scroll 0 -300px transparent}
 .message div.ft span {padding:10px 0 ;}

    可以用下列的使用方法來使用：

    // message : 顯示的訊息
// seconds : 保持顯示的秒數
Widget.growl(message,seconds);

    像我的範例裡就是放置在 Click 事件裡面：

    <input type="text" id="text">
<button value="" onclick="Widget.growl(YAHOO.util.Dom.get('text').value+ '<br/>'+Math.random(),2);" />Click me</button>

    按下按鈕後，就會彈出訊息給使用者知道了。

    可以在此看到 demo & source code 。

    ]]>     http://blog.twkang.net/2010/05/03/growl-for-yui/feed/ 1     MUD eXtension Protocol http://blog.twkang.net/2010/04/12/mud-extension-protocol/ http://blog.twkang.net/2010/04/12/mud-extension-protocol/#comments Mon, 12 Apr 2010 14:18:32 +0000 whatup http://blog.twkang.net/?p=231 MUD eXtension Protocol (MXP) ，是由 Zugg Software 來維護，它可以利用特別的 Tag 讓 client 顯示時別的畫楮，來讓 Server 與 Client 之間互相通溝。所以玩家即可利用滑鼠進行遊戲操作，可大量降低使用者進入 Mud 的門檻。

    Server 部份：

    要啟動 MXP 除了 Client 要支援之外， Server 在送出資料時分為三種 Mode ，所以我們在送出資料前，要先送出這些資料是什麼模式，模式送錯，就只會顯示原始內容 。

    1. Open mode – 代號 1：
      這是預設的模式，在此模式下可以使用一般合法的 tag ，幾個常用的 Tag 如下：

      <bold> or <b>
<underline> or <u>
<italic> or <i>
<color> or <c>
<font>
<strike> or <s>
<strong>
<small>
<tt>
    2. Secure mode – 代號 2 ：
      這個模式可以使用特別的 command 來與 client 端互動，例如：east，他就會出現有底線的 east ，使用者只要點 east ，就會自動往東走。其他相關的資訊請參考 Secure Tag 。
    3. Locked mode – 代號 3 ：
      這是原始碼模式，這個部份將不會特別處理，直接顯示。
    4. 其餘模式請參考：MXP modes – secure, open and locked 這篇文章。

    Client 部份：

    目前支援 mxp 的 Client 只有 MUSHClient 與 Zmud 6.5 板以上，其他的 Client 並不支援。

    目前狂想空間已經啟用了部份 mxp 的支援，例如在 npc 上點右鍵，可以得到 kill/fight/look 之類的動作。如果點到 item 上面，會有 get/drop 之類的動作。

    你現在開啟 zmud 6.5 板以上，連到 fs.twkang.net 5555 ，並且在登入後，打「set mxp」這個指令，即可以開始享用用滑鼠玩 Mud 的樂趣了。

    有圖有真像：zmud

    ]]>     http://blog.twkang.net/2010/04/12/mud-extension-protocol/feed/ 2     Let’s Kill IE6 plugin for wordpress http://blog.twkang.net/2010/04/10/lkie6-plugin-for-wordpress/ http://blog.twkang.net/2010/04/10/lkie6-plugin-for-wordpress/#comments Sat, 10 Apr 2010 04:41:06 +0000 whatup http://blog.twkang.net/?p=251 How To Use :

    1. You can download from lets_kill_ie6.phps
    2. Rename lets_kill_ie6.phps to lets_kill_ie6.php.
    3. Put lets_kill_ie6.php to wordpress plugin directory.
    4. Active it , and enjoy it.

    我在網路上看到由 mg12 所提供消滅建議昇級 IE6 的 javascript ，覺得非常的美觀和有趣。身為 web Developer ，對於萬惡的 IE 6 非常的痛恨是很正常的，尤於要花費非常多的心力來支援它，所以大家快點幫忙把 IE6 消滅吧。

    所以為了讓 wordpress 非常方便的可以使用該功能，我就作了一個 wordpress plugin 來協助啟用他，才不用更動每一個 template 。下面介紹如何安裝這個 plugin :

    1. 下載 lets_kill_ie6.phps
    2. 把檔名改為 lets_kill_ie6.php.
    3. 將他放在 wordpress / wordpress mu 的 plugin 目錄下。
    4. 啟用他，你就可以看到效果了。

    啟用後畫面如下：
    sample

    ]]>     http://blog.twkang.net/2010/04/10/lkie6-plugin-for-wordpress/feed/ 2     歷史上的今天-2010.04.01 http://blog.twkang.net/2010/04/01/%e6%ad%b7%e5%8f%b2%e4%b8%8a%e7%9a%84%e4%bb%8a%e5%a4%a9-2010-04-01/ http://blog.twkang.net/2010/04/01/%e6%ad%b7%e5%8f%b2%e4%b8%8a%e7%9a%84%e4%bb%8a%e5%a4%a9-2010-04-01/#comments Thu, 01 Apr 2010 15:24:14 +0000 whatup http://blog.twkang.net/?p=245 每年的愚人節我都會想各種奇怪的理由來騙朋友，例如有一年是騙同學說我和當時的女友分手了、或是另一年就是騙同學說我已經與另一個女生在一起了。今年沒有事先想什麼梗，早上上班就想說來玩個大一點的。上班前花了十分鐘，把我的全民打棒球球員資訊查詢網作了一個假的下架畫面，並且在 ptt 上公告說因為遊戲公司的反對，所以本站不再公開讓網友查詢。

    這一招，果然騙到不少人，網路上一堆人在罵遊戲公司啊。相關資料：

    本來想將 FS 和 RW 的登入 port 互換的，可惜沒人支持這種玩法，好可惜。

    擷圖如下：
    假畫面

    ]]>     http://blog.twkang.net/2010/04/01/%e6%ad%b7%e5%8f%b2%e4%b8%8a%e7%9a%84%e4%bb%8a%e5%a4%a9-2010-04-01/feed/ 3     將 Blog 系統從Lyceum轉換到WordPress Mu http://blog.twkang.net/2010/02/07/%e5%b0%87-blog-%e7%b3%bb%e7%b5%b1%e5%be%9elyceum%e8%bd%89%e6%8f%9b%e5%88%b0wordpress-mu/ http://blog.twkang.net/2010/02/07/%e5%b0%87-blog-%e7%b3%bb%e7%b5%b1%e5%be%9elyceum%e8%bd%89%e6%8f%9b%e5%88%b0wordpress-mu/#comments Sat, 06 Feb 2010 16:15:23 +0000 whatup http://blog.twkang.net/?p=218 在支持了這麼久的 Lyceum 後，最後終於受不了將 blog 系統更換成 WordPress Mu 了。而之所以會這樣更換，是因為 Lyceum 上一個 Release 的版本是在 2008 年 6 月 4 號了，然而已經完全跟不上最新的 wordpress 。

    花了一個晚上，將一些朋友的 blog 手動匯出成 xml 檔，並且再幫他們匯入到目前的 MU 上。另外還有一些小問題發生，例如原先文章中有寫到程式的部份，其中的 PHP Code 被 filter 掉，這部份的問題比較大要找時間再來修了。還有留言的部份，同一篇文章的留言好像只有匯入第一筆而已。

    也順手更換了佈景主題，這次的主題有點黑暗，不過還滿喜歡目前這種帶點黑暗的感覺。

    不過整體來說，wordpress mu 操作界面清楚了許多， widgets 也改成內建了，有更多的 Plugins & widgets 可以使用。所以用了新版的 Blog 軟體後，說不定比較有動力發表文章呢？！

    ]]>     http://blog.twkang.net/2010/02/07/%e5%b0%87-blog-%e7%b3%bb%e7%b5%b1%e5%be%9elyceum%e8%bd%89%e6%8f%9b%e5%88%b0wordpress-mu/feed/ 3     java & php 的 timestamp 為不同單位 http://blog.twkang.net/2009/11/08/java-php-%e7%9a%84-timestamp-%e7%82%ba%e4%b8%8d%e5%90%8c%e5%96%ae%e4%bd%8d/ http://blog.twkang.net/2009/11/08/java-php-%e7%9a%84-timestamp-%e7%82%ba%e4%b8%8d%e5%90%8c%e5%96%ae%e4%bd%8d/#comments Sun, 08 Nov 2009 13:59:05 +0000 whatup http://blog.twkang.net/2009/11/08/java-php-%e7%9a%84-timestamp-%e7%82%ba%e4%b8%8d%e5%90%8c%e5%96%ae%e4%bd%8d/ 一般以來，我以為 timestamp 應該是要從 1970 年零點零分零秒開始，至目前時刻所經過的「秒」數，才算是 timestamp 。不過後來查了一下 java 的 timestamp 的說明，他是從 1970 年零點零分零秒開始到現在的「微秒」數。所以二者之間相差了 1000 倍。

    Java 的 timestamp的說明如下：
    long getTime()
    Returns the number of milliseconds since January 1, 1970, 00:00:00 GMT represented by this Timestamp object.

    PHP 的 timestamp 說明如下：
    int time ( void )
    Returns the current time measured in the number of seconds since the Unix Epoch (January 1 1970 00:00:00 GMT).

    所以如果 php & java 要作 web service 的服務的話，記得要處理這部份的轉換。

    Java 部份的程式碼：

    import java.util.Calendar;
class Time
{
public static void  main(String arg[]) {
Calendar cal = Calendar.getInstance();
System.out.println(cal.getTime().getTime());
}
}

    結果如下：

    whatup@whatup:/tmp$ java Time
1257688227061

    PHP 部份的程式碼：

     echo time();

    結果如下：

    whatup@whatup:/tmp$ php time.php
1257688308
    ]]>     http://blog.twkang.net/2009/11/08/java-php-%e7%9a%84-timestamp-%e7%82%ba%e4%b8%8d%e5%90%8c%e5%96%ae%e4%bd%8d/feed/ 1     利用 curl 平行抓取多個網頁 http://blog.twkang.net/2009/10/04/%e5%88%a9%e7%94%a8-curl-%e5%b9%b3%e8%a1%8c%e6%8a%93%e5%8f%96%e5%a4%9a%e5%80%8b%e7%b6%b2%e9%a0%81/ http://blog.twkang.net/2009/10/04/%e5%88%a9%e7%94%a8-curl-%e5%b9%b3%e8%a1%8c%e6%8a%93%e5%8f%96%e5%a4%9a%e5%80%8b%e7%b6%b2%e9%a0%81/#comments Sun, 04 Oct 2009 03:48:52 +0000 whatup http://blog.twkang.net/2009/10/04/%e5%88%a9%e7%94%a8-curl-%e5%b9%b3%e8%a1%8c%e6%8a%93%e5%8f%96%e5%a4%9a%e5%80%8b%e7%b6%b2%e9%a0%81/ 如果一次要抓多個網頁，如果使用一個一個 curl 慢慢抓的話，實在是太慢了。假設一個網頁要 0.3 sec 的話，十個網頁需要抓時就要 3 sec 了。利用這個 curl 的 mutli handle 功能，可以同時抓取 N 個網頁，這樣抓取網頁速度會有明顯的提昇。

    其實也可以利用這個方法，來試試自已的網頁的存取速度怎麼樣。不過如果一次開 50 個以上，感覺抓取速度會受到影響。所以還是別同時抓取太多網頁比較好。

    範例程式碼如下：

     0);

foreach($curl_obs as $curl_ob)
{
  $content = curl_multi_getcontent($curl_ob);
  var_dump(strlen($content));
}
foreach($curl_obs as $curl_ob)
{
  curl_multi_remove_handle($mh, $curl_ob);
}
curl_multi_close($mh);
?&gt;

    執行結果：

    whatup@whatup:/tmp$ php curl_multi.php
int(222)
int(9490)

    ]]>     http://blog.twkang.net/2009/10/04/%e5%88%a9%e7%94%a8-curl-%e5%b9%b3%e8%a1%8c%e6%8a%93%e5%8f%96%e5%a4%9a%e5%80%8b%e7%b6%b2%e9%a0%81/feed/ 1     google app enging for java 用來跑 PHP http://blog.twkang.net/2009/04/14/google-app-enging-for-java-%e7%94%a8%e4%be%86%e8%b7%91-php/ http://blog.twkang.net/2009/04/14/google-app-enging-for-java-%e7%94%a8%e4%be%86%e8%b7%91-php/#comments Tue, 14 Apr 2009 15:42:33 +0000 whatup http://blog.twkang.net/2009/04/14/google-app-enging-for-java-%e7%94%a8%e4%be%86%e8%b7%91-php/ 前幾天 google 發布了 google app engine 支援了 java 後，就有聽說有人可以利用 Quercus 專案，來支援 PHP ，這是一個令人興奮的消息啊。像我不太會寫 python 的人，有 PHP 的支援，更可以讓更多的 web developer 快速上手。

    幾天後，有一家公司的 blog 上發表了一篇「Run PHP on the Google App Engine」，他們已經成功的在 app engine 上執行 php 了。

    他所列的步驟如下：

    1. Register a free account.
    2. Download this file to your computer.
    3. Edit application XML tag in the file war\WEB-INF\appengine-web.xml to the name of the application you have registered.
    4. Finally upload your application. I downloaded Google App Engine SDK for Java and use the following command in windows.

    但我在本地端測試的時候，因為少了一些 package 所以沒辦法在本地端執行，你可以到 http://www.codehaus.org/ 下載 jetty package ，並且解壓縮到 app-engine 的 lib 目錄，即可以使用 dev_appserver.sh 這個指令在本地端測試了。Depoy 到 google 的 GAE 上的話，就不用這這個 package 了。

    另外他沒有支援 Mysql 之類的關聯性資料庫，所以如果要 port 一些跟資料庫相關的東西的話，應該要自行改寫其資料庫的部份。

    ]]>     http://blog.twkang.net/2009/04/14/google-app-enging-for-java-%e7%94%a8%e4%be%86%e8%b7%91-php/feed/ 1     二個 postgresql 的 Tips http://blog.twkang.net/2009/04/08/%e4%ba%8c%e5%80%8b-postgresql-%e7%9a%84-tips/ http://blog.twkang.net/2009/04/08/%e4%ba%8c%e5%80%8b-postgresql-%e7%9a%84-tips/#comments Wed, 08 Apr 2009 03:13:00 +0000 whatup http://blog.twkang.net/2009/04/08/%e4%ba%8c%e5%80%8b-postgresql-%e7%9a%84-tips/ 最近公司會用到 postgresql 來作為 Database ，不過因為之前都使用 Mysql 的 DB 設定和使用方法，所以有一些的不習慣，底下有二個我目前用到小技巧。

    之前在 mysql 下，會使用 desc table 這個指令，來列出目前該 table 的 schema 有哪些。不過經由 postgresql 的 1.4. Accessing a Database 章節裡的使用者留言下說明，要用以下的方法來取代： 

    SELECT column_name,data_type FROM information_schema.columns WHERE table_name = 'table_name'

    如果是 show table 這個指令，就得由以下的指令來取代： 

    SELECT table_name FROM information_schema.tables WHERE table_schema = 'public'

    另外由於我目前寫 php 時，都是經由 pdo 來存取 Database ，所以一般來說，我們都會使用 PDO::lastInsertId 來取得最後一筆插入的 ID ，不過因為 postgresql 並不支援該方法，所以會一直產生 false 的值。查了一下 php.net 的 PDO::lastinsertid 裡面的說明，他是改 select 一個 Sequences 的值，所以我依照我的需求改寫一下，就可以查出 last insert id 了。 

    prepare($query);
    $temp_q_id-&gt;execute();

    if($temp_q_id)
    {
        $temp_result = $temp_q_id-&gt;fetch(PDO::FETCH_ASSOC);
        return ( $temp_result ) ? $temp_result['last_value'] : false;
    }
}
?&gt;

    當然在 php.net 上有更優雅的寫法，就是即時的分析 sql 字串，來找出 table ，但因為我的 pk 的鍵值都不一樣，所以才要自行作改寫了。

    ]]>     http://blog.twkang.net/2009/04/08/%e4%ba%8c%e5%80%8b-postgresql-%e7%9a%84-tips/feed/ 0