Cyberpunk » 程式設計 http://punk.tw 網際叛客：學習心得、Web 2.0與網路觀察、Google應用與技術、Ruby on Rails, Google App Engine Tue, 07 Feb 2012 08:42:21 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 [Facebook應用程式開發] Rails on Facebook for Beginners 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 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 Tue, 22 Dec 2009 12:24:56 +0000 deduce http://punk.tw/?p=1008 以下是筆者今天於Ruby Tuesday社群聚會分享使用Ruby on Rails開發Facebook應用程式的經驗之投影片。裡面包括許多實際在使用中的程式碼並且都有提供Gist的網址，有需要的朋友可以直接到該網址複製使用。

其中有提到iPK這個Facebook應用程式，是筆者參與Inside部落格團隊所開發的應用案例，投影片中所有的程式碼片段皆整理自該程式，若您對於程式的寫法有任何建議或疑問，歡迎在本文提出以進行交流、討論。:)

投影片內容除了團隊共同的研究、開發經驗之外，也感謝Cardinal Blue經驗上的分享，關於Cardinal Blue分享的投影片請見：Cardinal Blue的Facebook應用程式開發經驗分享：使用Ruby on Rails與Heroku

]]> 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 0 如何將現有的Ruby on Rails專案移植到Heroku？ 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 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 Sun, 27 Sep 2009 15:16:40 +0000 deduce http://punk.tw/?p=960 今天試著將兩個手頭上已經沒在密集維護但偶有流量的網站移植到Heroku上來降低維護的成本，過程中相當輕鬆地將專案無痛轉移到Heroku之外，連資料都一起順利轉移過去了，以下是轉移步驟的簡介。

  1. 將專案納入git版本控管中，指令是git init
  2. 建立一個新的Heroku空間，指令是heroku create或是heroku create YOUR_APP_NAME
  3. 在config/environment.rb加上$KCODE='u'（避免中文編碼問題，我是加在第一行）
  4. 將所有檔案丟到Heroku上：git add . ; git commit -a -m "deploy to Heroku" ; git push heroku master

步驟其實很簡單，官方文件上應該也能找到更詳盡的教學，另外要注意的是，如果您的專案擁有自己的網址，希望能一併指到Heroku，還需要注意下列事項：

  1. 將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。
  2. 請在Heroku的帳戶管理中輸入您的信用卡資料（custom domain name雖然是免費的服務，但要驗證信用卡）
  3. 使用heroku addons:add custom_domains指令啟用自定網址
  4. 使用heroku domains:add YOUR_DOMAIN_NAME來新增網址

當然，上述步驟可以不透過指令，直接在Heroku的管理介面完成。

我自己在移植的過程中遇到兩個問題，第一個是資料丟上Heroku之後都變成亂碼，但我的MySQL編碼就是UTF8了，實在沒道理，因此就嘗試加上$KCODE的設定，沒想到馬上管用。

第二個問題是資料如何丟到Heroku，步驟也很簡單：

  1. sudo gem install tap（tap就是讓你可以無痛轉移的關鍵Ruby gem）
  2. heroku db:push（如此一來就會把資料庫，包括schema、data、index完整送上Heroku）

其中要注意的是，Heroku設計的原意是讓你可以將開發過程中已有的測試資料（development環境）丟上Heroku一併測試，因此我目前沒有找到如何讀取production環境的參數，我自己的作法是在config/database.yml中將development的設定改為production的設定，讓程式去讀取production。

或是你也可以使用指令的方式指定任意的資料庫：heroku db:push mysql://YOUR_USER_NAME:YOUR_PASSWORD@localhost/DB_NAME

P.S. 當然，如果嫌Heroku不好用或是其他原因想要搬家，只要下heroku db:pull，就會把雲端上的資料撈回來放在development環境，我自己是用SQLite，資料就會倒進SQLite了，是不是很方便呢？:p

]]> 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 0 在Rails 2.0中如何避免在URL使用資料流水號 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 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 Mon, 28 Apr 2008 19:23:18 +0000 deduce http://punk.tw/2008/04/29/857.html 我曾寫過一篇「Rails: 建立Permalink，避免流水號洩漏網站資料」針對有人擔心（或質疑）Ruby on Rails中以資料表主鍵流水號作為URL中的參數，會導致網站洩漏某些不希望被外界一眼看穿的資訊，例如使用者總數或文章總數之類的數據，因此簡單地透過Model在存取資料庫時的before_create方法建立每一筆資料的unique key來避免這個問題。

]]> 我曾寫過一篇「Rails: 建立Permalink，避免流水號洩漏網站資料」針對有人擔心（或質疑）Ruby on Rails中以資料表主鍵流水號作為URL中的參數，會導致網站洩漏某些不希望被外界一眼看穿的資訊，例如使用者總數或文章總數之類的數據，因此簡單地透過Model在存取資料庫時的before_create方法建立每一筆資料的unique key來避免這個問題。

