倫倫3號Beta-Log

有Web 2.0概念的網站-Tagomatic-相關資料搜尋服務

序

倫倫常在網路上試用許多有Web 2.0概念的網站，大多數好用，成功的都有許多人推薦了~

不過Tagomatic這個網站是我第一次看到，概念很簡單，但很有趣且有用，簡單來說就是相關資料的集體智慧整理，以下我來談談它到底能做什麼

引述

The Tagomatic is an index of Bands, Movies, Books, and Web Sites that is void of genres. Everything is indexed by what it is similar to. The community can tag any item as being similar to any other item to create a more useful index of entertainment media. Help us help each other.

功能簡述

Tagomatic 是一個樂團、電影、書、網站的索引，所有的資訊都用它的相關資料所描述，而這些相關的資料都來自於你

試用過程

我個人稍微玩了一下，網站的關連對我而言最有吸引力~

例如我在找類似http://calculatepie.com/的網站(這個網站的的功用類似我【用 Psiphon 突破網站封鎖】這篇)~

所以就輸入了calculatepie.com，然後選我要搜尋Web Sites，這時就出現了一些類似的網站網址~

然後我就可以依照這些網址找到類似的服務~並且為它們加減分~

如果我覺得有相關的網址，也可以選【Tag a SIMILAR web site】來加入~

心得

大概是才上線不夠久，所以還沒辦法呈現它的威力，不過如果這樣的網站像del.icio.us一般受歡迎，那以後或許找東西又多了一種簡單的方式~

Web 2.0的網站從2005年直到現在，不斷湧現，有人報樂觀，有人抱悲觀的態度在看這件事，也有許多人想盡辦法從中謀利，目前為畢業衝刺的我，沒辦法直接跳入這個洪流，但我覺得除了跳進去外，各個網站的思考、經營模式都十分值得我觀察學習，就我現在的所看到的狀況，2007年應該會像所謂的.com泡沫化前夕一樣，網路上號稱Web 2.0的網路服務會多到使用者不知該用哪個，懶惰又容易被分散的使用者們的支持下，有多少服務能存活呢?拭目以待~

我需要大家

我不知道有多少人會看到這個Blog，我還滿好奇現在看到這些文字的人是誰，

我稍微說說我自己好了，我是個資訊工程的研究生，但也快要畢業了(只要我能順利完成最後的幾個專案與論文)~

平常接觸很多軟體開發工具如VS2005、RAD、RSA...，程式語言也碰很多，如ASP.Net、VB、J2EE、 J2SE、C#、C++...

因為身處的環境，東也碰，西也碰，只要專案有需要，連OSGi的程式也開發，

雖說軟體在台灣真的還滿辛苦的，有人還說賣雞排還比我們賺，不過寫軟體真的還滿有趣的~(前提是沒人逼你在什麼時間點完成~)

所以踏入後就一直窩在程式與開發的工作中~(都快便宅男了)

我喜歡用Blog記事，所以把一些東西都記在這，如果你有看到我的文章內容，歡迎與我討論，

甚至隨便貼一個相關文章的連結對我而言都有用~(我也都是從Google找一些相關連結貼在下面的~)

Web 2.0好多研討會

今天去參加在台大辦的超越web2.0在企業之應用研討會，第一個感覺就是~掛上Web 2.0人就特別多~

第二個感覺就是，雖然是收費活動，不過服務品質項是一般的網聚，服務的人員感覺經驗稍閒不足，從一開始簽到，中午訂的餐點數量問題，還有些小細節...ps.有的人有拿到這期數位時代~我居然沒有~嗚~借來看內容不錯~

不過既然是參加研討會，最重要的還是演講內容~

讓我印象比較深的幾個主題

談到Yahoo User Interface Library (YUI) 與 AJAX兩個重點，YUI是我第一次聽到的東西，大致聽完感覺是滿好用的東西，簡單來說就是簡化開發Java Script的一些程式碼，並且結合CSS讓網頁互動性加強，另外還提供AJAX的支援

另外洛可可的演講也很令人深思，感覺是個向心力很強的團隊，以理想為中心的Flash設計團隊，聽他們從另一個角度來談Web 2.0，比起那些大公司說的都還要更有Web 2.0共同創作，展現自我的感覺

總結來說，這次研討會感覺的出來主辦人很想把活動辦好，找了些贊助廠商，拼命用贈品回饋付了600元參加的人，不過總覺得比起我之前參加的活動少了些專業感，不過也或許是想營造輕鬆的感覺吧，演講方式也十分輕鬆，像是與大家聊天分享經驗的感覺~

我下星期五還有個Web 2.0的研討會要去聽，果然Web 2.0很熱門，但像是洛可可這樣腦袋清楚的團體或是公司有多少呢...

參考連結

用VB讀寫文字檔的簡單函式

序

以下是我常用的VB檔案讀寫函式，我自己覺得還滿方便的

程式碼

丟給它路徑與new好的ArrayList就可以讀檔了，讀出來後ArrayList中會都是String，每個String代表一行，寫入也是反向動作，如果寫入的路徑不存在會自己產生目錄

