<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Cyberpunk &#187; 電腦世界</title>
	<atom:link href="http://punk.tw/category/computer/feed" rel="self" type="application/rss+xml" />
	<link>http://punk.tw</link>
	<description>網際叛客：學習心得、Web 2.0與網路觀察、Google應用與技術、Ruby on Rails, Google App Engine</description>
	<lastBuildDate>Tue, 07 Feb 2012 08:42:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>[Facebook應用程式開發] Rails on Facebook for Beginners</title>
		<link>http://punk.tw/2009/12/22/facebook%e6%87%89%e7%94%a8%e7%a8%8b%e5%bc%8f%e9%96%8b%e7%99%bc-rails-on-facebook-for-beginners</link>
		<comments>http://punk.tw/2009/12/22/facebook%e6%87%89%e7%94%a8%e7%a8%8b%e5%bc%8f%e9%96%8b%e7%99%bc-rails-on-facebook-for-beginners#comments</comments>
		<pubDate>Tue, 22 Dec 2009 12:24:56 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[Facebook]]></category>

		<guid isPermaLink="false">http://punk.tw/?p=1008</guid>
		<description><![CDATA[以下是筆者今天於Ruby Tuesday社群聚會分享使用Ruby on Rails開發Facebook應用程式的經驗之投影片。裡面包括許多實際在使用中的程式碼並且都有提供Gist的網址，有需要的朋友可以直接到該網址複製使用。 其中有提到iPK這個Facebook應用程式，是筆者參與Inside部落格團隊所開發的應用案例，投影片中所有的程式碼片段皆整理自該程式，若您對於程式的寫法有任何建議或疑問，歡迎在本文提出以進行交流、討論。:) 投影片內容除了團隊共同的研究、開發經驗之外，也感謝Cardinal Blue經驗上的分享，關於Cardinal Blue分享的投影片請見：Cardinal Blue的Facebook應用程式開發經驗分享：使用Ruby on Rails與Heroku]]></description>
			<content:encoded><![CDATA[<p>
以下是筆者今天於<a href="http://ruby.tw/">Ruby Tuesday</a>社群聚會分享使用Ruby on Rails開發Facebook應用程式的經驗之投影片。裡面包括許多實際在使用中的程式碼並且都有提供Gist的網址，有需要的朋友可以直接到該網址複製使用。
</p>
<p>
其中有提到<a href="http://apps.facebook.com/pkpolls/">iPK</a>這個Facebook應用程式，是筆者參與Inside部落格團隊所開發的應用案例，投影片中所有的程式碼片段皆整理自該程式，若您對於程式的寫法有任何建議或疑問，歡迎在本文提出以進行交流、討論。:)
</p>
<p>
投影片內容除了團隊共同的研究、開發經驗之外，也感謝Cardinal Blue經驗上的分享，關於Cardinal Blue分享的投影片請見：<a href="http://www.inside.com.tw/11/29/cardinal-blue的facebook應用程式開發經驗分享：使用ruby-on-rails與heroku">Cardinal Blue的Facebook應用程式開發經驗分享：使用Ruby on Rails與Heroku</a>
</p>
<div style="text-align:center">
<iframe src="http://docs.google.com/present/embed?id=dv62wt6_300fnptksc2&#038;loop=true&#038;size=m" frameborder="0" width="555" height="451"></iframe>
</div>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2009/12/22/facebook%e6%87%89%e7%94%a8%e7%a8%8b%e5%bc%8f%e9%96%8b%e7%99%bc-rails-on-facebook-for-beginners/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>如何將現有的Ruby on Rails專案移植到Heroku？</title>
		<link>http://punk.tw/2009/09/27/%e5%a6%82%e4%bd%95%e5%b0%87%e7%8f%be%e6%9c%89%e7%9a%84ruby-on-rails%e5%b0%88%e6%a1%88%e7%a7%bb%e6%a4%8d%e5%88%b0heroku%ef%bc%9f</link>
		<comments>http://punk.tw/2009/09/27/%e5%a6%82%e4%bd%95%e5%b0%87%e7%8f%be%e6%9c%89%e7%9a%84ruby-on-rails%e5%b0%88%e6%a1%88%e7%a7%bb%e6%a4%8d%e5%88%b0heroku%ef%bc%9f#comments</comments>
		<pubDate>Sun, 27 Sep 2009 15:16:40 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Ruby on Rails]]></category>

		<guid isPermaLink="false">http://punk.tw/?p=960</guid>
		<description><![CDATA[今天試著將兩個手頭上已經沒在密集維護但偶有流量的網站移植到Heroku上來降低維護的成本，過程中相當輕鬆地將專案無痛轉移到Heroku之外，連資料都一起順利轉移過去了，以下是轉移步驟的簡介。 將專案納入git版本控管中，指令是git init 建立一個新的Heroku空間，指令是heroku create或是heroku create YOUR_APP_NAME 在config/environment.rb加上$KCODE='u'（避免中文編碼問題，我是加在第一行） 將所有檔案丟到Heroku上：git add . ; git commit -a -m "deploy to Heroku" ; git push heroku master 步驟其實很簡單，官方文件上應該也能找到更詳盡的教學，另外要注意的是，如果您的專案擁有自己的網址，希望能一併指到Heroku，還需要注意下列事項： 將DNS中的CNAME 指到proxy.heroku.com，或是將A Record指到75.101.163.44, 75.101.145.87, 174.129.212.2，Heroku的程式在新增custom domain name時會先檢查您的DNS Records。 請在Heroku的帳戶管理中輸入您的信用卡資料（custom domain name雖然是免費的服務，但要驗證信用卡） 使用heroku addons:add custom_domains指令啟用自定網址 使用heroku domains:add YOUR_DOMAIN_NAME來新增網址 當然，上述步驟可以不透過指令，直接在Heroku的管理介面完成。 我自己在移植的過程中遇到兩個問題，第一個是資料丟上Heroku之後都變成亂碼，但我的MySQL編碼就是UTF8了，實在沒道理，因此就嘗試加上$KCODE的設定，沒想到馬上管用。 第二個問題是資料如何丟到Heroku，步驟也很簡單： sudo gem install tap（tap就是讓你可以無痛轉移的關鍵Ruby gem） heroku db:push（如此一來就會把資料庫，包括schema、data、index完整送上Heroku） 其中要注意的是，Heroku設計的原意是讓你可以將開發過程中已有的測試資料（development環境）丟上Heroku一併測試，因此我目前沒有找到如何讀取production環境的參數，我自己的作法是在config/database.yml中將development的設定改為production的設定，讓程式去讀取production。 或是你也可以使用指令的方式指定任意的資料庫：heroku db:push [...]]]></description>
			<content:encoded><![CDATA[<p>今天試著將兩個手頭上已經沒在密集維護但偶有流量的網站移植到Heroku上來降低維護的成本，過程中相當輕鬆地將專案無痛轉移到Heroku之外，連資料都一起順利轉移過去了，以下是轉移步驟的簡介。</p>
<ol>
<li>將專案納入git版本控管中，指令是git init</li>
<li>建立一個新的Heroku空間，指令是heroku create或是heroku create YOUR_APP_NAME</li>
<li>在config/environment.rb加上$KCODE='u'（避免中文編碼問題，我是加在第一行）</li>
<li>將所有檔案丟到Heroku上：git add . ; git commit -a -m "deploy to Heroku" ; git push heroku master</li>
</ol>
<p>步驟其實很簡單，官方文件上應該也能找到更詳盡的教學，另外要注意的是，如果您的專案擁有自己的網址，希望能一併指到Heroku，還需要注意下列事項：</p>
<ol>
<li><span style="background-color: #ffffff;">將DNS中的CNAME 指到proxy.heroku.com，或是將A Record指到75.101.163.44, 75.101.145.87, 174.129.212.2，Heroku的程式在新增custom domain name時會先檢查您的DNS Records。</span></li>
<li><span style="background-color: #ffffff;">請在Heroku的帳戶管理中輸入您的信用卡資料（custom domain name雖然是免費的服務，但要驗證信用卡）</span></li>
<li><span style="background-color: #ffffff;">使用heroku addons:add custom_domains指令啟用自定網址</span></li>
<li><span style="background-color: #ffffff;">使用heroku domains:add YOUR_DOMAIN_NAME來新增網址</span></li>
</ol>
<p>當然，上述步驟可以不透過指令，直接在Heroku的管理介面完成。</p>
<p>我自己在移植的過程中遇到兩個問題，第一個是資料丟上Heroku之後都變成亂碼，但我的MySQL編碼就是UTF8了，實在沒道理，因此就嘗試加上$KCODE的設定，沒想到馬上管用。</p>
<p>第二個問題是資料如何丟到Heroku，步驟也很簡單：</p>
<ol>
<li>sudo gem install tap（tap就是讓你可以無痛轉移的關鍵Ruby gem）</li>
<li>heroku db:push（如此一來就會把資料庫，包括schema、data、index完整送上Heroku）</li>
</ol>
<p>其中要注意的是，Heroku設計的原意是讓你可以將開發過程中已有的測試資料（development環境）丟上Heroku一併測試，因此我目前沒有找到如何讀取production環境的參數，我自己的作法是在config/database.yml中將development的設定改為production的設定，讓程式去讀取production。</p>
<p>或是你也可以使用指令的方式指定任意的資料庫：heroku db:push mysql://YOUR_USER_NAME:YOUR_PASSWORD@localhost/DB_NAME</p>
<p>P.S. 當然，如果嫌Heroku不好用或是其他原因想要搬家，只要下heroku db:pull，就會把雲端上的資料撈回來放在development環境，我自己是用SQLite，資料就會倒進SQLite了，是不是很方便呢？:p</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2009/09/27/%e5%a6%82%e4%bd%95%e5%b0%87%e7%8f%be%e6%9c%89%e7%9a%84ruby-on-rails%e5%b0%88%e6%a1%88%e7%a7%bb%e6%a4%8d%e5%88%b0heroku%ef%bc%9f/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>在Rails 2.0中如何避免在URL使用資料流水號</title>
		<link>http://punk.tw/2008/04/29/%e5%9c%a8rails-20%e4%b8%ad%e5%a6%82%e4%bd%95%e9%81%bf%e5%85%8d%e5%9c%a8url%e4%bd%bf%e7%94%a8%e8%b3%87%e6%96%99%e6%b5%81%e6%b0%b4%e8%99%9f</link>
		<comments>http://punk.tw/2008/04/29/%e5%9c%a8rails-20%e4%b8%ad%e5%a6%82%e4%bd%95%e9%81%bf%e5%85%8d%e5%9c%a8url%e4%bd%bf%e7%94%a8%e8%b3%87%e6%96%99%e6%b5%81%e6%b0%b4%e8%99%9f#comments</comments>
		<pubDate>Mon, 28 Apr 2008 19:23:18 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[ActiveRecord]]></category>

		<guid isPermaLink="false">http://punk.tw/2008/04/29/857.html</guid>
		<description><![CDATA[<p>我曾寫過一篇「<a href="http://punk.tw/2007/10/06/340.html">Rails: 建立Permalink，避免流水號洩漏網站資料</a>」針對有人擔心（或質疑）Ruby on Rails中以資料表主鍵流水號作為URL中的參數，會導致網站洩漏某些不希望被外界一眼看穿的資訊，例如使用者總數或文章總數之類的數據，因此簡單地透過Model在存取資料庫時的before_create方法建立每一筆資料的unique key來避免這個問題。</p> ]]></description>
			<content:encoded><![CDATA[<p>我曾寫過一篇「<a href="http://punk.tw/2007/10/06/340.html">Rails: 建立Permalink，避免流水號洩漏網站資料</a>」針對有人擔心（或質疑）Ruby on Rails中以資料表主鍵流水號作為URL中的參數，會導致網站洩漏某些不希望被外界一眼看穿的資訊，例如使用者總數或文章總數之類的數據，因此簡單地透過Model在存取資料庫時的before_create方法建立每一筆資料的unique key來避免這個問題。</p>
<p>之前使用Rails 1.2.x版本時根據我當時的作法並無不妥，因為我自己的coding習慣是會完整地指定controller, action以及id，並在對應的action中使用find_by_key的方法來找到資料。</p>
<p>然而，升級到Rails 2.0後便會出現許多麻煩，例如預設產生的scaffold必須修改許多地方，才能讓Model.find_by_key、redirect_to <strong>post_url</strong>(@post)之類的方法正確運作。</p>
<p>於是我一直到前陣子才找到應該比較正規的作法：在Model中使用to_param方法。</p>
<p>to_param(): Enables Active Record objects to be used as URL parameters in Action Pack automatically.</p>
<p>這麼好用的方法我居然不是一開始就發現，只能說相見恨晚，好險我開發Rails 2.0的時間還不算長，沒走到太多冤枉路。要實踐本標題所說的在Rails 2.0中如何避免在URL使用資料流水號便相當簡單！</p>
<p>1. 建立Scaffold：（通常會對key這個欄位建立index並設定字串長度limit，別忘了:p）<br />script/generate post title:string content:text key:string</p>
<p>2. 將Post的migration寫進資料庫後修改Post model如下：</p>
<p>
<pre class="prettyprint">
class Post < ActiveRecord::Base
  before_create :generate_key

<strong>  def self.find(*args)
    if args.first.is_a?(String)
      find_by_key(args.shift, *args) or raise ActiveRecord::RecordNotFound
    else
      super
    end
  end

  def to_param
    key
  end</strong>

  protected
  # 我前一篇文章產生key的方式不太一樣，這應該是個人習慣。
  # 另外，其實亂碼的網址沒有SEO的效益，建議還是弄個slug吧！
  def generate_key
    require 'digest/sha1'
    self.key = Digest::SHA1.hexdigest( Time.now.to_s.split(//).sort_by {rand}.join )[15..24]
  end
end
</pre>
</p>
<p>就這樣！<strong>概念很簡單，就是不再用ID當查詢的參數，全面改用key</strong>啦！關鍵就在於使用to_param()方法以及對find做進一步的判斷，因為我<strong>除了Model.find(:all)之類的Symbol，其餘的CRUD都是傳入Key作為參數</strong>，因此在此僅簡單地判斷是否為字串。</p>
<p>如此一來，不管你是什麼user_posts_url, new_user_post_url都可以輕鬆地直接以ActiveRecord Object傳遞，起碼我之前曾經嘗試用edit_post_url(@post.key)這種方式傳值，非常麻煩、要改Controller又要改View，現在用了to_param()，什麼都不用改了！又優雅又簡單，寫起來更加快樂、效率也提昇了:p</p>
<p>P.S. 其實在Rails 1.2.x應該也是這麼做比較優雅，不限於2.0</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2008/04/29/%e5%9c%a8rails-20%e4%b8%ad%e5%a6%82%e4%bd%95%e9%81%bf%e5%85%8d%e5%9c%a8url%e4%bd%bf%e7%94%a8%e8%b3%87%e6%96%99%e6%b5%81%e6%b0%b4%e8%99%9f/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>如何使用Rails做HTTP 301/302 Redirect？</title>
		<link>http://punk.tw/2008/04/29/%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8rails%e5%81%9ahttp-301302-redirect%ef%bc%9f</link>
		<comments>http://punk.tw/2008/04/29/%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8rails%e5%81%9ahttp-301302-redirect%ef%bc%9f#comments</comments>
		<pubDate>Mon, 28 Apr 2008 18:38:23 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Ruby on Rails]]></category>

		<guid isPermaLink="false">http://punk.tw/2008/04/29/856.html</guid>
		<description><![CDATA[HTTP的規範中，狀態代碼301代表Permanent Redirect（永久定址轉移）、302則是暫時定址轉移，相較於使用HTML或是JavaScript來達到Redirect轉址目的，最大的差別在於301/302的HTTP狀態是被搜尋引擎所認可的；換句話說，你可以透過301/302轉址的方式讓搜尋引擎爬到你搬家後的新網頁。 至於301、302兩種狀態的差異，所謂的「永久」定址轉移是指搜尋引擎會根據你所指定的新網址重新建立索引，原來的位址便不再使用；而暫時定址轉移則是暫時性地將網頁搬到某個地方。 一般做301/302轉址可直接更改.htaccess檔案，讓Apache代勞即可： Redirect 301 /not_available/old_page.html http://www.newserver.com/available/new_page.html 若要在Rails中來做這件事情，有幾種作法，最簡單的是在Controller裡面寫 headers["Status"] = "301 Moved Permanently"redirect_to http://somenewurl/ 或者 head :moved_permanently, :location =&#62; 'http://somenewurl' 或者，從Rails的原始碼中可以看到下列用法，感覺這個最好用:p (from trunk/actionpack/lib/action_controller/base.rb) # Examples: #&#160;&#160; redirect_to :action=&#62;'atom', :status=&#62;:moved_permanently #&#160;&#160; redirect_to post_url(@post), :status=&#62;301 #&#160;&#160; redirect_to :action=&#62;'atom', :status=&#62;302]]></description>
			<content:encoded><![CDATA[<p><strong>HTTP的規範中，狀態代碼301代表Permanent Redirect</strong>（永久定址轉移）、302則是暫時定址轉移，相較於使用HTML或是JavaScript來達到Redirect轉址目的，最大的差別在於<strong>301/302的HTTP狀態是被搜尋引擎所認可的</strong>；換句話說，你可以透過301/302轉址的方式讓搜尋引擎爬到你搬家後的新網頁。</p>
<p>至於301、302兩種狀態的差異，所謂的<strong>「永久」定址轉移是指搜尋引擎會根據你所指定的新網址重新建立索引，原來的位址便不再使用</strong>；而暫時定址轉移則是暫時性地將網頁搬到某個地方。</p>
<p>一般做301/302轉址可直接更改.htaccess檔案，讓Apache代勞即可：</p>
<p>Redirect 301 /not_available/old_page.html http://www.newserver.com/available/new_page.html</p>
<p>若要在Rails中來做這件事情，有幾種作法，最簡單的是在Controller裡面寫</p>
<p>headers["Status"] = "301 Moved Permanently"<br />redirect_to <a href="http://somenewurl/">http://somenewurl/</a>
<p>或者</p>
<p>head :moved_permanently, :location =&gt; 'http://somenewurl'</p>
<p>或者，從Rails的原始碼中可以看到下列用法，感覺這個最好用:p</p>
<p>(from <a href="http://dev.rubyonrails.org/browser/trunk/actionpack/lib/action_controller/base.rb?rev=7820">trunk/actionpack/lib/action_controller/base.rb</a>)</p>
<p># Examples: <br />#&nbsp;&nbsp; redirect_to :action=&gt;'atom', :status=&gt;:moved_permanently <br />#&nbsp;&nbsp; redirect_to post_url(@post), :status=&gt;301 <br />#&nbsp;&nbsp; redirect_to :action=&gt;'atom', :status=&gt;302 </p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2008/04/29/%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8rails%e5%81%9ahttp-301302-redirect%ef%bc%9f/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Git &amp; Github on Windows Vista</title>
		<link>http://punk.tw/2008/04/27/git-github-on-windows-vista</link>
		<comments>http://punk.tw/2008/04/27/git-github-on-windows-vista#comments</comments>
		<pubDate>Sun, 27 Apr 2008 10:19:53 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Version Control Systems]]></category>
		<category><![CDATA[Git]]></category>
		<category><![CDATA[Github]]></category>

		<guid isPermaLink="false">http://punk.tw/2008/04/27/850.html</guid>
		<description><![CDATA[&#160; 前陣子看到Ruby on Rails的開發團隊捨SVN改用Git作版本控制系統，並且改用Lighthouse作為Issue Tracking System，今天心血來潮便在Windows Vista上把Git的環境建置了一下，並且使用Github作為Git repository hosting。嘗試Git的原因很簡單，一來是我喜歡新鮮、再來是看了Github的介面挺清爽的，就玩看看:p如果你對於Git跟Svn的差異有興趣可以看看這篇文章。 安裝Git on Windows 在Windows上安裝很簡單，Git官方網站上有列出Linux、Windows以及MacOS專用的版本，我下載的是msysGit 1.5.5 Preview的版本，過程中唯一比較特別的是下列畫面： 你可以選擇使用Git內建的Bash或是Windows本身的Console，我是選擇第一個，因為我擔心混在一起不但做不出撒尿牛丸還有可能讓系統爛掉，所以還是讓兩個命令列模式各自為政吧！若習慣cygwin的人，應該也是能在cygwin底下使用的。 初次使用（設定Github） 第一次執行Git Bash的畫面如下： 在這個console底下，常用的Linux bash指令應該都可以用，tab auto-complete也能用，還算挺方便的。 我是選擇Github來作為Repository的所在（目前也沒注意是否有其他選擇），我先上Github申請了一個帳號之後，開啟Github進行幾個簡單的步驟。 產生SSH Key在Git bash中輸入下列指令：ssh-keygen -C username@email.com -t rsa產生key的過程中會要你輸入路徑及passphrase，在此我是都直接Enter略過（passphrase視你的慣用環境而定，一般來說有設定passphrase的話要另外設定ssh-agent） 接著輸入： cat .ssh/id_rsa.pub畫面上便會顯示你的SSH Public Key，將所有的文字複製下來，貼到Github上個人帳戶設定裡的Public key即可，未來你的電腦在與Github溝通時便會以此為基礎。 剩下的我想應該都很簡單，只要從Github的首頁建立新的Repo.，有經驗的或是想開始學版本控制的朋友應該都能照著上面的指示完成建立Repo.的動作:D 參考網站 Git - Fast Version Control System: http://git.or.cz/ msysGit(Git for Windows Installer)http://code.google.com/p/msysgit/downloads/list 在Git Bash中產生SSH Keyhttp://github.com/guides/providing-your-ssh-key#msysGit Github http://github.com/]]></description>
			<content:encoded><![CDATA[<p><a href="http://punk.tw/wp-content/uploads/2008/04/image2.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="25" alt="image" src="http://punk.tw/wp-content/uploads/2008/04/image-thumb1.png" width="69" border="0"></a>&nbsp; </p>
<p>前陣子看到<a href="http://www.rubyonrails.org/">Ruby on Rails</a>的開發團隊<a href="http://weblog.rubyonrails.org/2008/4/2/rails-is-moving-from-svn-to-git">捨SVN改用Git作版本控制系統</a>，並且改用<a href="http://www.lighthouseapp.com/">Lighthouse</a>作為<a href="http://en.wikipedia.org/wiki/Issue_tracking_system">Issue Tracking System</a>，今天心血來潮便在Windows Vista上把Git的環境建置了一下，並且使用<a href="https://github.com/">Github</a>作為Git repository hosting。嘗試Git的原因很簡單，一來是我喜歡新鮮、再來是看了Github的介面挺清爽的，就玩看看:p如果你對於Git跟Svn的差異有興趣可以看看<a href="http://git.or.cz/gitwiki/GitSvnComparsion">這篇文章</a>。</p>
<h1>安裝Git on Windows</h1>
<p>在Windows上安裝很簡單，<a href="http://git.or.cz/">Git官方網站</a>上有列出Linux、Windows以及MacOS專用的版本，我下載的是<a href="http://msysgit.googlecode.com/files/Git-1.5.5-preview20080413.exe">msysGit 1.5.5 Preview</a>的版本，過程中唯一比較特別的是下列畫面：</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/04/image3.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="322" alt="image" src="http://punk.tw/wp-content/uploads/2008/04/image-thumb2.png" width="415" border="0"></a> </p>
<p>你可以選擇使用Git內建的Bash或是Windows本身的Console，我是選擇第一個，因為我擔心混在一起不但做不出撒尿牛丸還有可能讓系統爛掉，所以還是讓兩個命令列模式各自為政吧！若習慣cygwin的人，應該也是能在cygwin底下使用的。</p>
<h1>初次使用（設定Github）</h1>
<p>第一次執行Git Bash的畫面如下：</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/04/image4.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="141" alt="image" src="http://punk.tw/wp-content/uploads/2008/04/image-thumb3.png" width="437" border="0"></a> </p>
<p>在這個console底下，常用的Linux bash指令應該都可以用，tab auto-complete也能用，還算挺方便的。</p>
<p><a href="http://github.com/"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="66" alt="image" src="http://punk.tw/wp-content/uploads/2008/04/image5.png" width="180" border="0"></a></p>
<p>我是選擇<a href="http://github.com/">Github</a>來作為Repository的所在（目前也沒注意是否有其他選擇），我先上<a href="http://github.com/">Github</a>申請了一個帳號之後，開啟<a href="http://github.com/">Github</a>進行幾個簡單的步驟。</p>
<ol>
<li><strong>產生SSH Key<br /></strong>在Git bash中輸入下列指令：<br />ssh-keygen -C <a href="mailto:username@email.com">username@email.com</a> -t rsa<br />產生key的過程中會要你輸入路徑及passphrase，在此我是都直接Enter略過（passphrase視你的慣用環境而定，一般來說有設定passphrase的話要另外設定ssh-agent）</li>
<li><strong>接著輸入： cat .ssh/id_rsa.pub<br /></strong>畫面上便會顯示你的SSH Public Key，將所有的文字複製下來，貼到Github上個人帳戶設定裡的Public key即可，未來你的電腦在與Github溝通時便會以此為基礎。</li>
</ol>
<p>剩下的我想應該都很簡單，只要從Github的首頁建立新的Repo.，有經驗的或是想開始學版本控制的朋友應該都能照著上面的指示完成建立Repo.的動作:D</p>
<h1>
<h4>參考網站</h4>
</h1>
<ul>
<li>Git - Fast Version Control System: <a title="http://git.or.cz/" href="http://git.or.cz/">http://git.or.cz/</a></li>
<li>msysGit(Git for Windows Installer)<a title="http://code.google.com/p/msysgit/downloads/list" href="http://code.google.com/p/msysgit/downloads/list">http://code.google.com/p/msysgit/downloads/list</a></li>
<li>在Git Bash中產生SSH Key<br /><a title="http://github.com/guides/providing-your-ssh-key#msysGit" href="http://github.com/guides/providing-your-ssh-key#msysGit">http://github.com/guides/providing-your-ssh-key#msysGit</a></li>
<li>Github <a title="http://github.com/" href="http://github.com/">http://github.com/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2008/04/27/git-github-on-windows-vista/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Zoundry Raven：讓我考慮換掉Windows Live Writer的Blog發佈軟體</title>
		<link>http://punk.tw/2008/02/19/zoundry-raven%ef%bc%9a%e8%ae%93%e6%88%91%e8%80%83%e6%85%ae%e6%8f%9b%e6%8e%89windows-live-writer%e7%9a%84blog%e7%99%bc%e4%bd%88%e8%bb%9f%e9%ab%94</link>
		<comments>http://punk.tw/2008/02/19/zoundry-raven%ef%bc%9a%e8%ae%93%e6%88%91%e8%80%83%e6%85%ae%e6%8f%9b%e6%8e%89windows-live-writer%e7%9a%84blog%e7%99%bc%e4%bd%88%e8%bb%9f%e9%ab%94#comments</comments>
		<pubDate>Tue, 19 Feb 2008 13:36:09 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Studio]]></category>
		<category><![CDATA[Zoundry]]></category>

		<guid isPermaLink="false">http://punk.tw/2008/02/19/752.html</guid>
		<description><![CDATA[Zoundry Raven官方網站：http://www.zoundryraven.com/ 自從Windows Live Writer推出，我便一直以Windows Live Writer作為主要的部落格發佈軟體，選擇使用WLW的主要原因如下： 支援離線編輯，讓我即使沒有網路也可以寫部落格，等找到網路時再發佈即可。 便利的圖片編輯功能，例如陰影、相框、飽和度、浮水印等各種方面編輯的功能，可以參考Windows Live Writer快速發佈你的部落格（圖形處理篇）。 我只需要按下Print Screen抓下整個螢幕、Alt + Print Screen，在Windows Live Writer貼上即可，WLW會自動將圖片上傳到部落格空間或指定的FTP空間。 可管理多個部落格，支援所見即所得、可透過Windows SDK開發不足的功能、網路上有許多方便的外掛可以安裝 其實當初真的很訝異微軟願意釋出這麼好用而且完全免費的軟體，雖然說這是推廣Windows Live Spaces的一種方式，但微軟這兩年來漸漸開放實在是挺不賴的。 而就在剛剛看到這篇「Zoundry 推出新一代 Blog 發佈軟件 - Zoundry Raven」，文章中提到兩個功能挺吸引我的： 可透過 Media Storage Wizard 把圖片發佈到 Picasa、ImageShack、LiveJournal ScrapBook 等 可同時把文章發佈到多個 Blog 帳戶 雖然Windows Live Writer也可以把文中的圖片發佈到Picasa，但卻是僅限於使用Google Blogger的部落客才可以；另外，Windows Live Writer雖然支援多個部落格帳號，但每次的發佈動作卻只能針對單一帳號，對於同時擁有多個部落格的人，在Windows Live Writer中要進行多重發佈變得相當麻煩。 雖然目前跟Windows Live Writer比較起來，也只是多了上述兩個功能，但起碼對我而言這就很重要了！如果往後能有更多獨特的功能推出，或許我就真的會考慮跳槽了:D 倘若你不怎麼喜歡微軟的產品，或許可以考慮用Zoundry Raven來進行部落格寫作，這套軟體接下來的發展還真是令人期待啊！:p]]></description>
			<content:encoded><![CDATA[<p><a href="http://punk.tw/wp-content/uploads/2008/02/image2.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="71" alt="image" src="http://punk.tw/wp-content/uploads/2008/02/image-thumb2.png" width="354" border="0"></a> </p>
<p>Zoundry Raven官方網站：<a title="http://www.zoundryraven.com/" href="http://www.zoundryraven.com/">http://www.zoundryraven.com/</a></p>
<p>自從Windows Live Writer推出，我便一直以Windows Live Writer作為主要的部落格發佈軟體，選擇使用WLW的主要原因如下：</p>
<ul>
<li><strong>支援離線編輯</strong>，讓我即使沒有網路也可以寫部落格，等找到網路時再發佈即可。</li>
<li>便利的圖片編輯功能，例如陰影、相框、飽和度、浮水印等各種方面編輯的功能，可以參考<a href="http://punk.tw/2006/10/06/27.html">Windows Live Writer快速發佈你的部落格（圖形處理篇）</a>。</li>
<li>我只需要按下Print Screen抓下整個螢幕、Alt + Print Screen，在Windows Live Writer貼上即可，<strong>WLW會自動將圖片上傳到部落格空間或指定的FTP空間</strong>。</li>
<li>可管理多個部落格，支援所見即所得、可透過Windows SDK開發不足的功能、網路上有許多方便的外掛可以安裝</li>
</ul>
<p>其實當初真的很訝異微軟願意釋出這麼好用而且完全免費的軟體，雖然說這是推廣Windows Live Spaces的一種方式，但微軟這兩年來漸漸開放實在是挺不賴的。</p>
<p>而就在剛剛看到這篇「<a href="http://www.pcheadline.com/?p=1114">Zoundry 推出新一代 Blog 發佈軟件 - Zoundry Raven</a>」，文章中提到兩個功能挺吸引我的：</p>
<ul>
<li>可透過 Media Storage Wizard <strong>把圖片發佈到 Picasa、ImageShack、LiveJournal ScrapBook 等</strong></li>
<li>可<strong>同時</strong>把文章發佈到多個 Blog 帳戶</li>
</ul>
<p>雖然Windows Live Writer也可以把文中的圖片發佈到Picasa，但卻是僅限於使用Google Blogger的部落客才可以；另外，Windows Live Writer雖然支援多個部落格帳號，但每次的發佈動作卻只能針對單一帳號，對於同時擁有多個部落格的人，在Windows Live Writer中要進行多重發佈變得相當麻煩。</p>
<p>雖然目前跟Windows Live Writer比較起來，也只是多了上述兩個功能，但起碼對我而言這就很重要了！如果往後能有更多獨特的功能推出，或許我就真的會考慮跳槽了:D</p>
<p>倘若你不怎麼喜歡微軟的產品，或許可以考慮用<a href="http://www.zoundryraven.com/">Zoundry Raven</a>來進行部落格寫作，這套軟體接下來的發展還真是令人期待啊！:p</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2008/02/19/zoundry-raven%ef%bc%9a%e8%ae%93%e6%88%91%e8%80%83%e6%85%ae%e6%8f%9b%e6%8e%89windows-live-writer%e7%9a%84blog%e7%99%bc%e4%bd%88%e8%bb%9f%e9%ab%94/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Ruby Plus：Ruby與Rails的免費教學影片</title>
		<link>http://punk.tw/2008/01/15/ruby-plus%ef%bc%9aruby%e8%88%87rails%e7%9a%84%e5%85%8d%e8%b2%bb%e6%95%99%e5%ad%b8%e5%bd%b1%e7%89%87</link>
		<comments>http://punk.tw/2008/01/15/ruby-plus%ef%bc%9aruby%e8%88%87rails%e7%9a%84%e5%85%8d%e8%b2%bb%e6%95%99%e5%ad%b8%e5%bd%b1%e7%89%87#comments</comments>
		<pubDate>Tue, 15 Jan 2008 02:04:45 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Ruby]]></category>
		<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://punk.tw/2008/01/15/607.html</guid>
		<description><![CDATA[Ruby Plus是個類似Railscasts的影片收藏站，提供各種Rails（或Ruby）相關的教學影片，例如：如何在Rails 2.0中上傳圖片、如何開發Rails Plugins，或是最近比較熱門的RESTful目前也有幾篇教學影片可以參考。 註：Railscasts因為出來得比較早，教學影片較多，也可參考參考。:D]]></description>
			<content:encoded><![CDATA[<p><a href="http://punk.tw/wp-content/uploads/2008/01/image35.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="74" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb34.png" width="318" border="0"></a> </p>
<p><a href="http://www.rubyplus.org/">Ruby Plus</a>是個類似<a href="http://railscasts.com/">Railscasts</a>的影片收藏站，提供各種Rails（或Ruby）相關的教學影片，例如：<a href="http://www.rubyplus.org/episodes/31-How-to-upload-images-in-Rails-2-.html">如何在Rails 2.0中上傳圖片</a>、<a href="http://www.rubyplus.org/episodes/10-How-to-develop-Plugins-in-Rails-The-Basics.html">如何開發Rails Plugins</a>，或是最近比較熱門的RESTful目前也有幾篇教學影片<a href="http://www.rubyplus.org/episodes/archive">可以參考</a>。</p>
<p>註：Railscasts因為出來得比較早，教學影片較多，也可參考參考。:D</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2008/01/15/ruby-plus%ef%bc%9aruby%e8%88%87rails%e7%9a%84%e5%85%8d%e8%b2%bb%e6%95%99%e5%ad%b8%e5%bd%b1%e7%89%87/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>初探Yahoo開發者社群中文版（Yahoo! Developer Network）</title>
		<link>http://punk.tw/2008/01/14/%e5%88%9d%e6%8e%a2yahoo%e9%96%8b%e7%99%bc%e8%80%85%e7%a4%be%e7%be%a4%e4%b8%ad%e6%96%87%e7%89%88%ef%bc%88yahoo-developer-network%ef%bc%89</link>
		<comments>http://punk.tw/2008/01/14/%e5%88%9d%e6%8e%a2yahoo%e9%96%8b%e7%99%bc%e8%80%85%e7%a4%be%e7%be%a4%e4%b8%ad%e6%96%87%e7%89%88%ef%bc%88yahoo-developer-network%ef%bc%89#comments</comments>
		<pubDate>Mon, 14 Jan 2008 13:38:51 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[程式設計]]></category>
		<category><![CDATA[yahoo]]></category>
		<category><![CDATA[yui]]></category>

		<guid isPermaLink="false">http://punk.tw/2008/01/14/600.html</guid>
		<description><![CDATA[圖片來源：http://tw.developer.yahoo.com/ &#160; 剛剛看到「雅虎開放API網站海外版 首站在台灣」，總算推出中文版的YDN了！該篇新聞有提到這是繼美國Yahoo!之後第一個海外的Yahoo! API網站，不過不曉得是記者沒搞清楚還是雅虎奇摩的新聞稿寫錯，日本版的YDN應該是推出將近一年了，假使是新聞稿發錯，在台灣這種媒體製造社會亂源的小地方，記者有善盡查明真相的義務啊！（或許記者也不是很懂？） 從上圖可以發現日本Yahoo!的YDN起碼早在2007年2月底就上線了。 中文版的YDN跟美國版比較大的差異是提供了幾個本土的服務，例如Yahoo!生活+，如果接下來將Yahoo!知識+也納入版圖，我想應該會很快就出現一些有趣的中文mash-up應用。 引用一下官方網頁上對Yahoo!生活+的介紹文字： Yahoo!生活+ APIs 提供一個簡單的介面，讓你可以存取生活+內的商家資訊，也包括了使用者在生活+中對商家所作的評論跟評分。生活+所提供的資料庫與介面讓開發者很容易的可以進行網路綜合服務的開發，或者使用這些資訊，讓更多開發者可以產出各式各樣的小工具，可以開放給一般的使用者使用。生活+ Beta V0.1在 Beta 版本，生活+將會提供相關的商家搜尋功能。利用關鍵字以及位置搜尋附近商家，或僅使用關鍵字查詢相關的商店資料。最主要的部份，透過 APIs，可以取得每一個商家完整的評價分數。也可以使用 APIs 來提供使用者對商家評分的動作，簡化原來繁雜的開發工作。次數限制Yahoo!生活+網路服務目前限制每天2000次，在於非商業性的使用。更多相關的使用限制，請參考使用規範的部份。 此外，在YUI（Yahoo! User Interface）的部份也有了完整的中文文件，看起來挺舒服的，對於某些開發人員來講應該會是個很方便的參考工具。 Reference Yahoo! Developer Network中文版 Yahoo! Developer Network日文版 雅虎開放API網站海外版 首站在台灣 本週科技大事：雅虎奇摩開放API]]></description>
			<content:encoded><![CDATA[<p><a href="http://tw.developer.yahoo.com/"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="96" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image28.png" width="322" border="0"></a> <br />圖片來源：<a title="http://tw.developer.yahoo.com/" href="http://tw.developer.yahoo.com/">http://tw.developer.yahoo.com/</a></p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image29.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="314" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb28.png" width="310" border="0"></a></p>
<p>&nbsp;</p>
<p>剛剛看到「<a href="http://www.zdnet.com.tw/news/web/0,2000085679,20127063,00.htm">雅虎開放API網站海外版 首站在台灣</a>」，總算推出中文版的YDN了！該篇新聞有提到這是繼美國Yahoo!之後第一個海外的Yahoo! API網站，不過不曉得是記者沒搞清楚還是雅虎奇摩的新聞稿寫錯，<a href="http://developer.yahoo.co.jp/"><strong>日本版的YDN</strong></a><strong>應該是推出將近一年了</strong>，假使是新聞稿發錯，在<strong>台灣這種媒體製造社會亂源的小地方，記者有善盡查明真相的義務</strong>啊！（或許記者也不是很懂？）</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image30.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="118" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb29.png" width="403" border="0"></a> <br />從上圖可以發現日本Yahoo!的YDN起碼早在2007年2月底就上線了。</p>
<p>中文版的YDN跟美國版比較大的差異是提供了幾個本土的服務，例如<strong>Yahoo!生活+</strong>，如果接下來將Yahoo!知識+也納入版圖，我想<strong>應該會很快就出現一些有趣的中文mash-up應用</strong>。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image31.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="432" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb30.png" width="168" border="0"></a> <a href="http://punk.tw/wp-content/uploads/2008/01/image32.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="296" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb31.png" width="192" border="0"></a> </p>
<p>引用一下官方網頁上對Yahoo!生活+的介紹文字：</p>
<blockquote><p><a href="http://tw.developer.yahoo.com/lifestyle.html">Yahoo!生活+ APIs</a> 提供一個簡單的介面，讓你<strong>可以存取生活+內的商家資訊</strong>，也<strong>包括了使用者在生活+中對商家所作的評論跟評分</strong>。<br />生活+所提供的資料庫與介面讓開發者很容易的可以進行網路綜合服務的開發，或者使用這些資訊，讓更多開發者可以產出各式各樣的<br />小工具，可以開放給一般的使用者使用。<br />生活+ Beta V0.1<br />在 Beta 版本，<strong>生活+將會提供相關的商家搜尋功能</strong>。利用關鍵字以及位置搜尋附近商家，或僅使用關鍵字查詢相關的商店資料。<br />最主要的部份，透過 APIs，<strong>可以取得每一個商家完整的評價分數</strong>。也可以使用 APIs 來<strong>提供使用者對商家評分的動作</strong>，簡化原來<br />繁雜的開發工作。<br />次數限制<br />Yahoo!生活+網路服務目前<strong>限制每天2000次</strong>，在於非商業性的使用。更多相關的使用限制，請參考使用規範的部份。</p>
</blockquote>
<p>此外，在YUI（Yahoo! User Interface）的部份也有了完整的中文文件，看起來挺舒服的，對於某些開發人員來講應該會是個很方便的參考工具。
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image33.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="270" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb32.png" width="362" border="0"></a><br />
<h1>Reference</h1>
<ul>
<li><a href="http://tw.developer.yahoo.com/">Yahoo! Developer Network中文版</a></li>
<li><a href="http://developer.yahoo.co.jp/">Yahoo! Developer Network日文版</a></li>
<li><a href="http://www.zdnet.com.tw/news/web/0,2000085679,20127063,00.htm">雅虎開放API網站海外版 首站在台灣</a></li>
<li><a href="http://www.zdnet.com.tw/news/software/0,2000085678,20127042,00.htm">本週科技大事：雅虎奇摩開放API</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2008/01/14/%e5%88%9d%e6%8e%a2yahoo%e9%96%8b%e7%99%bc%e8%80%85%e7%a4%be%e7%be%a4%e4%b8%ad%e6%96%87%e7%89%88%ef%bc%88yahoo-developer-network%ef%bc%89/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Google Chart API</title>
		<link>http://punk.tw/2007/12/07/google-chart-api</link>
		<comments>http://punk.tw/2007/12/07/google-chart-api#comments</comments>
		<pubDate>Fri, 07 Dec 2007 07:20:06 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Google]]></category>
		<category><![CDATA[程式設計]]></category>
		<category><![CDATA[Google Chart API]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/12/07/459.html</guid>
		<description><![CDATA[今天發現Google Chart API這個Google推出的有趣網路服務，使用者只需要將想要圖像化的數據內容，透過網址的參數傳遞方式便可產生對應的圖表，範例如下： 上面這張圖片是直接指向"http://chart.apis.google.com/chart?cht=p&#38;chd=s:world5&#38;chs=200x125&#38;chl=A&#124;B&#124;C&#124;D&#124;E&#124;F"這個網址的圖片，其中幾個重要的參數如下： http://chart.api.google.com/chart?是Chart API的網址 cht是圖片類型，圓餅圖、長條圖....等等 chs=200x125代表圖片size（以pixel為單位） chd則是指定圖表的數據資料，格式在Google Chart API的網頁上有說明： Upper case A = 0, B = 1 and so on to Z = 25. Lower case a = 26, b= 27 and so on to z = 51. Zero (0) = 52 and so on to 9 = 61. Specify a missing value [...]]]></description>
			<content:encoded><![CDATA[<p>今天發現<a href="http://code.google.com/apis/chart/">Google Chart API</a>這個Google推出的有趣網路服務，使用者只需要將想要圖像化的數據內容，透過網址的參數傳遞方式便可產生對應的圖表，範例如下：</p>
<p><img src="http://chart.apis.google.com/chart?cht=p&amp;chd=s:world5&amp;chs=200x125&amp;chl=A|B|C|D|E|F"> </p>
<p>上面這張圖片是直接指向"<a title="http://chart.apis.google.com/chart?cht=p&amp;chd=s:world5&amp;chs=200x125&amp;chl=A|B|C|D|E|F" href="http://chart.apis.google.com/chart?cht=p&amp;chd=s:world5&amp;chs=200x125&amp;chl=A|B|C|D|E|F">http://chart.apis.google.com/chart?cht=p&amp;chd=s:world5&amp;chs=200x125&amp;chl=A|B|C|D|E|F</a>"這個網址的圖片，其中幾個重要的參數如下：</p>
<ul>
<li><a href="http://chart.api.google.com/chart">http://chart.api.google.com/chart</a>?是Chart API的網址</li>
<li>cht是圖片類型，圓餅圖、長條圖....等等</li>
<li>chs=200x125代表圖片size（以pixel為單位）</li>
<li>chd則是指定圖表的數據資料，格式在Google Chart API的網頁上有說明：</li>
<ul>
<li>Upper case A = 0, B = 1 and so on to Z = 25.</li>
<li>Lower case a = 26, b= 27 and so on to z = 51.</li>
<li>Zero (0) = 52 and so on to 9 = 61.</li>
<li>Specify a missing value with an underscore (_).</li>
<li>If you have more than one set of data, separate each set with a comma (,).</li>
</ul>
</ul>
<p>稍微改一下參數就可以變成3D的立體圓餅圖了:D（不過文字標示部份怪怪的，等要用到再來研究研究吧:D）</p>
<p><img src="http://chart.apis.google.com/chart?cht=p3&amp;chd=s:world5&amp;chs=200x125&amp;chl=A|B|C|D|E|F"> </p>
<p>詳細的說明就請上<a href="http://code.google.com/apis/chart/">Google Chart API的說明網頁</a>吧！</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/12/07/google-chart-api/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Heroku：線上撰寫Rails程式初體驗</title>
		<link>http://punk.tw/2007/11/20/heroku%ef%bc%9a%e7%b7%9a%e4%b8%8a%e6%92%b0%e5%af%abrails%e7%a8%8b%e5%bc%8f%e5%88%9d%e9%ab%94%e9%a9%97</link>
		<comments>http://punk.tw/2007/11/20/heroku%ef%bc%9a%e7%b7%9a%e4%b8%8a%e6%92%b0%e5%af%abrails%e7%a8%8b%e5%bc%8f%e5%88%9d%e9%ab%94%e9%a9%97#comments</comments>
		<pubDate>Tue, 20 Nov 2007 07:22:37 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[Web2.0 Website]]></category>
		<category><![CDATA[Heroku]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/11/20/443.html</guid>
		<description><![CDATA[Heroku是一個讓網頁開發人員可以在線上編輯Rails程式的網路服務，目前還在limited beta的階段，有興趣申請的讀者可以到申請網址登記排隊。上一篇文章提到Heroku的幾個特色，這篇文章就登入來玩玩看吧！ 初次登入之後會看到如下畫面： 此時尚未建立任何應用程式，點選建立程式之後會轉到另一個網址：http://edit.untitled-22289.heroku.com/，由於尚未對應用程式命名，網址是以流水號加上untitled的方式命名，這是可以設定的。（說不定還支援使用者自行指定domain name？或許將會是個付費服務）。 上圖是應用程式的設定畫面，可以自訂網址、支援協同編輯、匯入/匯出、程式版本快照（簡單的版本控制），至於Other裡面目前只有Destroy一項功能:p 因為內文都是一些截圖，使用起來對我而言也沒有太大的驚喜，所以先講結論吧！ 適合初學者環境都已經建好了，連資料庫都免費提供，完全不需要學習建置環境或是任何設定，就可以開始快快樂樂寫Rails。 適合拿來當維護環境手邊沒有電腦、沒有合適的開發環境、沒有安全的網路環境，又急著要修改？如果類似的服務可以提供https://的SSL環境，或許可以拿來玩玩看。 適合拿來推廣Rails技術高手想要推廣Rails，但手邊沒有現成的環境，登入Heroku馬上就可以開始demo Ruby on Rails的威力，新手看到一個留言板居然沒有幾行程式就搞定，一定會馬上被拐進來的:D 下圖即編輯程式的主畫面： 畫面的構成我就不多做介紹了，基本上在編輯畫面可以看到Rails app的目錄結構、檢視資料庫schema以及Rails的log file，點選右上角的圖示則會馬上跳轉到應用程式執行的頁面，讓你知道目前執行的狀況。 畫面左下角則有幾個寫Rails必備的指令工具：Generator, Console以及Rake 先打開Console模式來玩玩看，點選Console之後會跳到另一個網址，此時出現的是全螢幕的Console畫面，等等再建幾個Model來玩玩看： HelloWorld，建個留言板！ Code Generator的畫面： 執行之後也會告知執行結果： 稍微寫一下migration，使用編輯器的感覺是非常不順手，我的作業系統、Firefox都是英文環境，語系也設為en-us，但在編輯器裡面卻會出現游標與實際文字位置無法對齊的狀況，實在是相當奇妙。 先不管它，先migrate上去了！Rake的畫面也是純指令模式，這點就不太親切啦～建議開發團隊可以考慮NetBeans那種IDE懶人用法啊XD 看到這個畫面，我才想起我根本還沒設定database啊XD趕快看看database.yaml如下： 換句話說，heroku目前提供了database而且還是postgresql :p，說不定以後也會是個向使用者索取費用的服務。 接下來建立scaffold讓我的guestbook跑起來吧！ 建立完成之後，應該就可以馬上看到程式目前的畫面啦～！ 檢視資料庫 檢視資料庫的畫面可以看到目前有哪些資料表： 也可以直接點進去修改： 檢視Log file 點選各個訊息還可以看到更詳盡的資訊。]]></description>
			<content:encoded><![CDATA[<p>Heroku是一個讓網頁開發人員可以在線上編輯Rails程式的網路服務，目前還在limited beta的階段，有興趣申請的讀者可以到<a href="http://heroku.com/beta">申請網址</a>登記排隊。上一篇文章提到Heroku的幾個特色，這篇文章就登入來玩玩看吧！</p>
<p>初次登入之後會看到如下畫面：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image10.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="222" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb9.png" width="432" border="0"></a> </p>
<p>此時尚未建立任何應用程式，點選建立程式之後會轉到另一個網址：<a title="http://edit.untitled-22289.heroku.com/" href="http://edit.untitled-22289.heroku.com/">http://edit.untitled-22289.heroku.com/</a>，由於尚未對應用程式命名，網址是以流水號加上untitled的方式命名，這是可以設定的。（說不定還支援使用者自行指定domain name？或許將會是個付費服務）。<br /><a href="http://punk.tw/wp-content/uploads/2007/11/image11.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="261" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb10.png" width="416" border="0"></a> </p>
<p>上圖是應用程式的設定畫面，可以自訂網址、支援協同編輯、匯入/匯出、程式版本快照（簡單的版本控制），至於Other裡面目前只有Destroy一項功能:p</p>
<p>因為內文都是一些截圖，使用起來對我而言也沒有太大的驚喜，所以先講結論吧！</p>
<ul>
<li>適合初學者<br />環境都已經建好了，連資料庫都免費提供，完全不需要學習建置環境或是任何設定，就可以開始快快樂樂寫Rails。</li>
<li>適合拿來當維護環境<br />手邊沒有電腦、沒有合適的開發環境、沒有安全的網路環境，又急著要修改？如果類似的服務可以提供https://的SSL環境，或許可以拿來玩玩看。</li>
<li>適合拿來推廣Rails<br />技術高手想要推廣Rails，但手邊沒有現成的環境，登入Heroku馬上就可以開始demo Ruby on Rails的威力，新手看到一個留言板居然沒有幾行程式就搞定，一定會馬上被拐進來的:D</li>
</ul>
<p>下圖即編輯程式的主畫面：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image12.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="310" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb11.png" width="434" border="0"></a> </p>
<p>畫面的構成我就不多做介紹了，基本上在編輯畫面可以看到Rails app的目錄結構、檢視資料庫schema以及Rails的log file，點選右上角的圖示則會馬上跳轉到應用程式執行的頁面，讓你知道目前執行的狀況。</p>
<p>畫面左下角則有幾個寫Rails必備的指令工具：Generator, Console以及Rake</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image13.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="121" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb12.png" width="129" border="0"></a> </p>
<p>先打開Console模式來玩玩看，點選Console之後會跳到另一個網址，此時出現的是全螢幕的Console畫面，等等再建幾個Model來玩玩看：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image14.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="163" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb13.png" width="303" border="0"></a> </p>
<h1>HelloWorld，建個留言板！</h1>
<p>Code Generator的畫面：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image15.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="291" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb14.png" width="422" border="0"></a> </p>
<p>執行之後也會告知執行結果：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image16.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="231" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb15.png" width="339" border="0"></a> </p>
<p>稍微寫一下migration，使用編輯器的感覺是非常不順手，我的作業系統、Firefox都是英文環境，語系也設為en-us，但在編輯器裡面卻會出現<strong>游標與實際文字位置無法對齊</strong>的狀況，實在是相當奇妙。</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image17.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="123" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb16.png" width="304" border="0"></a> </p>
<p>先不管它，先migrate上去了！Rake的畫面也是純指令模式，這點就不太親切啦～建議開發團隊可以考慮NetBeans那種IDE懶人用法啊XD</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image18.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="252" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb17.png" width="358" border="0"></a> </p>
<p>看到這個畫面，我才想起我根本還沒設定database啊XD趕快看看database.yaml如下：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image19.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="116" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb18.png" width="203" border="0"></a> </p>
<p>換句話說，heroku目前提供了database而且還是postgresql :p，說不定以後也會是個向使用者索取費用的服務。</p>
<p>接下來建立scaffold讓我的guestbook跑起來吧！</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image20.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="240" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb19.png" width="416" border="0"></a> </p>
<p>建立完成之後，應該就可以馬上看到程式目前的畫面啦～！</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image21.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="131" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb20.png" width="301" border="0"></a> </p>
<h1>檢視資料庫</h1>
<p>檢視資料庫的畫面可以看到目前有哪些資料表：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image22.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="38" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb21.png" width="361" border="0"></a> </p>
<p>也可以直接點進去修改：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image23.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="233" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb22.png" width="382" border="0"></a> </p>
<h1>檢視Log file</h1>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image24.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="31" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb23.png" width="432" border="0"></a> </p>
<p>點選各個訊息還可以看到更詳盡的資訊。</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/11/20/heroku%ef%bc%9a%e7%b7%9a%e4%b8%8a%e6%92%b0%e5%af%abrails%e7%a8%8b%e5%bc%8f%e5%88%9d%e9%ab%94%e9%a9%97/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Heroku：讓你用網頁介面寫Rails（順便Hosting）</title>
		<link>http://punk.tw/2007/11/20/heroku%ef%bc%9a%e8%ae%93%e4%bd%a0%e7%94%a8%e7%b6%b2%e9%a0%81%e4%bb%8b%e9%9d%a2%e5%af%abrails%ef%bc%88%e9%a0%86%e4%be%bfhosting%ef%bc%89</link>
		<comments>http://punk.tw/2007/11/20/heroku%ef%bc%9a%e8%ae%93%e4%bd%a0%e7%94%a8%e7%b6%b2%e9%a0%81%e4%bb%8b%e9%9d%a2%e5%af%abrails%ef%bc%88%e9%a0%86%e4%be%bfhosting%ef%bc%89#comments</comments>
		<pubDate>Tue, 20 Nov 2007 06:34:50 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[Web2.0 Website]]></category>
		<category><![CDATA[Heroku]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/11/20/411.html</guid>
		<description><![CDATA[http://heroku.com/ （最近因為忙著申請學校，同時面對工作上的專案跟學校的專題，實在是難有餘裕寫文章，今天算是忙裡偷閒:p幾天沒寫文章手真的很癢，過一陣子忙完會盡量多發文的。） Heroku是個號稱可以讓你在線上撰寫你的Rails程式，並且連Hosting的服務都一起搞定的網路服務，有興趣的朋友可以到此網址排隊申請：http://heroku.com/beta，邀請函目前需要等待12天左右。 Heroku上列出了幾個特色如下： 線上編輯程式 支援Hosting，新建或是匯入Rails程式後即可直接啟動:D 分享或協同編輯 支援匯入、匯出 還支援完整的Console模式&#160; References Heroku: An Online Rails Development and App Hosting Environment]]></description>
			<content:encoded><![CDATA[<p><a href="http://heroku.com/"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="51" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image9.png" width="205" border="0"></a> <a title="http://heroku.com/" href="http://heroku.com/">http://heroku.com/</a></p>
<p> （最近因為忙著申請學校，同時面對工作上的專案跟學校的專題，實在是難有餘裕寫文章，今天算是忙裡偷閒:p幾天沒寫文章手真的很癢，過一陣子忙完會盡量多發文的。）</p>
<p><a href="http://heroku.com/">Heroku</a>是個號稱可以讓你在線上撰寫你的Rails程式，並且連Hosting的服務都一起搞定的網路服務，有興趣的朋友可以到此網址排隊申請：<a title="http://heroku.com/beta" href="http://heroku.com/beta">http://heroku.com/beta</a>，邀請函目前需要等待12天左右。</p>
<p><a href="http://heroku.com/">Heroku</a>上列出了<a href="http://heroku.com/features">幾個特色</a>如下：</p>
<ul>
<li>線上編輯程式<br /><a href="http://punk.tw/wp-content/uploads/2007/11/image4.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="109" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb4.png" width="367" border="0"></a> </li>
<li>支援Hosting，新建或是匯入Rails程式後即可直接啟動:D<br /><a href="http://punk.tw/wp-content/uploads/2007/11/image5.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="107" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb5.png" width="368" border="0"></a> </li>
<li>分享或協同編輯<br /><a href="http://punk.tw/wp-content/uploads/2007/11/image6.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="107" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb6.png" width="380" border="0"></a> </li>
<li>支援匯入、匯出<br /><a href="http://punk.tw/wp-content/uploads/2007/11/image7.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="102" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb7.png" width="367" border="0"></a> </li>
<li>還支援完整的Console模式<br /><a href="http://punk.tw/wp-content/uploads/2007/11/image8.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="96" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb8.png" width="367" border="0"></a>&nbsp;</li>
</ul>
<p>References</p>
<ul>
<li><a href="http://www.rubyinside.com/heroku-an-online-rails-development-and-app-hosting-environment-647.html">Heroku: An Online Rails Development and App Hosting Environment</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/11/20/heroku%ef%bc%9a%e8%ae%93%e4%bd%a0%e7%94%a8%e7%b6%b2%e9%a0%81%e4%bb%8b%e9%9d%a2%e5%af%abrails%ef%bc%88%e9%a0%86%e4%be%bfhosting%ef%bc%89/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>New Ruby Logo</title>
		<link>http://punk.tw/2007/10/30/new-ruby-logo</link>
		<comments>http://punk.tw/2007/10/30/new-ruby-logo#comments</comments>
		<pubDate>Tue, 30 Oct 2007 03:02:58 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Ruby]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/10/30/387.html</guid>
		<description><![CDATA[紅寶石加上像框跟Ruby的正名。 來源：So Here's The New Ruby Logo!]]></description>
			<content:encoded><![CDATA[<p><a href="http://punk.tw/wp-content/uploads/2007/10/image15.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="196" alt="image" src="http://punk.tw/wp-content/uploads/2007/10/image-thumb15.png" width="176" border="0"></a> <a href="http://punk.tw/wp-content/uploads/2007/10/image16.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="102" alt="image" src="http://punk.tw/wp-content/uploads/2007/10/image-thumb16.png" width="97" border="0"></a>
<p>紅寶石加上像框跟Ruby的正名。</p>
<p>來源：<a href="http://www.rubyinside.com/so-heres-the-new-ruby-logo-639.html">So Here's The New Ruby Logo!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/10/30/new-ruby-logo/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress中同時使用Feedburner &amp; Feedsky</title>
		<link>http://punk.tw/2007/10/12/wordpress%e4%b8%ad%e5%90%8c%e6%99%82%e4%bd%bf%e7%94%a8feedburner-feedsky</link>
		<comments>http://punk.tw/2007/10/12/wordpress%e4%b8%ad%e5%90%8c%e6%99%82%e4%bd%bf%e7%94%a8feedburner-feedsky#comments</comments>
		<pubDate>Fri, 12 Oct 2007 15:06:25 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Studio]]></category>
		<category><![CDATA[feed]]></category>
		<category><![CDATA[google reader]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/10/12/353.html</guid>
		<description><![CDATA[這篇文章的出現是因為今天看到zEUS的留言說：「在大陆 feedburner 被和谐（ban），您还有其它的 feed 地址吗？」 由於我是用Wordpress的Plugin，取代Wordpress內建的RSS，指向Feedburner，讓訂閱來源一致可以使用Feedbuner的一些統計功能。 在不拿掉Plugin的前提下，我便想了辦法讓Feedsky也能讀到我的RSS Feed，雖然是個很迂迴的作法，不過就姑且分享吧！:D 首先利用Google Reader訂閱自己的Blog 在「管理訂閱項目」裡面替自己的Blog加上新的Tag，此Tag裡只有自己的blog。（當然你也可以藉此製作聯播功能啦～） 到標記的地方，將剛剛設定好的Tag設定為公開，再點選隨後的「檢視公開網頁」&#160; 此時打開的頁面，內容的來源便是自己的blog了:D（或是您想製作的聯播內容），畫面的右邊就有RSS feed的連結囉，效果等同於自己的feed，只不過我是讓Google Reader又重製了一放，好讓Feedsky來連結。 因此，未來同時提供Feedburner &#38; Feedsky的RSS feed，方便在大陸的朋友也能訂閱。不過，直接輸入http://punk.tw/ 或 http://punk.tw/feed 還是會轉到Feedburner去。 Feedburner: http://feeds.feedburner.com/Cyberpunk Feedsky: http://feed.feedsky.com/Cyberpunk 補充：耍笨了，如果我的Feeburner feed是透過Feedburner轉址，大陸的朋友雖然可以看到全文，但要點閱時還是會出錯。我想，要嘛就是新增一個permalink在feed裡面，不然就是請大陸的朋友平時觀看RSS即可，需要到訪本站麻煩點，自己打個http://punk.tw吧orz。]]></description>
			<content:encoded><![CDATA[<p>這篇文章的出現是因為今天看到zEUS的留言說：「在大陆 feedburner 被和谐（ban），您还有其它的 feed 地址吗？」</p>
<p>由於我是用Wordpress的Plugin，取代Wordpress內建的RSS，指向Feedburner，讓訂閱來源一致可以使用Feedbuner的一些統計功能。</p>
<p>在不拿掉Plugin的前提下，我便想了辦法讓Feedsky也能讀到我的RSS Feed，雖然是個很迂迴的作法，不過就姑且分享吧！:D</p>
<ol>
<li>首先利用Google Reader訂閱自己的Blog
<li>在「管理訂閱項目」裡面替自己的Blog加上新的Tag，此Tag裡只有自己的blog。（當然你也可以藉此製作聯播功能啦～）
<li>到標記的地方，將剛剛設定好的Tag設定為<strong>公開</strong>，再點選隨後的「檢視公開網頁」<br /><a href="http://punk.tw/wp-content/uploads/2007/10/image3.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="109" alt="image" src="http://punk.tw/wp-content/uploads/2007/10/image-thumb3.png" width="244" border="0"></a>&nbsp;<br /><a href="http://punk.tw/wp-content/uploads/2007/10/image4.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="26" alt="image" src="http://punk.tw/wp-content/uploads/2007/10/image-thumb4.png" width="286" border="0"></a>
<li>此時打開的頁面，內容的來源便是自己的blog了:D（或是您想製作的聯播內容），畫面的右邊就有RSS feed的連結囉，效果等同於自己的feed，只不過我是讓Google Reader又重製了一放，好讓Feedsky來連結。<a href="http://punk.tw/wp-content/uploads/2007/10/image5.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="229" alt="image" src="http://punk.tw/wp-content/uploads/2007/10/image-thumb5.png" width="244" border="0"></a> </li>
</ol>
<p>因此，未來同時提供Feedburner &amp; Feedsky的RSS feed，方便在大陸的朋友也能訂閱。不過，直接輸入<a href="http://punk.tw/">http://punk.tw/</a> 或 <a href="http://punk.tw/feed">http://punk.tw/feed</a> 還是會轉到Feedburner去。</p>
<p>Feedburner: <a title="http://feeds.feedburner.com/Cyberpunk" href="http://feeds.feedburner.com/Cyberpunk">http://feeds.feedburner.com/Cyberpunk</a></p>
<p>Feedsky: <a title="http://feed.feedsky.com/Cyberpunk" href="http://feed.feedsky.com/Cyberpunk">http://feed.feedsky.com/Cyberpunk</a></p>
<p>補充：耍笨了，如果我的Feeburner feed是透過Feedburner轉址，大陸的朋友雖然可以看到全文，但要點閱時還是會出錯。我想，要嘛就是新增一個permalink在feed裡面，不然就是請大陸的朋友平時觀看RSS即可，需要到訪本站麻煩點，自己打個<a href="http://punk.tw">http://punk.tw吧orz</a>。</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/10/12/wordpress%e4%b8%ad%e5%90%8c%e6%99%82%e4%bd%bf%e7%94%a8feedburner-feedsky/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Transact-SQL: DATEPART</title>
		<link>http://punk.tw/2007/10/09/teansact-sql-datepart</link>
		<comments>http://punk.tw/2007/10/09/teansact-sql-datepart#comments</comments>
		<pubDate>Mon, 08 Oct 2007 11:33:28 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[程式設計]]></category>
		<category><![CDATA[T-SQL]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/10/09/345.html</guid>
		<description><![CDATA[直接使用SQL語法就可以在資料庫裡面對資料事先進行很多的處理與篩選，例如要取出時間屬於星期一到五的資料，我們可以利用DATEPART這個函數來處理： SELECT * FROM posts WHERE DATEPART(weekday, date) BETWEEN 2 AND 6 DATEPART函數裡面第一個參數代表要parse出怎樣的資料、第二個參數則是欄位的名稱。第一個參數有下列選擇： year傳回年份 quarter傳回第n季 month傳回月份 dayofyear傳回一年之中的第幾天 day傳回天數 week傳回週數 weekday傳回星期幾 （星期日是1，星期一是2....星期六是7） hour傳回小時 minute傳回分鐘 second傳回秒數 millisecond Reference http://technet.microsoft.com/zh-tw/library/ms174420.aspx]]></description>
			<content:encoded><![CDATA[<p>直接使用SQL語法就可以在資料庫裡面對資料事先進行很多的處理與篩選，例如要取出時間屬於星期一到五的資料，我們可以利用DATEPART這個函數來處理：</p>
<p>
<pre class="prettyprint">SELECT * FROM posts WHERE DATEPART(weekday, date) BETWEEN 2 AND 6</pre>
</p>
<p>DATEPART函數裡面第一個參數代表要parse出怎樣的資料、第二個參數則是欄位的名稱。第一個參數有下列選擇：</p>
<ul>
<li>year傳回年份
<li>quarter傳回第n季
<li>month傳回月份
<li>dayofyear傳回一年之中的第幾天
<li>day傳回天數
<li>week傳回週數
<li>weekday傳回星期幾 （星期日是1，星期一是2....星期六是7）
<li>hour傳回小時
<li>minute傳回分鐘
<li>second傳回秒數
<li>millisecond</li>
</ul>
<h1>Reference</h1>
<p><a title="http://technet.microsoft.com/zh-tw/library/ms174420.aspx" href="http://technet.microsoft.com/zh-tw/library/ms174420.aspx">http://technet.microsoft.com/zh-tw/library/ms174420.aspx</a></p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/10/09/teansact-sql-datepart/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SQL Server：從字元字串轉換到 datetime 時，轉換失敗</title>
		<link>http://punk.tw/2007/10/08/sql-server%ef%bc%9a%e5%be%9e%e5%ad%97%e5%85%83%e5%ad%97%e4%b8%b2%e8%bd%89%e6%8f%9b%e5%88%b0-datetime-%e6%99%82%ef%bc%8c%e8%bd%89%e6%8f%9b%e5%a4%b1%e6%95%97</link>
		<comments>http://punk.tw/2007/10/08/sql-server%ef%bc%9a%e5%be%9e%e5%ad%97%e5%85%83%e5%ad%97%e4%b8%b2%e8%bd%89%e6%8f%9b%e5%88%b0-datetime-%e6%99%82%ef%bc%8c%e8%bd%89%e6%8f%9b%e5%a4%b1%e6%95%97#comments</comments>
		<pubDate>Sun, 07 Oct 2007 18:27:41 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[程式設計]]></category>
		<category><![CDATA[C#]]></category>
		<category><![CDATA[SQL Server]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/10/08/343.html</guid>
		<description><![CDATA[剛剛用C#在對資料庫塞資料，SQL語法中有牽涉到日期的處理，因此我是動態來兜SQL語法的，例如： string strSQL = string.Format("SELECT id, title, content FROM posts WHERE ( date < '{0}' )", myCalendar.SelectedDate) // myCalendar是一個萬年曆的物件 沒想到在本機上測試都沒問題，但丟到遠端資料庫時卻會出錯（從字元字串轉換到 datetime 時，轉換失敗），我猜是因為日期的格式出了問題，有可能是語系不同所造成的，總之我將日期的格式轉成下列格式就沒問題啦:p myCalendar.SelectedDate.toString("yyyy/MM/dd HH:mm:ss");]]></description>
			<content:encoded><![CDATA[<p>剛剛用C#在對資料庫塞資料，SQL語法中有牽涉到日期的處理，因此我是動態來兜SQL語法的，例如：</p>
<p>
<pre class="prettyprint">string strSQL =
    string.Format("SELECT id, title, content FROM posts WHERE ( date < '{0}' )",
          myCalendar.SelectedDate)

// myCalendar是一個萬年曆的物件
</pre>
<p>沒想到在本機上測試都沒問題，但丟到遠端資料庫時卻會出錯（從字元字串轉換到 datetime 時，轉換失敗），我猜是因為日期的格式出了問題，有可能是語系不同所造成的，總之我將日期的格式轉成下列格式就沒問題啦:p </p>
<p>
<pre class="prettyprint">myCalendar.SelectedDate.toString("yyyy/MM/dd HH:mm:ss"); </pre></p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/10/08/sql-server%ef%bc%9a%e5%be%9e%e5%ad%97%e5%85%83%e5%ad%97%e4%b8%b2%e8%bd%89%e6%8f%9b%e5%88%b0-datetime-%e6%99%82%ef%bc%8c%e8%bd%89%e6%8f%9b%e5%a4%b1%e6%95%97/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>修改WordPress 2.3 Tag Cloud的字體大小</title>
		<link>http://punk.tw/2007/10/06/%e4%bf%ae%e6%94%b9wordpress-23-tag-cloud%e7%9a%84%e5%ad%97%e9%ab%94%e5%a4%a7%e5%b0%8f</link>
		<comments>http://punk.tw/2007/10/06/%e4%bf%ae%e6%94%b9wordpress-23-tag-cloud%e7%9a%84%e5%ad%97%e9%ab%94%e5%a4%a7%e5%b0%8f#comments</comments>
		<pubDate>Sat, 06 Oct 2007 07:55:34 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/10/06/339.html</guid>
		<description><![CDATA[昨天發現我的Tag雲的字體實在怪到誇張，本來以為是CSS設定的問題，後來發現似乎不是。從Google上找到這篇「修改 wordpress 2.3 侧边栏 widget 标签云字体大小」就輕鬆解決啦～ 只要修改wordpress/wp-includes/widget.php裡面的呼叫wp_tag_cloud()的地方，加上參數"unit=px&#38;smallest=8&#38;largest=20"即可。其中分別是字體大小的單位、最小字體跟最大字體，我分別設定為10 &#38; 16。]]></description>
			<content:encoded><![CDATA[<p><a href="http://punk.tw/wp-content/uploads/2007/10/image2.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="186" alt="image" src="http://punk.tw/wp-content/uploads/2007/10/image-thumb2.png" width="360" border="0"></a> </p>
<p>昨天發現我的Tag雲的字體實在怪到誇張，本來以為是CSS設定的問題，後來發現似乎不是。從Google上找到這篇「<a href="http://zeuscn.net/archives/2007/10/03/tag-cloud-fontsize-for-wp2-3/">修改 wordpress 2.3 侧边栏 widget 标签云字体大小</a>」就輕鬆解決啦～</p>
<p>只要修改wordpress/wp-includes/widget.php裡面的呼叫wp_tag_cloud()的地方，加上參數"unit=px&amp;smallest=8&amp;largest=20"即可。其中分別是字體大小的單位、最小字體跟最大字體，我分別設定為10 &amp; 16。</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/10/06/%e4%bf%ae%e6%94%b9wordpress-23-tag-cloud%e7%9a%84%e5%ad%97%e9%ab%94%e5%a4%a7%e5%b0%8f/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>試玩Silverlight</title>
		<link>http://punk.tw/2007/10/02/%e8%a9%a6%e7%8e%a9silverlight</link>
		<comments>http://punk.tw/2007/10/02/%e8%a9%a6%e7%8e%a9silverlight#comments</comments>
		<pubDate>Tue, 02 Oct 2007 07:50:57 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[程式設計]]></category>
		<category><![CDATA[RIA]]></category>
		<category><![CDATA[Rich Internet Application]]></category>
		<category><![CDATA[Silverlight]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/10/02/329.html</guid>
		<description><![CDATA[由於明天要向老師報告微軟最近吵得相當火熱的技術：Silverlight，今天晚上便臨時抱佛腳找了點資料準備明天報告。（不過事實上這門課我很認真的，只不過最近專題、工作、練功等諸事纏身，不得已只好最後一天犧牲睡眠來做事orz） 首先要說明的是，Silverlight是個「純client端」的技術，你可以把他想像成跟Flash的.swf一樣，放在任何的Web Server上讓使用者取得後，才依賴client端的Runtime Component render出畫面來。 初次接觸Silverlight，除了我的小黑上已經裝有.NET Framework 3.0之外，我還另外裝了Expression Blend 2 Preview（Blend不支援Silverlight開發，必須是Blend2才有）。 稍微翻了點資料之後，目前大概看到Silverlight有以下幾點特色： 以XAML為基礎，動態render畫面（向量文字、2D圖形或影音畫面等） 畫面中的文字是可選取、可被搜尋引擎辨識的 （for SEO purpose ） 具備強大的影音播放能力，號稱擁有高畫質，且畫面縮放不會影響解析度 Silverlight Object Model（Silverlight DOM），可使用JavaScript直接操控Silverlight現有元素的屬性或是動態新增元素（這點是讓我覺得最酷的） 之前曾經有短短幾天使用Flex開發Web Application的經驗，當時發現要使用JavaScript來跟Flash互動並不難，透過External Interface似乎就可以讓ActionScript與JavaScript溝通，但是我們當時好像光看到這樣的運作機制就懶得繼續寫下去了XD 沒想到現在Silverlight居然可以讓developer直接使用JavaScript去操控元素，換句話說使用JavaScript就可以同時操控HTML本身的DOM結構，也可以操控Silverlight的DOM，實在是太酷啦！尤其是可以動態新增元素，這一點對開發Silverlight的彈性來說還滿棒的！試想，透過Ajax的機制，從後端動態產生"我想在Silverlight上出現的畫面"，傳回來其實是一串XML（應該說XAML比較精確:P），但他卻會變成在Silverlight上精美的畫面，光想到這樣的運作方式就覺得很興奮，再加上Silverlight是純Client端的技術，改天應該來玩玩看Silverlight on Rails （言下之意是我可能要放棄Flex on Rails了orz）。 不過目前所看到的，如果要在Silverlight畫面上呈現大量資料，好像沒有現成的DataGrid？Third-party開發的應該是有，不過就不像Flex Builder裡面內建一堆可用的controls。Anyway，過幾天有空再以實例來分享使用JavaScript操控Silverlight的程式。 註：目前我都只有看到從Silverlight主動呼叫某個js function的範例，要是可以直接從js去抓到silverlight的element就更有趣了:D是我手殘，雙向互動完全是沒有問題的。]]></description>
			<content:encoded><![CDATA[<p><a href="http://punk.tw/wp-content/uploads/2007/10/image.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="95" alt="image" src="http://punk.tw/wp-content/uploads/2007/10/image-thumb.png" width="244" border="0"></a> </p>
<p>由於明天要向老師報告微軟最近吵得相當火熱的技術：<strong>Silverlight</strong>，今天晚上便臨時抱佛腳找了點資料準備明天報告。（不過事實上這門課我很認真的，只不過最近專題、工作、練功等諸事纏身，不得已只好最後一天犧牲睡眠來做事orz）</p>
<p>首先要說明的是，<strong>Silverlight是個「純client端」的技術</strong>，你可以把他想像成跟Flash的.swf一樣，放在任何的Web Server上讓使用者取得後，才依賴client端的Runtime Component render出畫面來。</p>
<p>初次接觸Silverlight，除了我的小黑上已經裝有.NET Framework 3.0之外，我還另外裝了Expression Blend 2 Preview（Blend不支援Silverlight開發，必須是Blend2才有）。</p>
<p>稍微翻了點資料之後，目前大概看到Silverlight有以下幾點特色：</p>
<ul>
<li>以XAML為基礎，動態render畫面（向量文字、2D圖形或影音畫面等）
<li>畫面中的文字是可選取、可被搜尋引擎辨識的 （for <a href="http://punk.tw/category/seo">SEO</a> purpose <img src='http://punk.tw/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> ）
<li>具備強大的影音播放能力，號稱擁有高畫質，且畫面縮放不會影響解析度
<li>Silverlight Object Model（Silverlight DOM），可使用JavaScript直接操控Silverlight現有元素的屬性或是動態新增元素（這點是讓我覺得最酷的）</li>
</ul>
<p>之前曾經有短短幾天使用Flex開發Web Application的經驗，當時發現要使用JavaScript來跟Flash互動並不難，透過External Interface似乎就可以讓ActionScript與JavaScript溝通，但是我們當時好像光看到這樣的運作機制就懶得繼續寫下去了XD</p>
<p>沒想到現在Silverlight居然可以讓developer直接使用JavaScript去操控元素，換句話說使用JavaScript就可以同時操控HTML本身的DOM結構，也可以操控Silverlight的DOM，實在是太酷啦！尤其是可以動態新增元素，這一點對開發Silverlight的彈性來說還滿棒的！試想，透過Ajax的機制，從後端動態產生"我想在Silverlight上出現的畫面"，傳回來其實是一串XML（應該說XAML比較精確:P），但他卻會變成在Silverlight上精美的畫面，光想到這樣的運作方式就覺得很興奮，再加上Silverlight是純Client端的技術，改天應該來玩玩看Silverlight on Rails （言下之意是我可能要放棄Flex on Rails了orz）。</p>
<p>不過目前所看到的，如果要在Silverlight畫面上呈現大量資料，好像沒有現成的DataGrid？Third-party開發的應該是有，不過就不像Flex Builder裡面內建一堆可用的controls。Anyway，過幾天有空再以實例來分享使用JavaScript操控Silverlight的程式。</p>
<p><strike>註：目前我都只有看到從Silverlight主動呼叫某個js function的範例，要是可以直接從js去抓到silverlight的element就更有趣了:D</strike>是我手殘，雙向互動完全是沒有問題的。</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/10/02/%e8%a9%a6%e7%8e%a9silverlight/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Windows SharePoint Services Web Parts開發資源</title>
		<link>http://punk.tw/2007/10/01/windows-sharepoint-services-web-parts%e9%96%8b%e7%99%bc%e8%b3%87%e6%ba%90</link>
		<comments>http://punk.tw/2007/10/01/windows-sharepoint-services-web-parts%e9%96%8b%e7%99%bc%e8%b3%87%e6%ba%90#comments</comments>
		<pubDate>Sun, 30 Sep 2007 19:58:08 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[程式設計]]></category>
		<category><![CDATA[.NET Programming]]></category>
		<category><![CDATA[SharePoint]]></category>
		<category><![CDATA[Web Parts]]></category>
		<category><![CDATA[Windows SharePoint Services]]></category>
		<category><![CDATA[WSS]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/10/01/326.html</guid>
		<description><![CDATA[整理一些關於如何開發Windows SharePoint Services (WSS)的Web Parts(網頁組件)的連結。 Creating a Windows SharePoint Services 3.0 Web Part Using Visual Studio 2005 Extensionshttp://msdn2.microsoft.com/en-us/library/aa973249.aspx Working with ASP.NET 2.0 Web Parts and Windows SharePoint Services 3.0http://msdn2.microsoft.com/en-us/library/bb153523.aspx Web Parts in Windows SharePoint Serviceshttp://msdn2.microsoft.com/en-us/library/ms476318.aspx這是個滿完整的section，共有下列段落： Web Parts Overview Windows SharePoint Services Web Part Infrastructure Creating Web Parts in Windows SharePoint Services Walkthrough: Creating a Basic [...]]]></description>
			<content:encoded><![CDATA[<p>整理一些關於如何開發Windows SharePoint Services (WSS)的Web Parts(網頁組件)的連結。</p>
<ul>
<li>Creating a Windows SharePoint Services 3.0 Web Part Using Visual Studio 2005 Extensions<br /><a href="http://msdn2.microsoft.com/en-us/library/aa973249.aspx">http://msdn2.microsoft.com/en-us/library/aa973249.aspx</a>
<li>Working with ASP.NET 2.0 Web Parts and Windows SharePoint Services 3.0<br /><a href="http://msdn2.microsoft.com/en-us/library/bb153523.aspx">http://msdn2.microsoft.com/en-us/library/bb153523.aspx</a>
<li>Web Parts in Windows SharePoint Services<br /><a href="http://msdn2.microsoft.com/en-us/library/ms476318.aspx">http://msdn2.microsoft.com/en-us/library/ms476318.aspx</a><br />這是個滿完整的section，共有下列段落：
<ol>
<li>Web Parts Overview</li>
<li>Windows SharePoint Services Web Part Infrastructure
<li>Creating Web Parts in Windows SharePoint Services
<li>Walkthrough: Creating a Basic Web Part
<li>Walkthrough: Creating a Basic SharePoint Web Part
<li>Walkthrough: Creating Connectable SharePoint Web Parts </li>
</ol>
<li>SharePoint Server 2007 Sample: Web Part that Calls Excel Web Services<br /><a href="http://www.microsoft.com/downloads/details.aspx?familyid=2c5919e4-0757-4db1-9798-e0e4032f12a8&amp;displaylang=en">http://www.microsoft.com/downloads/details.aspx?familyid=2c5919e4-0757-4db1-9798-e0e4032f12a8&amp;displaylang=en</a></li>
</ul>
<p>其他相關資源：</p>
<ul>
<li>Using Excel Web Services in a SharePoint Web Part<br /><a href="http://msdn2.microsoft.com/en-us/library/aa973804.aspx">http://msdn2.microsoft.com/en-us/library/aa973804.aspx</a>
<li>Deploying and Optimizing a SharePoint Web Part That Calls Excel Web Services<br /><a href="http://msdn2.microsoft.com/en-us/library/aa973805.aspx">http://msdn2.microsoft.com/en-us/library/aa973805.aspx</a>
<li>SharePoint Products and Technologies Templates: Web Part Templates for Visual Studio .NET<br /><a href="http://www.microsoft.com/downloads/details.aspx?familyid=CAC3E0D2-BEC1-494C-A74E-75936B88E3B5&amp;displaylang=en">http://www.microsoft.com/downloads/details.aspx?familyid=CAC3E0D2-BEC1-494C-A74E-75936B88E3B5&amp;displaylang=en</a>
<li>繁簡中文搜尋網頁組件 (32位元版)<br /><a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=5ace1408-d681-41a2-bb3b-924f5798876d&amp;displaylang=zh-tw">http://www.microsoft.com/downloads/details.aspx?FamilyID=5ace1408-d681-41a2-bb3b-924f5798876d&amp;displaylang=zh-tw</a>
<li>繁簡中文搜尋網頁組件 (64位元版)<br /><a href="http://www.microsoft.com/downloads/details.aspx?FamilyId=C3E0F748-3FCF-4A80-B009-4362D0C6F98C&amp;displaylang=zh-tw">http://www.microsoft.com/downloads/details.aspx?FamilyId=C3E0F748-3FCF-4A80-B009-4362D0C6F98C&amp;displaylang=zh-tw</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/10/01/windows-sharepoint-services-web-parts%e9%96%8b%e7%99%bc%e8%b3%87%e6%ba%90/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>讓Windows Live Writer支援WordPress 2.3的tag</title>
		<link>http://punk.tw/2007/09/26/%e8%ae%93windows-live-writer%e6%94%af%e6%8f%b4wordpress-23%e7%9a%84tag</link>
		<comments>http://punk.tw/2007/09/26/%e8%ae%93windows-live-writer%e6%94%af%e6%8f%b4wordpress-23%e7%9a%84tag#comments</comments>
		<pubDate>Wed, 26 Sep 2007 14:13:31 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[Studio]]></category>
		<category><![CDATA[Windows Live Writer]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/09/26/306.html</guid>
		<description><![CDATA[花了好多時間在測試到底是什麼外掛讓我的Windows Live Writer無法正常發文，好不容易搞定了，當然是馬上接著設定Windows Live Writer可以直接使用Wordpress 2.3的文章tag。 參考了一篇對岸朋友寫的文章：Windows Live Writer支持WordPress 2.3的tag的方法（不用插件），發現其實很簡單，只要到這裡下載wlwmanifest.zip這個檔案，解壓縮之後將裡面的檔案上傳到Wordpress的根目錄，再次打開Windows Live Writer就會發現編輯區下方的選項多出了Keywords（關鍵字）的文字方塊，透過剛剛的檔案，關鍵字就是直接對應到Wordpress裡的tag啦:D 本文下方的tags就是用Windows Live Writer設定好的喔:D （我本來幾乎是把Wordpress的分類當成tag在用，看來現在得把分類好好整理整理了:p）]]></description>
			<content:encoded><![CDATA[<p>花了好多時間在測試到底是什麼外掛讓我的Windows Live Writer無法正常發文，好不容易搞定了，當然是馬上接著設定Windows Live Writer可以直接使用Wordpress 2.3的文章tag。</p>
<p>參考了一篇對岸朋友寫的文章：<a href="http://zhiqiang.org/blog/posts/let-windows-live-writer-support-tag-of-wordpress-23.html">Windows Live Writer支持WordPress 2.3的tag的方法（不用插件）</a>，發現其實很簡單，<strong>只要</strong><a href="http://trac.wordpress.org/attachment/ticket/5023/wlwmanifest.zip"><strong>到這裡下載</strong></a><strong>wlwmanifest.zip這個檔案，解壓縮之後將裡面的檔案上傳到Wordpress的根目錄，再次打開Windows Live Writer就會發現編輯區下方的選項多出了Keywords（關鍵字）的文字方塊</strong>，透過剛剛的檔案，關鍵字就是直接對應到Wordpress裡的tag啦:D</p>
<p>本文下方的tags就是用Windows Live Writer設定好的喔:D</p>
<p>（我本來幾乎是把Wordpress的分類當成tag在用，看來現在得把分類好好整理整理了:p）</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/09/image23.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="145" alt="image" src="http://punk.tw/wp-content/uploads/2007/09/image-thumb23.png" width="464" border="0"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/09/26/%e8%ae%93windows-live-writer%e6%94%af%e6%8f%b4wordpress-23%e7%9a%84tag/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Windows Live Writer碰上WordPress 2.3遇到的問題</title>
		<link>http://punk.tw/2007/09/26/%e7%95%b6windows-live-writer%e7%a2%b0%e4%b8%8awordpress-23%e9%81%87%e5%88%b0%e7%9a%84%e5%95%8f%e9%a1%8c</link>
		<comments>http://punk.tw/2007/09/26/%e7%95%b6windows-live-writer%e7%a2%b0%e4%b8%8awordpress-23%e9%81%87%e5%88%b0%e7%9a%84%e5%95%8f%e9%a1%8c#comments</comments>
		<pubDate>Wed, 26 Sep 2007 13:25:32 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/09/26/293.html</guid>
		<description><![CDATA[昨天因為趕流行也把Wordpress換到2.3了，一直很習慣用Windows Live Writer來發佈blog的我卻因此遇到了無法發佈的問題。（昨天的RSS Feed也因此大爆炸，因為我在client端看到的都是錯誤訊息，沒想到文章有發佈出去orz） 在Google稍微找了一下相關資訊，一開始認為是XMLRPC.php出了問題，但發現跟我遇到同樣問題的人幾乎都是Wordpress plugins出的問題，今天總算卯起來停用所有外掛，一個一個交叉測試的結果發現罪魁禍首了： 居然是Google Analyticator出問題，另外我在GuaGua's Blog看到「Extended Live Archive」也會有問題，不過花兒開了已經提供修改好的版本讓網友下載：WP-Plugin: Extended Live Archive for WP 2.3。 Google Analytics的問題算小，大不了手動加程式碼:D（這麼說起來我還是昨天才更新 Google Analyticator的，說不定舊版的沒有問題喔） 好險我平常在用的外掛不多（七、八個，都是無關緊要的小功能XD），否則要一個一個測試就相當麻煩了，建議有遇到同樣問題的朋友就不厭其煩測試一下吧！:D 註：我錯了，發佈文章還是會有問題orz。 對不起各位朋友，我又錯了，結果是Google Sitemap這個外掛的錯，圖中的兩個外掛都沒問題，一直反覆測試文章造成困擾真是抱歉。 結果一上Google Sitemap Plugin for WordPress網站一看，有釋出新版的Plugin :p]]></description>
			<content:encoded><![CDATA[<p>昨天因為趕流行也把Wordpress換到2.3了，一直很習慣用Windows Live Writer來發佈blog的我卻因此遇到了無法發佈的問題。（昨天的RSS Feed也因此大爆炸，因為我在client端看到的都是錯誤訊息，沒想到文章有發佈出去orz）</p>
<p>在Google稍微找了一下相關資訊，一開始認為是XMLRPC.php出了問題，但發現跟我遇到同樣問題的人幾乎都是Wordpress plugins出的問題，今天總算卯起來停用所有外掛，一個一個交叉測試的結果發現罪魁禍首了：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/09/image22.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="83" alt="image" src="http://punk.tw/wp-content/uploads/2007/09/image-thumb22.png" width="464" border="0" /></a></p>
<p><strike>居然是Google Analyticator出問題，</strike>另外我在<a href="http://www.kaol.org/">GuaGua's Blog</a>看到「Extended Live Archive」也會有問題，不過花兒開了已經提供修改好的版本讓網友下載：<a href="http://blog.istef.info/2007/09/01/extended-live-archive-for-wp23/">WP-Plugin: Extended Live Archive for WP 2.3</a>。</p>
<p><strike>Google Analytics的問題算小，大不了手動加程式碼:D（這麼說起來我還是昨天才更新 Google Analyticator的，說不定舊版的沒有問題喔）</strike></p>
<p><strike>好險我平常在用的外掛不多（七、八個，都是無關緊要的小功能XD），否則要一個一個測試就相當麻煩了，建議有遇到同樣問題的朋友就不厭其煩測試一下吧！:D</strike></p>
<p><strike>註：我錯了，發佈文章還是會有問題orz。</strike></p>
<p>對不起各位朋友，我又錯了，結果是Google Sitemap這個外掛的錯，圖中的兩個外掛都沒問題，一直反覆測試文章造成困擾真是抱歉。</p>
<p>結果一上<a href="http://www.arnebrachhold.de/projects/wordpress-plugins/google-xml-sitemaps-generator/">Google Sitemap Plugin for WordPress</a>網站一看，有釋出新版的Plugin :p</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/09/26/%e7%95%b6windows-live-writer%e7%a2%b0%e4%b8%8awordpress-23%e9%81%87%e5%88%b0%e7%9a%84%e5%95%8f%e9%a1%8c/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>jq4r: jQuery on Rails</title>
		<link>http://punk.tw/2007/09/20/jq4r-jquery-on-rails</link>
		<comments>http://punk.tw/2007/09/20/jq4r-jquery-on-rails#comments</comments>
		<pubDate>Thu, 20 Sep 2007 13:04:51 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[AJAX Framework]]></category>
		<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/09/20/259.html</guid>
		<description><![CDATA[ericksk說：「既然找不到別人寫的，那就自己寫吧！」，因此他寫了一套jq4r，全名叫jQuery helpers for Rails。真是頗吸引我的，之前用過一陣子的jQuery，感覺還滿好用的，最近不但推出新版還搞了一套jQuery UI，之前在某個日文網站看到的評論稱之為「jQuery's Scriptaculous」。 anyway，ericsk的文章在此：jq4r - jQuery helpers for Rails 他另外開了一個blog及google code project專門來放jq4r： jq4r project: http://jq4r.googlecode.com/ jq4r blog: http://jq4r.blogspot.com/]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.ericsk.org/">ericksk</a>說：「既然找不到別人寫的，那就自己寫吧！」，因此他寫了一套jq4r，全名叫jQuery helpers for Rails。真是頗吸引我的，之前用過一陣子的jQuery，感覺還滿好用的，最近不但推出新版還搞了一套jQuery UI，之前在某個日文網站看到的評論稱之為「jQuery's Scriptaculous」。</p>
<p>anyway，ericsk的文章在此：<a href="http://blog.ericsk.org/archives/767">jq4r - jQuery helpers for Rails</a></p>
<p>他另外開了一個blog及google code project專門來放jq4r：</p>
<ul>
<li>jq4r project: <a href="http://jq4r.googlecode.com/">http://jq4r.googlecode.com/</a> </li>
<li>jq4r blog: <a href="http://jq4r.blogspot.com/">http://jq4r.blogspot.com/</a> </li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/09/20/jq4r-jquery-on-rails/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Plugins</title>
		<link>http://punk.tw/2007/09/17/jquery-plugins</link>
		<comments>http://punk.tw/2007/09/17/jquery-plugins#comments</comments>
		<pubDate>Mon, 17 Sep 2007 06:26:26 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[AJAX Framework]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/09/17/244.html</guid>
		<description><![CDATA[剛剛看到「jQueryのプラグイン33+1選」列出了一堆jQuery製作出來的網頁效果，我才發現原來jQuery有這麼多好用的外掛，之前只用過我覺得還滿方便的ThickBox（ThickBox簡單來說就是透過jQuery做出來的LightBox效果）。 另外還有這個Tab看起來也是滿簡單好用的，對於我這種懶人而言實在是相當方便:D jQuery：jQuery- The Write Less, Do More JavaScript Library jQuery的Plugins：http://docs.jquery.com/Plugins]]></description>
			<content:encoded><![CDATA[<p>剛剛看到「<a href="http://coliss.com/articles/build-websites/operation/javascript/356.html">jQueryのプラグイン33+1選</a>」列出了一堆jQuery製作出來的網頁效果，我才發現原來jQuery有這麼多好用的外掛，之前只用過我覺得還滿方便的<a href="http://jquery.com/demo/thickbox/">ThickBox</a>（ThickBox簡單來說就是透過jQuery做出來的<a href="http://www.huddletogether.com/projects/lightbox/">LightBox</a>效果）。</p>
<p>另外還有<a href="http://www.stilbuero.de/2007/02/05/tabs-plugin-update-support-for-unobtrusive-ajax/">這個Tab</a>看起來也是滿簡單好用的，對於我這種懶人而言實在是相當方便:D</p>
<p>jQuery：<a title="jQuery- The Write Less, Do More JavaScript Library" href="http://jquery.com/">jQuery- The Write Less, Do More JavaScript Library</a></p>
<p>jQuery的Plugins：<a title="http://docs.jquery.com/Plugins" href="http://docs.jquery.com/Plugins">http://docs.jquery.com/Plugins</a></p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/09/17/jquery-plugins/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>如何在Visual Studio 2005中開發WPF</title>
		<link>http://punk.tw/2007/09/05/%e5%a6%82%e4%bd%95%e5%9c%a8visual-studio-2005%e4%b8%ad%e9%96%8b%e7%99%bcwpf</link>
		<comments>http://punk.tw/2007/09/05/%e5%a6%82%e4%bd%95%e5%9c%a8visual-studio-2005%e4%b8%ad%e9%96%8b%e7%99%bcwpf#comments</comments>
		<pubDate>Wed, 05 Sep 2007 06:34:02 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[.NET Framework]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/09/05/%e5%a6%82%e4%bd%95%e5%9c%a8visual-studio-2005%e4%b8%ad%e9%96%8b%e7%99%bcwpf/</guid>
		<description><![CDATA[最近因為專案需求，我在.NET技術上學習的腳步也慢慢從.NET 2.0延伸到.NET 3.0了，WPF（Windows Presentations Foundation）嶄新的Windows Form開發概念對我來說真是個滿大的衝擊（我好像經常被衝擊）。 在Visual Studio 2005中開發WPF除了要先安裝好.NET Framework 3.0之外，只要再安裝Visual Studio 2005 extensions for .NET Framework 3.0即可。安裝完成之後在Visual Studio新增專案的畫面會看到多了Windows Application(WPF)的選項： 進入開發畫面之後，會看到Toolbox裡的Controls跟傳統的Windows Form不太一樣，主要分為三大類：Common Controls, Containers以及Menus and toolbars。 沒想到這樣簡簡單單就可以開始玩WPF的GUI開發，希望這個嶄新的技術可以為我正在進行的專案帶來全新的User Interface XD]]></description>
			<content:encoded><![CDATA[<p>最近因為專案需求，我在.NET技術上學習的腳步也慢慢從.NET 2.0延伸到.NET 3.0了，<a href="http://wpf.netfx3.com/">WPF</a>（<a href="http://wpf.netfx3.com/">Windows Presentations Foundation</a>）嶄新的Windows Form開發概念對我來說真是個滿大的衝擊（我好像經常被衝擊）。</p>
<p>在Visual Studio 2005中開發WPF除了要先安裝好.NET Framework 3.0之外，只要再安裝<a href="http://www.microsoft.com/downloads/details.aspx?familyid=F54F5537-CC86-4BF5-AE44-F5A1E805680D&amp;displaylang=en">Visual Studio 2005 extensions for .NET Framework 3.0</a>即可。安裝完成之後在Visual Studio新增專案的畫面會看到多了Windows Application(WPF)的選項：</p>
<p><a href="http://punk.tw/wp-content/uploads/images/XceedDataGridforWPF_C89B/image.png" atomicselection="true"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="383" alt="image" src="http://punk.tw/wp-content/uploads/images/XceedDataGridforWPF_C89B/image_thumb.png" width="528" border="0"></a> </p>
<p>進入開發畫面之後，會看到Toolbox裡的Controls跟傳統的Windows Form不太一樣，主要分為三大類：Common Controls, Containers以及Menus and toolbars。</p>
<p>沒想到這樣簡簡單單就可以開始玩WPF的GUI開發，希望這個嶄新的技術可以為我正在進行的專案帶來全新的User Interface XD</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/09/05/%e5%a6%82%e4%bd%95%e5%9c%a8visual-studio-2005%e4%b8%ad%e9%96%8b%e7%99%bcwpf/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>安裝Google Code Prettify</title>
		<link>http://punk.tw/2007/08/20/%e5%ae%89%e8%a3%9dgoogle-code-prettify</link>
		<comments>http://punk.tw/2007/08/20/%e5%ae%89%e8%a3%9dgoogle-code-prettify#comments</comments>
		<pubDate>Mon, 20 Aug 2007 06:56:48 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Google]]></category>
		<category><![CDATA[Studio]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/08/20/%e5%ae%89%e8%a3%9dgoogle-code-prettify/</guid>
		<description><![CDATA[Google Code Prettify是一個可以美化網頁上程式碼的小外掛，安裝方式非常簡單，可以參考官方發表的README檔案。 安裝步驟： 下載原始檔案（官方網站似乎不提供host）：http://google-code-prettify.googlecode.com/files/prettify-small.zip 在需要顯示程式碼的網頁加入下面程式：&#60;link href="prettify.css" type="text/css" rel="stylesheet" /&#62;&#60;script type="text/javascript" src="prettify.js"&#62;&#60;/script&#62; （我的作法是將上述兩個檔案丟到Google Page Creator上面） 修改&#60;body&#62;標籤，加入onload="prettyPrint()" &#160;之後有需要顯示程式碼的地方，只要用&#60;pre class="prettyprint"&#62;...&#60;/pre&#62;或&#60;code class="prettyprint"&#62;...&#60;/code&#62;將程式碼包住即可。 （我猜直接連到http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css也可以，不過我就懶得測試了。） 在Google Blogger修改的方式如下圖：（範本修改HTML、找到&#60;head&#62;將上述兩行程式放在&#60;head&#62;之後，再找到&#60;body&#62;將onLoad加在後面：&#60;body onLoad="prettyPrint()"）]]></description>
			<content:encoded><![CDATA[<p><a href="http://code.google.com/p/google-code-prettify/">Google Code Prettify</a>是一個可以美化網頁上程式碼的小外掛，安裝方式非常簡單，可以參考官方發表的<a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html">README檔案</a>。</p>
<p>安裝步驟：</p>
<ol>
<li>下載原始檔案（官方網站似乎不提供host）：<br /><a title="http://google-code-prettify.googlecode.com/files/prettify-small.zip" href="http://google-code-prettify.googlecode.com/files/prettify-small.zip">http://google-code-prettify.googlecode.com/files/prettify-small.zip</a>
<li>在需要顯示程式碼的網頁加入下面程式：<code>&lt;link href="prettify.css" type="text/css" rel="stylesheet" /&gt;<br />&lt;script type="text/javascript" src="prettify.js"&gt;&lt;/script&gt;</code>
<li>（我的作法是將上述兩個檔案丟到Google Page Creator上面）
<li>修改&lt;body&gt;標籤，加入onload="prettyPrint()"</li>
</ol>
<p>&nbsp;之後有需要顯示程式碼的地方，只要用<tt>&lt;pre class="prettyprint"&gt;...&lt;/pre&gt;或</tt><tt>&lt;code class="prettyprint"&gt;...&lt;/code&gt;將程式碼包住即可。</tt></p>
<p>（我猜直接連到<a title="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css" href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css">http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css</a>也可以，不過我就懶得測試了。）</p>
<p>在Google Blogger修改的方式如下圖：<br />（範本修改HTML、找到&lt;head&gt;將上述兩行程式放在&lt;head&gt;之後，再找到&lt;body&gt;將onLoad加在後面：&lt;body onLoad="prettyPrint()"）</p>
<p><a href="http://punk.tw/wp-content/uploads/images/GoogleCodePrettify_D02B/image.png" atomicselection="true"></a><a href="http://punk.tw/wp-content/uploads/images/GoogleCodePrettify_D02B/image_3.png" atomicselection="true"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="414" alt="image" src="http://punk.tw/wp-content/uploads/images/GoogleCodePrettify_D02B/image_thumb.png" width="499" border="0"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/08/20/%e5%ae%89%e8%a3%9dgoogle-code-prettify/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AjaxScaffold &amp; ActiveScaffold for Ruby on Rails</title>
		<link>http://punk.tw/2007/06/15/ajaxscaffold-activescaffold-for-ruby-on-rails</link>
		<comments>http://punk.tw/2007/06/15/ajaxscaffold-activescaffold-for-ruby-on-rails#comments</comments>
		<pubDate>Thu, 14 Jun 2007 19:06:17 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[Ruby on Rails Plugin]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/06/15/ajaxscaffold-activescaffold-for-ruby-on-rails/</guid>
		<description><![CDATA[AjaxScaffold: AJAX interface for your Ruby on Rails modelshttp://www.ajaxscaffold.com/ ActiveScaffold: A Ruby on Rails plugin for dynamic, AJAX CRUD interfaceshttp://activescaffold.com/ 我自己還沒有實際用來開發，不過光看demo還滿吸引人的，簡單的CRUD機制都包好並且用Ajax的方式運作，包成Ruby on Rails的plugin使得安裝、使用都很簡單，有空再來研究研究。]]></description>
			<content:encoded><![CDATA[<p>AjaxScaffold: AJAX interface for your Ruby on Rails models<br /><a href="http://www.ajaxscaffold.com/">http://www.ajaxscaffold.com/</a>
<p>ActiveScaffold: A Ruby on Rails plugin for dynamic, AJAX CRUD interfaces<br /><a href="http://activescaffold.com/">http://activescaffold.com/</a>
<p>我自己還沒有實際用來開發，不過光看demo還滿吸引人的，簡單的CRUD機制都包好並且用Ajax的方式運作，包成Ruby on Rails的plugin使得安裝、使用都很簡單，有空再來研究研究。</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/06/15/ajaxscaffold-activescaffold-for-ruby-on-rails/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