之前使用Rails 1.2.x版本時根據我當時的作法並無不妥，因為我自己的coding習慣是會完整地指定controller, action以及id，並在對應的action中使用find_by_key的方法來找到資料。

然而，升級到Rails 2.0後便會出現許多麻煩，例如預設產生的scaffold必須修改許多地方，才能讓Model.find_by_key、redirect_to post_url(@post)之類的方法正確運作。

於是我一直到前陣子才找到應該比較正規的作法：在Model中使用to_param方法。

to_param(): Enables Active Record objects to be used as URL parameters in Action Pack automatically.

這麼好用的方法我居然不是一開始就發現，只能說相見恨晚，好險我開發Rails 2.0的時間還不算長，沒走到太多冤枉路。要實踐本標題所說的在Rails 2.0中如何避免在URL使用資料流水號便相當簡單！

1. 建立Scaffold：（通常會對key這個欄位建立index並設定字串長度limit，別忘了:p）
script/generate post title:string content:text key:string

2. 將Post的migration寫進資料庫後修改Post model如下：

class Post < ActiveRecord::Base
  before_create :generate_key

  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

  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

就這樣！概念很簡單，就是不再用ID當查詢的參數，全面改用key啦！關鍵就在於使用to_param()方法以及對find做進一步的判斷，因為我除了Model.find(:all)之類的Symbol，其餘的CRUD都是傳入Key作為參數，因此在此僅簡單地判斷是否為字串。

如此一來，不管你是什麼user_posts_url, new_user_post_url都可以輕鬆地直接以ActiveRecord Object傳遞，起碼我之前曾經嘗試用edit_post_url(@post.key)這種方式傳值，非常麻煩、要改Controller又要改View，現在用了to_param()，什麼都不用改了！又優雅又簡單，寫起來更加快樂、效率也提昇了:p

P.S. 其實在Rails 1.2.x應該也是這麼做比較優雅，不限於2.0

]]> 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 0 如何使用Rails做HTTP 301/302 Redirect？ 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 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 Mon, 28 Apr 2008 18:38:23 +0000 deduce http://punk.tw/2008/04/29/856.html 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 => 'http://somenewurl'

或者，從Rails的原始碼中可以看到下列用法，感覺這個最好用:p

(from trunk/actionpack/lib/action_controller/base.rb)

# Examples:
#   redirect_to :action=>'atom', :status=>:moved_permanently
#   redirect_to post_url(@post), :status=>301
#   redirect_to :action=>'atom', :status=>302

]]> 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 1 Ruby Plus：Ruby與Rails的免費教學影片 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 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 Tue, 15 Jan 2008 02:04:45 +0000 deduce http://punk.tw/2008/01/15/607.html image

Ruby Plus是個類似Railscasts的影片收藏站，提供各種Rails（或Ruby）相關的教學影片，例如：如何在Rails 2.0中上傳圖片、如何開發Rails Plugins，或是最近比較熱門的RESTful目前也有幾篇教學影片可以參考。

註：Railscasts因為出來得比較早，教學影片較多，也可參考參考。:D

]]> 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 9 初探Yahoo開發者社群中文版（Yahoo! Developer Network） 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 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 Mon, 14 Jan 2008 13:38:51 +0000 deduce http://punk.tw/2008/01/14/600.html image
圖片來源：http://tw.developer.yahoo.com/

image

 

剛剛看到「雅虎開放API網站海外版 首站在台灣」，總算推出中文版的YDN了！該篇新聞有提到這是繼美國Yahoo!之後第一個海外的Yahoo! API網站，不過不曉得是記者沒搞清楚還是雅虎奇摩的新聞稿寫錯，日本版的YDN應該是推出將近一年了，假使是新聞稿發錯，在台灣這種媒體製造社會亂源的小地方，記者有善盡查明真相的義務啊！（或許記者也不是很懂？）

