TiddlyWiki

こんぴーた

便利です。
メモを取りたいけど、ちょっとリッチにしたい。
でも、Officeは嫌だ。
そんな時にオススメ。


Wikiというものを理解してないと、なんとも難しいところがありますが、、、。
通常Serverが必要なWiki。
TiddlyWikiはJavaScriptで動作するため、ブラウザのみで動作可能です。

まずはダウンロード

  1. http://www.tiddlywiki.com/ にアクセス
  2. 左サイドバーの「DownloadSoftWare」をクリック
  3. DownloadSoftwareページにある「this link to empty.html」を右クリックして「対象をファイルに保存」


この「empty.htm」のみで動作するWikiなのです！
ちなみに、http://www.tiddlywiki.com/ は、TiddlyWikiで書かれてます。

ちょっとメモを書いてみる

  1. 「empty.htm」をダブルクリックして開く
  2. 右サイドバーの「new tiddler」をクリックする
  3. 新規Tiddler画面が現れるので、タイトルと本文を適当に入れ、Ctrl+Enter

保存する

  1. 右サイドバーの「save changes」をクリックする

だけ。

終了して開きなおしてみる

せっかく作ったメモが、右サイドバーにのみ出ている状態です、、、。
ここで、最初に表示されている「GettingStarted」を適当に和訳してみましょう。

GettingStarted
(最初からある隠しtiddler), 2006/11/03更新(2006/11/03作成)
この空っぽのTiddlyWikiから始めるなら、以下のtiddlerを更新しましょう。
・SiteTitle & SiteSubtitle: このサイトのタイトルとサブタイトル。上に表示（保存するとブラウザのタイトルバーも変わる）
・MainMenu: メニュー（通常、左にある）
・DefaultTiddlers: このTiddlyWikiを開いたときに、最初に表示されるtiddler。
また、更新サインのために、ユーザ名を入れてください。

ということで、GettingStartedにあるように変えてみましょう。

SiteTitle更新
SiteSubtitle更新
MainMenu更新

GettingStartedのリンクはあった方が便利なので、残しておきます。
（もちろん不要でしたら、削除しても構いませんが、またタイトル等を変更したい時に便利なのです）
お、「やること」をクリックしても、「やること」が表示されません、、、。
これは、Wikiのページ名として認識されていないためです。
Wikiの命名ルールは、アルファベットで大文字を2文字以上、なのです。
ということで、アルファベットを含まない場合は、以下のように書きます。

[[やること]]

→大括弧で二重に括る
これでめでたくクリック可能になりました。

DefaultTiddlers更新

こちらも、MainMenuと同様に大括弧で括ります。


で、再度閉じて開きなおすと、、、めでたくメモが表示されました。

最後に書式

このままでは、メモ帳とあんまり変わりません。
やはり文字修飾ができないと。
ということで、私の使ってる範囲を紹介します。
この辺は、覚えるしかないので、一つづつゆっくりどうぞ。
また、タグとか便利機能がいっぱいあるけど、、、ま、そのうち。


というか、ここから下をコピペでTiddlyWikiにどうぞ。