修改encoding就可以設定寫入的編碼，預設用UTF8

Imports System.IO
Public Class MyFileIO
Public encoding As System.Text.Encoding = System.Text.Encoding.UTF8

Public Sub fileReadLine(ByRef path As String, ByRef fileData As ArrayList)
    If Not fileData Is Nothing And Not path.Equals("") And System.IO.File.Exists(path) Then
        Dim readfile As New System.IO.StreamReader(path, encoding)
        Dim str As String
        str = readfile.ReadLine()
        While Not str Is Nothing
            fileData.Add(str)
            str = readfile.ReadLine
        End While
        readfile.Close()
    End If
End Sub

Public Sub fileWriteLine(ByRef path As String, ByRef fileData As ArrayList)
    If Not fileData Is Nothing And Not path.Equals("") Then
        Directory.CreateDirectory(path.Substring(0, path.LastIndexOf("\")))
        Dim writefile As New System.IO.StreamWriter(path, False, encoding)
        Dim i As Integer
        Dim str As String
        For i = 0 To fileData.Count - 1
            str = fileData.Item(i)
            writefile.WriteLine(str)
        Next
        writefile.Close()
    End If
End Sub
End Class

從Google Pages Creater到Blogger

序

我原本是在Google pages Creater中寫得技術札記的，

不過越寫越多就會發現功能還是有差，雖然頁面排版Google pages creater的編輯器比Blogger方便很多，不過就功能性Blogger還是比較多~

所以經過百般考慮還有測試後，終於決定換到這了，順便提供我換到這的過程要點給大家參考

挑Blogger的原因

我其實有到處看看各家BSP的功能還有效能~決定換這裡的幾個原因

這裡有提供Free tagging(標籤)的功能，其他的大都還沒有提供
這兒跟Pages Creater都是Goolge旗下的，感覺比較穩
它的備份聽說還滿方便的，雖然還沒試過
有提供一些介面方便排版與新增元件
可以客製化的地方也不少

不過當然有缺陷，例如範本要修起來其實還滿困難的(因為我幾乎可說是不懂CSS) ，而且文章跟首頁居然必須用同一個樣板，這樣功能表就每頁都有，有點多餘(有人知道如果解決請告訴我)

還有文章編輯器太笨了

Blogger的設定

首先，申請了Blogger後，可以發現有三個主要功能，張貼、設定、範本

在【設定】的【格式】中，有個【轉換分行符號】，主要用來補足它笨笨的編輯器，不過反而造成我文章編寫的困擾，所以我選【否】

在【設定】，另一個可以注意的就是【權限】，可以讓你的朋友也成為這個Blogger的作者，就可以共同製作這個Blog

Blogger的範本

主要是設計整個版面配置，可以用拖拉點選的方式，也可以搭配修改CSS(HTML)

通常可以先利用【挑選新範本的功能】，大至決定配色排版，覺得不夠還可以去網路上找，如Blogger templates

然後用【修改HTML】來做細部的調整，例如我做了下面這些設定

在title之前加上下面這段以利瀏覽器判斷 <meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />

因為我打算讓它的版面隨使用者的視窗變大小，所以修改了body的min-width

body {
margin: 0;
text-align: center;
min-width: 790px;
background: #ce8b43 url(http://www.blogblog.com/thisaway/bg_body.gif) repeat-x left top;
color: $textColor;
font-size: small;
}

然後修改outer-wrapper、header-wrapper、main-wrapper、sidebar-wrapper、footer-wrapper的background與width，讓版面大小跟著變化

#outer-wrapper {
margin: 0 auto;
width: 99%;
text-align: left;
font: $bodyFont;
}

#header-wrapper {
padding-bottom: 15px;
background: #634320;
}

#content-wrapper {
position: relative;
width: 99%;
background: #f7f0e9;
}

#main-wrapper {
display: inline;
float: left;
margin: 0 0 0 3px;
padding: 0;
width: 75%;
word-wrap: break-word;
overflow: hidden;
}

#sidebar-wrapper {
display: inline;
float: right;
margin: 0 3px 0 0;
width: 22%;
color: $textColor;
line-height: 1.4em;
font-size: 90%;
background: url(http://www.blogblog.com/thisaway/bg_sidebar.gif) repeat-x left top;
word-wrap: break-word;
overflow: hidden;
}

#footer-wrapper {
padding-top: 15px;
background: #634320;
clear: both;
}

其他的就是額外像是code的外觀

code {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #fff url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid $postTitleColor;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}

Blogger的張貼

我一直有提到他的編輯器有些笨，是我對Blogger最不滿意的地方，如果不是因為這點我很早就轉用Blogger了，不過在這次轉移的過程，我發現利用Google pages Creater寫完，再把HTML貼過來就OK了

此外，它的標籤部份是用【,】分隔，與HemiDemi用空白分隔不一樣，它沒有特別標示，讓我小小打了個問號

總結

其實我對CSS的設計一點也不熟，這樣修改也不確定有沒有些問題，

所有的東西我就是設定一下然後看一下效果，如果高手有些建議，請大方指教，我會很感謝