image
從上圖可以發現日本Yahoo!的YDN起碼早在2007年2月底就上線了。

中文版的YDN跟美國版比較大的差異是提供了幾個本土的服務，例如Yahoo!生活+，如果接下來將Yahoo!知識+也納入版圖，我想應該會很快就出現一些有趣的中文mash-up應用。

image image

引用一下官方網頁上對Yahoo!生活+的介紹文字：

Yahoo!生活+ APIs 提供一個簡單的介面，讓你可以存取生活+內的商家資訊，也包括了使用者在生活+中對商家所作的評論跟評分。
生活+所提供的資料庫與介面讓開發者很容易的可以進行網路綜合服務的開發，或者使用這些資訊，讓更多開發者可以產出各式各樣的
小工具，可以開放給一般的使用者使用。
生活+ Beta V0.1
在 Beta 版本，生活+將會提供相關的商家搜尋功能。利用關鍵字以及位置搜尋附近商家，或僅使用關鍵字查詢相關的商店資料。
最主要的部份，透過 APIs，可以取得每一個商家完整的評價分數。也可以使用 APIs 來提供使用者對商家評分的動作，簡化原來
繁雜的開發工作。
次數限制
Yahoo!生活+網路服務目前限制每天2000次，在於非商業性的使用。更多相關的使用限制，請參考使用規範的部份。

此外，在YUI（Yahoo! User Interface）的部份也有了完整的中文文件，看起來挺舒服的，對於某些開發人員來講應該會是個很方便的參考工具。

image

Reference

]]> 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 1 Google Chart API http://punk.tw/2007/12/07/google-chart-api http://punk.tw/2007/12/07/google-chart-api#comments Fri, 07 Dec 2007 07:20:06 +0000 deduce http://punk.tw/2007/12/07/459.html 今天發現Google Chart API這個Google推出的有趣網路服務，使用者只需要將想要圖像化的數據內容，透過網址的參數傳遞方式便可產生對應的圖表，範例如下：

上面這張圖片是直接指向"http://chart.apis.google.com/chart?cht=p&chd=s:world5&chs=200x125&chl=A|B|C|D|E|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 with an underscore (_).
    • If you have more than one set of data, separate each set with a comma (,).

稍微改一下參數就可以變成3D的立體圓餅圖了:D（不過文字標示部份怪怪的，等要用到再來研究研究吧:D）

詳細的說明就請上Google Chart API的說明網頁吧！

]]> http://punk.tw/2007/12/07/google-chart-api/feed 1 Heroku：線上撰寫Rails程式初體驗 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 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 Tue, 20 Nov 2007 07:22:37 +0000 deduce http://punk.tw/2007/11/20/443.html Heroku是一個讓網頁開發人員可以在線上編輯Rails程式的網路服務，目前還在limited beta的階段，有興趣申請的讀者可以到申請網址登記排隊。上一篇文章提到Heroku的幾個特色，這篇文章就登入來玩玩看吧！

初次登入之後會看到如下畫面：

image

此時尚未建立任何應用程式，點選建立程式之後會轉到另一個網址：http://edit.untitled-22289.heroku.com/，由於尚未對應用程式命名，網址是以流水號加上untitled的方式命名，這是可以設定的。（說不定還支援使用者自行指定domain name？或許將會是個付費服務）。
image

上圖是應用程式的設定畫面，可以自訂網址、支援協同編輯、匯入/匯出、程式版本快照（簡單的版本控制），至於Other裡面目前只有Destroy一項功能:p

因為內文都是一些截圖，使用起來對我而言也沒有太大的驚喜，所以先講結論吧！

  • 適合初學者
    環境都已經建好了，連資料庫都免費提供，完全不需要學習建置環境或是任何設定，就可以開始快快樂樂寫Rails。
  • 適合拿來當維護環境
    手邊沒有電腦、沒有合適的開發環境、沒有安全的網路環境，又急著要修改？如果類似的服務可以提供https://的SSL環境，或許可以拿來玩玩看。
  • 適合拿來推廣Rails
    技術高手想要推廣Rails，但手邊沒有現成的環境，登入Heroku馬上就可以開始demo Ruby on Rails的威力，新手看到一個留言板居然沒有幾行程式就搞定，一定會馬上被拐進來的:D

下圖即編輯程式的主畫面：

