網站介紹：Tiddly Wiki （http://www.tiddlywiki.com）

內容發展分項計畫/高芷彤

    你還在為找不到好的方式做筆記而煩惱嗎？或是覺得HTML的程式語言太過複雜而感到無助呢？一個利用Wiki系統創建的TiddlyWiki，能隨時編輯寫作、記事存檔、搜尋文章，並能不再受限於傳統資訊分類方式，體驗人性化的分類技術-Tag，讓個人化的數位筆記本更生動。最後，TiddlyWiki主張的開放原始碼讓使用者能延伸出更多功能，例如如何讓它在PHP或其他資料庫伺服器上執行，試著納入文章回應、用戶管理、版本管理等常見的wiki甚至blog功能。延伸出除了筆記本外，同時也能成為個人網站，同樣能體驗有如Blog般地線上互動零時差。本文將深入探討這個簡單、好用的個人筆記「TiddlyWiki」之開放原始碼軟體。

（資料來源：http://www.tiddlywiki.com）

何謂Tiddly
    是MicroContent（微內容），也就是指一小段資訊，包含任何用戶所生產的數據資料，例如一則網誌、評論、圖片或收藏書籤等（http://gechengen007.blog.hexun.com/2645524_d.html）。使用者可利用Tiddler的等功能紀錄下簡短的事項或短文章，再由相關的Tidder組織成所要的完整內容。
    Tiddly位於網站的中央，通常稱之為工作區，而網站左右兩邊則為標題。當使用者點選標題的文字時，本篇文章會以「飛躍」的方式出現在工作區，使用者可在此區內隨意閱讀、建立、編輯Tiddler，網站內部會自動隨之產生標題於左右兩邊為索引列表。（http://web.nlhs.tyc.edu.tw/~lss/wiki/TiddlyWikiTutorialTW.html#）。

　

Wiki系統簡介
     而「Wiki」一詞源自夏威夷語的「wee kee wee kee」，本是「快點快點」之意，在這裡wiki指的是一種可在網路上開放多人協同創作的超文本系統，是由「Wiki之父」沃德·坎甯安（Ward Cunningham）於1995年所創。基本上wiki包含一套能簡易創造、改變HTML網頁的系統，再加上一套紀錄以及編目所有改變的系統，以提供還原改變的功能。

　

TiddlyWiki的網站架構
   TiddlyWiki的版面，主要分成四個部份：（http://web.nlhs.tyc.edu.tw/~lss/wiki/TiddlyWikiTutorialTW.html#）
1. 標題區：包含主標題與副標題。
2. 左側主選單：這裡可以讓我們設定導覽整個網站的超連結。
3. 中央內容區：所有的Tiddler都會出現在這一區。
4. 右側SideBar區：這裡包括許多不同的功能，包含搜尋以及偏好設定的「輔助功能」、匯入文章的「進階功能」、包含網站、選單、樣是設定的「管理面版」和最新更新、Tag等功能。

    當我們把滑鼠移到一個Tiddler的範圍時，可以在Tiddler的左上方看到四個連結，這四個連結的功能如下：
1. 關閉：把目前的Tiddler關掉。當看完一個Tiddler之後，可以直接關閉它，把版面空出來顯示其它Tiddler。
2. 編輯：讓Tiddler進入編輯模式。
3. 引用連結：在網址列顯示這個Tiddler的連結。當我們或別人想在TiddlyWiki之外直接連至網站裡的Tiddler時，就會用到它。
4. 引用：列出所有連到這篇文章的Tiddler。

　

TiddlyWiki功能
    使用者介面非常容易使用，而且完全不需要資料庫和web server，只需要瀏覽器就可以編輯了。由於只有一個檔案，也就是只使用了client side script，因此並無安裝與否的問題，只需將檔案複製到隨身碟後，就能夠把整個Tiddlywiki帶著走。
    卻也因此，TiddlyWiki是無法提供多人協同編寫，直到ccTiddly出現，將TiddlyWiki改寫成將資料存在MySQL（見附註2-8），如此一來就可以讓TiddlyWilk能夠在網路上也能被多人同時書寫，還保有方便攜帶的特點。以下概要列出TiddlyWiki的優缺點。

TiddlyWiki優缺點一覽表

優點	缺點
不需要Server端與DB的設定和建置	單一檔案，若檔案過大，開啟時間相對增加。
不需要安裝，所有東西都在一個檔案裡	單一檔案，容易損壞
可以做資料的快速連結，不需要過多繁複的設定和HTML語法	不可能在線上被修改、更新，必須把文件下載到自己的電腦中，編輯以後再上傳到網頁空間中
有備份機制，也可以產生xml檔
可以直接Search文章
便於攜帶

TiddlyWiki的技術

    究竟TiddlyWiki是由哪些技術夠成這樣一個簡單且功能強大好用的系統？TiddlyWiki是由「Javascript+CSS樣式+HTML語法」組成的Html檔，內建Rss和支援Tag標籤概念，以下就大略介紹各技術的概念。