!文字修飾
|!修飾|!例|!書式|
|太文字|''Bold''|’'Bold’'|
|打消線|--Strike--|--Strike--|
|アンダーライン|__Underline__|__Underline__|
|イタリック|//Italic//|//Italic//|
|上付き文字|2^^3^^=8|2^^3^^=8|
|下付き文字|a~~ij~~ = -a~~ji~~|a~~ij~~ = -a~~ji~~|
|ハイライト|@@highlight@@|@@highlight@@|
|カラー|@@color(green):green colored@@|@@color(green):green colored@@|
|バックグランドカラー|@@bgcolor(#a0ffa0):カラー@@|@@bgcolor(#a0ffa0):カラー@@|
|固定ピッチ|{{{Monospaced text}}}|{{{Monospaced text}}}|
|リンク|http://www.tiddlywiki.com/|http://www.tiddlywiki.com/|
|タイトル指定|[[TiddlyWiki本家|http://www.tiddlywiki.com/]]|[[TiddlyWiki本家|http://www.tiddlywiki.com/]]|
|イメージ表示|[img[http://www.tiddlywiki.com/favicon.ico]]|[img[http://www.tiddlywiki.com/favicon.ico]]|
|Slider|<<slider chkSliderHelp MainMenu 'MainMenu ≫' 'Open MainMenu'>>|&lt;<slider 'cookie name' 'tiddler name' 'title text' 'tooltip'>&gt;|
|tabs|<<tabs chkTabHelp 'Menu Main' 'Display MainMenu' MainMenu 'Menu Side' 'Display SideBarOp' SideBarOptions >>|&lt;<tabs chkTabHelp 'Menu Main' 'Display MainMenu' MainMenu 'Menu Side' 'Display SideBarOp' SideBarOptions>&gt;|
|WikiName|大文字アルファベット2文字か→|&#91;[リンクページ名]&#93;|



!横線
----
書式
&#45;-&#45;-



!ヘッダ
!Header 1
!!Header 2
!!!Header 3
!!!!Header 4
!!!!!Header 5
書式
 !Header 1
 !!Header 2
 !!!Header 3
 !!!!Header 4
 !!!!!Header 5



!箇条書き
!!!!オーダーなし
*箇条書き１
**箇条書き１-1
**箇条書き１-2
***箇条書き１-2-1
*箇条書き2
**箇条書き2-1
**箇条書き2-2
**箇条書き2-3
書式
 *箇条書き１
 **箇条書き１-1
 **箇条書き１-2
 ***箇条書き１-2-1
 *箇条書き2
 **箇条書き2-1
 **箇条書き2-2
 **箇条書き2-3
!!!!オーダーあり
#箇条書き１
##箇条書き１-1
##箇条書き１-2
###箇条書き１-2-1
#箇条書き2
##箇条書き2-1
##箇条書き2-2
##箇条書き2-3
書式
 #箇条書き１
 ##箇条書き１-1
 ##箇条書き１-2
 ###箇条書き１-2-1
 #箇条書き2
 ##箇条書き2-1
 ##箇条書き2-2
 ##箇条書き2-3



!引用
!!!!その１
<<<
引用内容1
引用内容2
引用内容3
引用内容4
<<<
書式
<&lt;<
引用内容1
引用内容2
引用内容3
引用内容4
<&lt;<
!!!!その２
>level 1
>level 1
>>level 2
>>level 2
>>>level 3
>>>level 3
>>level 2
>level 1
書式
 >level 1
 >level 1
 >&gt;level 2
 >&gt;level 2
 >&gt;>level 3
 >&gt;>level 3
 >&gt;level 2
 >level 1



!テーブル
|!1111111|!2222222|
|>| colspan |
| rowspan |左|
|~| 右|
|bgcolor(#a0ffa0):colored| 中央 |
|caption|c
書式
 |!1111111|!2222222|
 |>| colspan |
 | rowspan |左|
 |~| 右|
 |bgcolor(#a0ffa0):colored| 中央 |
 |caption|c

!!!!文字寄せ
|の左に文字を付けて記述すると左寄せ
|の左を空けて、右に寄せて記述すると右寄せ
|の左右を空けて記述すると中央寄せ
!!!!セル結合
|>|で列の結合表示
|~|でそのセルの行を結合して表示



!Special Tags
|excludeSearch|excludes a tiddler from search results|
|excludeLists|excludes a tiddler from the lists in the sidebar tabs|
|systemConfig|marks tiddlers that contain JavaScript that should be executed once TiddlyWiki has loaded|
|excludeMissing|excludes a tiddler from the processing that generates the MissingTiddlers list. Use it when you have a tiddler that contains links to missing tiddlers and you don't want those missing links to appear in the `MissingTiddlers list.|
NOTE: Missing tiddlers are ones that have been linked to, but don't have anything in them yet. Just as likely you used WikiWords without de-wikifing them like this ~WikiWords. They can be found under the More>Missing tab in the right sidebar. What ever you do don't worry about them.






!メンテ用
GettingStarted
DefaultTiddlers
MainMenu
SiteTitle
SiteSubtitle
[[Macros]]



!各種設定
[[Default]]
ColorPalette
StyleSheetLayout