image

畫面的構成我就不多做介紹了，基本上在編輯畫面可以看到Rails app的目錄結構、檢視資料庫schema以及Rails的log file，點選右上角的圖示則會馬上跳轉到應用程式執行的頁面，讓你知道目前執行的狀況。

畫面左下角則有幾個寫Rails必備的指令工具：Generator, Console以及Rake

image

先打開Console模式來玩玩看，點選Console之後會跳到另一個網址，此時出現的是全螢幕的Console畫面，等等再建幾個Model來玩玩看：

image

HelloWorld，建個留言板！

Code Generator的畫面：

image

執行之後也會告知執行結果：

image

稍微寫一下migration，使用編輯器的感覺是非常不順手，我的作業系統、Firefox都是英文環境，語系也設為en-us，但在編輯器裡面卻會出現游標與實際文字位置無法對齊的狀況，實在是相當奇妙。

image

先不管它，先migrate上去了！Rake的畫面也是純指令模式，這點就不太親切啦～建議開發團隊可以考慮NetBeans那種IDE懶人用法啊XD

image

看到這個畫面，我才想起我根本還沒設定database啊XD趕快看看database.yaml如下：

image

換句話說，heroku目前提供了database而且還是postgresql :p，說不定以後也會是個向使用者索取費用的服務。

接下來建立scaffold讓我的guestbook跑起來吧！

image

建立完成之後，應該就可以馬上看到程式目前的畫面啦～！

image

檢視資料庫

檢視資料庫的畫面可以看到目前有哪些資料表：

image

也可以直接點進去修改：

image

檢視Log file

image

點選各個訊息還可以看到更詳盡的資訊。

]]> 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 0 Heroku：讓你用網頁介面寫Rails（順便Hosting） 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 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 Tue, 20 Nov 2007 06:34:50 +0000 deduce http://punk.tw/2007/11/20/411.html image http://heroku.com/

（最近因為忙著申請學校，同時面對工作上的專案跟學校的專題，實在是難有餘裕寫文章，今天算是忙裡偷閒:p幾天沒寫文章手真的很癢，過一陣子忙完會盡量多發文的。）

Heroku是個號稱可以讓你在線上撰寫你的Rails程式，並且連Hosting的服務都一起搞定的網路服務，有興趣的朋友可以到此網址排隊申請：http://heroku.com/beta，邀請函目前需要等待12天左右。

Heroku上列出了幾個特色如下：

  • 線上編輯程式
    image
  • 支援Hosting，新建或是匯入Rails程式後即可直接啟動:D
    image
  • 分享或協同編輯
    image
  • 支援匯入、匯出
    image
  • 還支援完整的Console模式
    image 

References

]]> 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 2 New Ruby Logo http://punk.tw/2007/10/30/new-ruby-logo http://punk.tw/2007/10/30/new-ruby-logo#comments Tue, 30 Oct 2007 03:02:58 +0000 deduce http://punk.tw/2007/10/30/387.html image image

紅寶石加上像框跟Ruby的正名。

來源：So Here's The New Ruby Logo!

]]> http://punk.tw/2007/10/30/new-ruby-logo/feed 0 Transact-SQL: DATEPART http://punk.tw/2007/10/09/teansact-sql-datepart http://punk.tw/2007/10/09/teansact-sql-datepart#comments Mon, 08 Oct 2007 11:33:28 +0000 deduce http://punk.tw/2007/10/09/345.html 直接使用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

]]> http://punk.tw/2007/10/09/teansact-sql-datepart/feed 0 SQL Server：從字元字串轉換到 datetime 時，轉換失敗 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 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 Sun, 07 Oct 2007 18:27:41 +0000 deduce http://punk.tw/2007/10/08/343.html 剛剛用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");

]]> 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 1 試玩Silverlight http://punk.tw/2007/10/02/%e8%a9%a6%e7%8e%a9silverlight http://punk.tw/2007/10/02/%e8%a9%a6%e7%8e%a9silverlight#comments Tue, 02 Oct 2007 07:50:57 +0000 deduce http://punk.tw/2007/10/02/329.html image