1. 【JavaScript】
      是一種基於對象的腳本語言`，也可以說是一種解釋語言，其原始碼在發往客戶端執行之前不需經過編譯，而是將文本格式的字元代碼發送給客戶端由瀏覽器解釋執行。。網景通訊公司最初在它的Navigator2.0產品上設計並實現的，原名LiveScript。目前已經在WWW上廣泛用於動態Web頁面的編程語言。

2. 【HTML語法】
    是為網頁創建和其它可在網頁瀏覽器中看到的信息設計的一種置標語言，稱之為超文件標示語言（HyperText Markup Language），用來結構化信息——例如標題、段落和列表等等，或用來在一定程度上描述文檔的外觀和語義語。

3. 【CSS樣式】
    CSS是Cascading Style Sheets（層疊樣式表）的縮寫，它是一種用來表現HTML或XML等文件式樣的電腦語言，其定義是由W3C來維護的。其功能為一個網頁的讀者和作者都可以使用CSS來決定文件的顏色、字體、排版等顯示特性。最主要的目的是將文件的結構（用HTML或其它相關的語言寫的）與文件的顯示（CSS）分隔開來。由於分隔有以下幾項優點：
    1 文件的可讀性被加強
    2. 文件的結構更加靈活
    3 作者和讀者可以自己決定文件的顯示
    4 文件的結構簡化了。

4. 【RSS Feed】
    RSS是及時提供一些工作過程中的支援(特別是文字上.和沒有結合的連結.和格式等等…)而使他在追蹤連結過程上更加簡單。

5. Tag標籤
運用Tag可以對Tiddler做目錄分類，也就是說Tiddler容許有多個標籤。另外除了分類外，在TIiddlyWiki還有提供其他特殊功能：
a. excludeSearch：加入後可隱藏Tiddler，使得Tiddler不會出現在搜尋的結果。
b. systemConfig：加入後，會讓Tiddler內容為javascript 程式碼。
c. systemTiddler：當使用進階選項裏的儲存範本建立全新的TiddlerWiki時，systemTiddler的Tiddler是唯一會複製到範本的檔案。
d. excludeLists：加入了這標籤的Tiddler，便不會出現再SideBar列表裡。

　

TiddlyWiki與SOP的突發奇想
    再參考TiddlyWiki使用教學中文版（http://web.nlhs.tyc.edu.tw/~lss/wiki/TiddlyWikiTutorialTW.html#。）後，嘗試將Sop文章以Tiddlywiki系統編寫，由於文章架構分為八大章節以及附錄等部份，且每一章節中仍有小章節，因此在Tiddler的規劃上計畫採用連結的概念，除了讓左標題欄能簡潔外，文章也能保有連貫性。以Firefox瀏覽「TiddlyWiki使用教學中文版」之TiddlyWiki的教學部份。

（資料來源：http://web.nlhs.tyc.edu.tw/~lss/wiki/TiddlyWikiTutorialTW.html#。）

      TiddlyWiki使用分類標籤來納入不同頁面的內容，因此能避免使用者在線上閱讀時需切換不同視窗；紙本時需翻越查找文章的困擾。另外，系統的右半邊區外稱之為「SideBar」，有Timeline的功能，可以列出整份TiddlyWiki從初創期到目前，所有既是最後被更動的日期順序，因此可讓人追蹤最近更新的記事有哪些亦或是有哪些資訊很久沒有更新。再看到右上區的幾項功能：首先看到「搜尋」功能，當你想要在眾多文章中快速搜尋文章時，只需鍵入關鍵字便能尋找文章，是相當貼心的功能。其次，當開啟過多Tiddler整個工作區幾乎被佔滿時，按一下「關閉」功能立即自動將Tiddler歸檔，又再度呈現乾淨的工作區。最後一個「儲存變更」功能是最重要的，事實上，當編輯完一則則記事按完成後，雖可以看到變更後的內容，但實際上只存在目前使用的電腦記憶體中，尚未寫入成為TiddlyWiki文件的一部份。
    除了上述功能可以運用外，TiddlyWiki運用CSS樣式，編寫者可以自己選擇文章顯示方式，使得結構更靈活，更有可讀性，皆優於目前採用Word來撰寫文章，是筆者建議採用系統編寫文章的理由。（http://linshi.twbbs.org/usr/m/milchflasche/TiddlyWiki.html）

　

　

---

附註1- TiddlyWiki更新版本原理
    由於TIiddlyWiki在執行時，是將整個網頁檔案在駐記憶體中執行，因此當使用者要下載新版本並要覆蓋舊版本時，TIiddlyWiki檔案將會以新版程式呈現但無任何Tiddler，使用者可至記憶體中將就的Tiddler以儲存變更的方式內容將會再次寫為新版的檔案中。

　

附註2- 相關訊息
1. 語言環境：「CSS+HTML+javascript」
2. 官方網頁：http://www.osmosoft.com/
3. 展示網頁：http://www.tiddlywiki.com/
4. 下載網址：http://down2.codepub.com/codepubcom/2006/4/8/ptw-2.0.7.rar
5. Google Group中文版TiddlyWiki論壇：http://groups.google.co.id/group/PrinceTiddlyWiki?lnk=lr&hl=id。
6. Print TiddlyWiki繁體中文版：http://ptw.sourceforge.net/index-zh_TW.html。
7. TiddlyWiki使用教學中文版：http://web.nlhs.tyc.edu.tw/~lss/wiki/TiddlyWikiTutorialTW.html#。
8. Html、MySQL、PHP等技術說明文件：http://emil.hk-power.net/about/about_web/tech.php。
9. TiddlyWiki之美：http://linshi.twbbs.org/usr/m/milchflasche/TiddlyWiki.html。
10. 微笑、語言、歷史：http://linshi.twbbs.org/blog/item/MilchFlasche/52256#comments。

　

評分：