剛剛在Vista看到「You and me就在meeya：參加meeya開幕酒會有感」，原來meeya終於要開幕了，早在幾個月前就逛到meeya的官方部落格，感覺這是個來世兄兇來勢洶洶的網站。
meeya以創立一個台灣社群網站為目標，就目前所看到的行銷手法跟知名部落客的介紹，還有膚淺地從首頁設計來看，我對於meeya的期待可說是遠遠高過另外一個同質性的台灣網站Unis。:D
就讓我們拭目以待吧！
看似來勢洶洶的meeya
8
Category Archives: Web2.0 Website
Heroku：線上撰寫Rails程式初體驗
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
點選各個訊息還可以看到更詳盡的資訊。
Heroku：讓你用網頁介面寫Rails（順便Hosting）
（最近因為忙著申請學校，同時面對工作上的專案跟學校的專題，實在是難有餘裕寫文章，今天算是忙裡偷閒:p幾天沒寫文章手真的很癢，過一陣子忙完會盡量多發文的。）
Heroku是個號稱可以讓你在線上撰寫你的Rails程式，並且連Hosting的服務都一起搞定的網路服務，有興趣的朋友可以到此網址排隊申請：http://heroku.com/beta，邀請函目前需要等待12天左右。
- 線上編輯程式
- 支援Hosting，新建或是匯入Rails程式後即可直接啟動:D
- 分享或協同編輯
- 支援匯入、匯出
- 還支援完整的Console模式
References
Rsizr：超強圖片縮放器
前陣子在「New Image Resizer一個嶄新的圖片縮放技術」放了一段國外很紅的影片，在那之後也實際玩過demo版本，沒想到今天就在Mashable!看到這樣的技術已經實際上線了！Rsizr：http://rsizr.com/
進到該網站會先請你上傳一張圖片，接下來變可以開始對圖片進行縮放了，縮放的效果從Mashable!的網頁上可以看到：Rsizr: Groundbreaking Image Editor with “Seam Carving”
Rsize網站是透過Flash來做使用者介面的，使用上還算簡單，當然上傳的圖片越大、運算速度也會越慢，目前接受JPEG/GIF/PNG三種圖片格式。
我也稍微試玩了一下，使用的圖片是Vista內建的桌布：Oryx Antelope，原圖如下：
稍微在Rsizr調整比例之後可以變成這樣：
另外還可以用遮罩（Mask）的方式來強制刪除或強制保留畫面上的某個部份，例如我試著讓圖中的羊(?)消失看看：
首先建立遮罩：
接著調整大小：
效果有點不好，因為他的演算法似乎是不斷地去搜尋邊緣(?)，因此以我這張圖來講處理過後會有滿明顯的鋸齒狀。Mashable網頁上的範例效果真的不錯，截圖如下：
Dapper輕鬆替網頁製作RSS Feed
Dapper是一個「以視覺化使用介面讓User可以在任意網頁中選取自己想要的內容，為選取的內容即時產生一個RSS Feed以便訂閱」的網站。輸出的格式除了RSS Feed，也可以輸出成Google Gadget, Netvibes Module等，基本上還滿方便的。
全視覺化的操作介面，還滿容易上手的，分享一下操作步驟。
- 首先註冊、登入Dapper之後，可以進行搜尋的動作，或是「Create a New Dapp」。
- 選擇Create a New Dapp，並輸入想要的網址，在此以「丁丁大站」的本日熱門相簿為例。下面的輸出格式用RSS Feed。（當然也可以選用其他格式方便在其他地方使用。）
- 接下來會進入「Dapp Factory」，畫面中間的頁框可以看到剛剛輸入網址的內容，直接點選「Add to Basket」，並點選「Next Step」（此時它會出現建議你多輸入幾個網址以利比對，不理它直接繼續。）
- 點選後會進行分析頁面的動作，完成之後移動滑鼠游標，會發現滑鼠經過熱門相簿中的每個部位都會被反白，這便是讓我們開始製作RSS feed的重要步驟了。
- 點選縮圖的部份，會出現在「Preview selected content」裡面，再選擇「Save Field」便可定義這個項目的名稱。
- 再點選User名稱、儲存到Content Field，再下一步便完成了這個RSS Feed的產生。（不過顯然以丁丁大站的網頁來說，大概是沒有每個Element都有命名，因此分析出來的網頁會抓到我們不想要的部份，但90%都還算ok了。至於有沒有什麼調整方法我就沒去研究了，不想花時間在丁丁大站上，如果是自己寫程式抓丁丁大站，我也懶得研究，直接把regex丟進去，出來的結果砍掉抓錯的部份就好了XD）
要注意的是，Test Dapp會在24小時內被刪除。
以下是廢話分隔線
今天逛到Dapper這個很妙的站，突然讓我想起以前也曾經有這種念頭：「某些網站因為是比較早期推出加上又沒有在跟著Web上的流行，因此沒有RSS Feed這種可以讓user輕鬆地得知網站有無更新。要是有個軟體可以讓我框選某些網頁的特定內容，這個軟體以後就自動去幫我檢查該段落有無更新，那有多好？」
當時我不太懂資訊技術，很直觀地想就是去判斷某個網頁的全部、或某個局部有無更新（也許是每天比對一次），要是發現今天的網頁跟昨天不一樣，那「或許」就是內容有更新。這樣的作法有幾個問題，以整個網頁作為比較標的，那會因為某些動態產生的資料，例如廣告、時間、訪客計數器等改變；那要如何抓到網頁的「局部」？以前我沒有DOM的概念，不知道其實可以用Element ID或是CSS Selector的方式去抓到局部的內容。
如今，Dapper應該就是實現如此概念的一個好網站，網站的介面跟流程都還算容易上手，某些網站的內容特別有用，但卻沒提供RSS Feed便可以輕鬆為它加上RSS Feed，再用自己的RSS Aggregator去訂閱自製出來的RSS即可。此外，Dapper產生的RSS Feed是可以塞變數的，換句話說，如果你的資料來源網址中有類似index.php?id=deduce&page=3的參數，是可以指定變數讓Dapper產生不同的RSS Feed的。
講到圖形化介面來製作RSS Feed很容易讓人聯想到Yahoo! Pipes，不過其實我認為Yahoo! Pipes是以RSS Feed為主要資料來源（雖然它也是可以由別的網頁Fetch Data），而Dapper則是替使用者動態產生RSS Feed。