由於明天要向老師報告微軟最近吵得相當火熱的技術：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 :D ）
  • 具備強大的影音播放能力，號稱擁有高畫質，且畫面縮放不會影響解析度
  • 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是我手殘，雙向互動完全是沒有問題的。

]]> http://punk.tw/2007/10/02/%e8%a9%a6%e7%8e%a9silverlight/feed 1 Windows SharePoint Services Web Parts開發資源 http://punk.tw/2007/10/01/windows-sharepoint-services-web-parts%e9%96%8b%e7%99%bc%e8%b3%87%e6%ba%90 http://punk.tw/2007/10/01/windows-sharepoint-services-web-parts%e9%96%8b%e7%99%bc%e8%b3%87%e6%ba%90#comments Sun, 30 Sep 2007 19:58:08 +0000 deduce http://punk.tw/2007/10/01/326.html 整理一些關於如何開發Windows SharePoint Services (WSS)的Web Parts(網頁組件)的連結。

其他相關資源：

]]> http://punk.tw/2007/10/01/windows-sharepoint-services-web-parts%e9%96%8b%e7%99%bc%e8%b3%87%e6%ba%90/feed 1 jq4r: jQuery on Rails http://punk.tw/2007/09/20/jq4r-jquery-on-rails http://punk.tw/2007/09/20/jq4r-jquery-on-rails#comments Thu, 20 Sep 2007 13:04:51 +0000 deduce http://punk.tw/2007/09/20/259.html ericksk說：「既然找不到別人寫的，那就自己寫吧！」，因此他寫了一套jq4r，全名叫jQuery helpers for Rails。真是頗吸引我的，之前用過一陣子的jQuery，感覺還滿好用的，最近不但推出新版還搞了一套jQuery UI，之前在某個日文網站看到的評論稱之為「jQuery's Scriptaculous」。

anyway，ericsk的文章在此：jq4r - jQuery helpers for Rails

他另外開了一個blog及google code project專門來放jq4r：

]]> http://punk.tw/2007/09/20/jq4r-jquery-on-rails/feed 0 jQuery Plugins http://punk.tw/2007/09/17/jquery-plugins http://punk.tw/2007/09/17/jquery-plugins#comments Mon, 17 Sep 2007 06:26:26 +0000 deduce http://punk.tw/2007/09/17/244.html 剛剛看到「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

]]> http://punk.tw/2007/09/17/jquery-plugins/feed 0 如何在Visual Studio 2005中開發WPF 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 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 Wed, 05 Sep 2007 06:34:02 +0000 deduce 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/ 最近因為專案需求，我在.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)的選項：

image

進入開發畫面之後，會看到Toolbox裡的Controls跟傳統的Windows Form不太一樣，主要分為三大類：Common Controls, Containers以及Menus and toolbars。

沒想到這樣簡簡單單就可以開始玩WPF的GUI開發，希望這個嶄新的技術可以為我正在進行的專案帶來全新的User Interface XD

]]> 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 0 AjaxScaffold & ActiveScaffold for Ruby on Rails http://punk.tw/2007/06/15/ajaxscaffold-activescaffold-for-ruby-on-rails http://punk.tw/2007/06/15/ajaxscaffold-activescaffold-for-ruby-on-rails#comments Thu, 14 Jun 2007 19:06:17 +0000 deduce http://punk.tw/2007/06/15/ajaxscaffold-activescaffold-for-ruby-on-rails/ AjaxScaffold: AJAX interface for your Ruby on Rails models
http://www.ajaxscaffold.com/

ActiveScaffold: A Ruby on Rails plugin for dynamic, AJAX CRUD interfaces
http://activescaffold.com/

我自己還沒有實際用來開發，不過光看demo還滿吸引人的，簡單的CRUD機制都包好並且用Ajax的方式運作，包成Ruby on Rails的plugin使得安裝、使用都很簡單，有空再來研究研究。

]]> http://punk.tw/2007/06/15/ajaxscaffold-activescaffold-for-ruby-on-rails/feed 0 Data Structure and Algorithms with OO Design Patterns in Ruby http://punk.tw/2007/04/26/data-structure-and-algorithms-with-oo-design-patterns-in-ruby http://punk.tw/2007/04/26/data-structure-and-algorithms-with-oo-design-patterns-in-ruby#comments Wed, 25 Apr 2007 18:55:23 +0000 deduce http://punk.tw/2007/04/26/data-structure-and-algorithms-with-oo-design-patterns-in-ruby/ http://www.brpreiss.com/books/opus8/

資料結構與演算法（with OO design patterns）in Ruby

有免費、可下載的電子書。

另外也有C++、Java、C#、Python、Lua、Perl、PHP的版本，還滿值得參考的。

]]> http://punk.tw/2007/04/26/data-structure-and-algorithms-with-oo-design-patterns-in-ruby/feed 0 Dojo Offline Toolkit迎接離線網路應用程式時代來臨 http://punk.tw/2007/04/25/dojo-offline-toolkit%e8%bf%8e%e6%8e%a5%e9%9b%a2%e7%b7%9a%e7%b6%b2%e8%b7%af%e6%87%89%e7%94%a8%e7%a8%8b%e5%bc%8f%e6%99%82%e4%bb%a3%e4%be%86%e8%87%a8 http://punk.tw/2007/04/25/dojo-offline-toolkit%e8%bf%8e%e6%8e%a5%e9%9b%a2%e7%b7%9a%e7%b6%b2%e8%b7%af%e6%87%89%e7%94%a8%e7%a8%8b%e5%bc%8f%e6%99%82%e4%bb%a3%e4%be%86%e8%87%a8#comments Wed, 25 Apr 2007 11:25:05 +0000 deduce http://punk.tw/2007/04/25/dojo-offline-toolkit%e8%bf%8e%e6%8e%a5%e9%9b%a2%e7%b7%9a%e7%b6%b2%e8%b7%af%e6%87%89%e7%94%a8%e7%a8%8b%e5%bc%8f%e6%99%82%e4%bb%a3%e4%be%86%e8%87%a8/

剛剛在Ajaxian上看到這篇「Dojo Offline Toolkit Beta Released」，沒想到不久前才在思考的有趣議題「離線網路應用程式」如今實現了。雖然還沒有把這個Dojo offline toolkit抓下來玩，不過光用想像的，支援離線應用的話，未來網站的開發將會具有更大的發展彈性。雖然現在無線網路普及度很高，加上3G/3.5G(HSDPA)的發展，大家的眼光、願景應該要朝著網路無所不在（ubiquitous）的方向思考才是，但事實上我們現在還是經常有機會處於完全找不到網路節點的環境，因此離線應用還是有其價值所在啦！就像我習慣用離線的blogging工具就是可以隨時打篇文章、紀錄生活，等到有網路的時候再publish即可。

廢話講了一大堆，還是稍微來翻譯一下Dojo Offline Toolkit的網頁，讓懶得看英文的朋友可以更快瞭解這個Dojo Offline Toolkit有什麼搞頭。（翻得太爛還請多指教orz「信雅達」的原則以我的能力來說恐怕相當不足。）

Dojo Offline Toolkit網址：http://dojotoolkit.org/offline

Dojo Offline Toolkit

Dojo Offline是個免費、開放原始碼的開發工具，可以輕鬆地讓網站應用程式（web application）離線運作。Dojo Offline主要由兩個部份組成，1. 一個與網站綁在一起的JavaScript函式庫, 2. 一個僅有300K大小的跨平台、跨瀏覽器的安裝套件，它會在使用者端建立一份網站使用介面的離線快取。

Dojo Offline是...

  • Small輕巧
    User端需要下載的程式僅300K大小，只花您一分鐘的時間即可下載。
  • Easy易於使用
    Dojo Offline處理了繁雜的工作，所以您可以專注於網站的開發。Dojo Offline提供工具讓您建立離線的使用者介面，並有處理資料同步的機制，確保您的資料可以持續地儲存。
  • Open開放
    100%開放原始碼，BSD License.
  • Focused專注
    Dojo Offline不會幫您的地板打蠟（按：意指Dojo Offline不是拿來讓網站變漂亮用的），但Dojo Offline真的把一件事做得很好：讓你現有的網站可以離線使用。
  • Supported支援
    這段不太想寫，反正就是遇到問題他們有提供求援管道=.= http://www.sitepen.com/offline

Demo

http://codinginparadise.org/projects/dojo_offline/working/demos/offline/moxie/editor.html

Documentation說明文件

教學影片

http://video.yahoo.com/video/play?vid=427145

這個教學影片長達59分52秒，實在有點懶得看，有空再來看好了orz

]]> http://punk.tw/2007/04/25/dojo-offline-toolkit%e8%bf%8e%e6%8e%a5%e9%9b%a2%e7%b7%9a%e7%b6%b2%e8%b7%af%e6%87%89%e7%94%a8%e7%a8%8b%e5%bc%8f%e6%99%82%e4%bb%a3%e4%be%86%e8%87%a8/feed 1 Aptana + RadRails http://punk.tw/2007/04/25/aptana-radrails http://punk.tw/2007/04/25/aptana-radrails#comments Wed, 25 Apr 2007 10:09:21 +0000 deduce http://punk.tw/2007/04/25/aptana-radrails/ 最近致力於向身邊的朋友推廣Ruby on Rails，平常自己習慣用vi寫rails，對於Windows底下的開發環境相當不適應（gvim實在用不習慣），但為了推廣Rails，基於深信工欲善其事、必先利其器的心理，便稍微摸索一下RadRails+InstantRails的組合，結果就在我demo Rails給朋友們看的同時，赫然發現Aptana網站上已經釋出了Aptana + RadRails的版本，但其實我也懶得抓下來玩，因為我自己的電腦是Eclipse + Aptana + RadRails，基本上我猜用起來應該會差不多吧XD

網頁介紹在此，有興趣的可以前往觀看：
http://www.aptana.com/download_rails_rdt.php

註：Aptana是一套適合用來開發Ajax的IDE（支援JavaScript, CSS, HTML），目前整合RadRails之後，應該會是個拿來寫Rails + Ajax的好組合。

]]> http://punk.tw/2007/04/25/aptana-radrails/feed 0 HOWTO: Ruby on Rails中取出最新的一筆資料 http://punk.tw/2007/04/04/howto-ruby-on-rails%e4%b8%ad%e5%8f%96%e5%87%ba%e6%9c%80%e6%96%b0%e7%9a%84%e4%b8%80%e7%ad%86%e8%b3%87%e6%96%99 http://punk.tw/2007/04/04/howto-ruby-on-rails%e4%b8%ad%e5%8f%96%e5%87%ba%e6%9c%80%e6%96%b0%e7%9a%84%e4%b8%80%e7%ad%86%e8%b3%87%e6%96%99#comments Wed, 04 Apr 2007 14:02:27 +0000 deduce http://punk.tw/2007/04/04/howto-ruby-on-rails%e4%b8%ad%e5%8f%96%e5%87%ba%e6%9c%80%e6%96%b0%e7%9a%84%e4%b8%80%e7%ad%86%e8%b3%87%e6%96%99/ 使用Active Record時可以使用 Model.find(:first)來取出第一筆資料，或是Model.find(:all)來取出全部的資料，那如果想要取出最近的一筆資料該怎麼做呢？其實只需要加個排序的條件即可。

範例：

@event = Event.find(:first, : order => "created_at DESC")

Updated: 補充一下，其實如果是@event = Event.find(:all)，那麼@event.last便是最後一筆資料了。

]]> http://punk.tw/2007/04/04/howto-ruby-on-rails%e4%b8%ad%e5%8f%96%e5%87%ba%e6%9c%80%e6%96%b0%e7%9a%84%e4%b8%80%e7%ad%86%e8%b3%87%e6%96%99/feed 0 Ruby on Rails http://punk.tw/2007/03/23/ruby-on-rails-2 http://punk.tw/2007/03/23/ruby-on-rails-2#comments Thu, 22 Mar 2007 16:43:05 +0000 deduce http://punk.tw/2007/03/23/ruby-on-rails-2/

昨天在網路上抓到的一張Ruby on Rails的架構圖，點圖可放大。

P.S.若有侵權請來信告知deduce_@_gmail.com, thanks!

]]> http://punk.tw/2007/03/23/ruby-on-rails-2/feed 0 Rails Recipes http://punk.tw/2007/03/18/rails-recipes http://punk.tw/2007/03/18/rails-recipes#comments Sun, 18 Mar 2007 08:53:09 +0000 deduce http://punk.tw/2007/03/18/rails-recipes/

我連Agile Web Development with Rails都還沒看完，就迫不及待拿出Rails Recipes開始看看裡面提供了些什麼有趣的玩意兒。Rails Recipes這本書比較適合已經對於Ruby on Rails有點瞭解，甚至是已經開始製作、經營網站的User，裡面提供了一些很實用的技巧，共70個Recipes分成以下幾篇：

  • User Interface Recipes
  • Database Recipes
  • Controller Recipes
  • Testing Recipes
  • Big-Picture Recipes
  • Email Recipes

我覺得這本書跟Agile Web Development with Rails都很有收藏價值，Rails Recipe在每一章的開頭會先敘述一段網站開發者可能遭遇的「Problem」（或是一段簡單的場景敘述），隨後列出需要準備的「Ingredients」，並且提出對應的「Solution」，內容我認為是簡短有力，沒事拿來當閒書翻閱一下或是放在旁邊當工具書參考用都很有幫助。

註：另一本「Advanced Rails Recipes」預計在August 2007出版，真是令人期待！
http://www.pragmaticprogrammer.com/titles/fr_mrr/index.html

]]> http://punk.tw/2007/03/18/rails-recipes/feed 1 22 Successful Ruby on Rails Web Applications http://punk.tw/2007/03/17/22-successful-ruby-on-rails-web-applications http://punk.tw/2007/03/17/22-successful-ruby-on-rails-web-applications#comments Sat, 17 Mar 2007 13:33:09 +0000 deduce http://punk.tw/2007/03/17/22-successful-ruby-on-rails-web-applications/ http://rubycorner.net/articles/22-successful-ruby-on-rails-web-applications/

這篇文章介紹了22個成功的Ruby on Rails個案，稍微做個簡單的中文翻譯替螢幕前的訪客省點時間好了:)

（另外在http://happycodr.com/biglist有更多的網站介紹，共有388個！）

第一部份主要是37signals他們公司所經營的網站，

  1. Basecamp
    http://www.basecamphq.com
    專案管理網站
  2. Campfire
    http://www.campfirenow.com
    即時群組聊天網站
  3. Backpack
    http://www.backpackit.com
    資訊彙整與行事曆網站
  4. Tadalist
    http://www.tadalist.com
    簡單好用的Todo List（要做的事）
  5. Writeboard
    http://www.writeboard.com
    線上共同編輯文件

第二部份則是在RubyonRails.org有介紹的網站，

  1. 43things.com
    http://www.43things.com
    這個網站也算是Web 2.0與Ruby on Rails的經典網站，人們可以上去分享自己想做的事情，藉此來找到跟自己有著相同目標的朋友們。
  2. odeo.com
    http://odeo.com
    音樂分享網站
  3. shopify.com
    http://shopify.com
    提供使用者快速建立屬於自己的電子商務網站
  4. fluxion
    http://www.fluxiom.com
    管理、組織並分想你的數位資產
  5. strongspace.com
    http://www.strongspace.com
    File hosting檔案分享網站
  6. Typo
    http://www.typosphere.org
    Blogging engine，這在Ruby on Rails也算是很紅的一套blog系統

第三部份應該是筆者自行發現的網站，還滿不錯的～看到好多以前沒逛過的站

  1. ajaxed.com
    http://www.ajaxed.com
    不需要寫程式即可輕輕鬆鬆在你現有的網站上加上Ajax的效果
  2. atopsites.com
    http://atopsites.com
    仿Alaxa.com的網站
  3. asoboo.com
    http://asoboo.com
    針對Creative people所設立的社群網站（筆者特別強調該網站是佈署在Win2003）
  4. thebeststuffintheworld
    http://www.thebeststuffintheworld.com
    有趣的web 2.0應用
  5. dealplumber.com
    http://www.dealplumber.com
    另一個有趣的社群網站
  6. digital-tunes.net
    http://www.digital-tunes.net
    專做音樂的電子商務網站
  7. flagr.com
    http://www.flagr.com
    看起來應該是跟Google map有關的Mashup
  8. godefy.com
    http://www.godefy.com
    有關網路行銷公司或產品的比較
  9. lovexpress.fr
    http://www.lovexpress.fr
    法國的交友網站
  10. podomatic.com
    http://podomatic.com
    專門分享podcasts的網站
  11. pixrat.com
    http://www.pixrat.com
    Social picture bookmars，人家del.icio.us做的是書籤，pixrat做的是「圖籤」，其實前陣子出現的diggirl概念就類似Pixrat，都是要收藏美女並且用類似「digg」的方式來推選出本日熱門，不過Pixrat的精神比較接近書籤，比較著重在收藏、分享，而diggirl則是著重在本日最熱門，比較接近digg的概念。（但diggirl同時又搭配幹圖王可以收藏，還滿威的！）
]]> http://punk.tw/2007/03/17/22-successful-ruby-on-rails-web-applications/feed 0