[観] TiddlyWiki で遊んでみるその2

« 魔法少女リリカルなのはA's 第1話 | トップページ | テスト投稿 [via cocousagi](BlogPet) »

2005.10.06

TiddlyWiki で遊んでみるその2

☆

「TiddlyWiki で遊んでみる」の続きです。

実際に、自分で TiddlyWiki をいろいろいじりまくってみたものを各種メモという何のことかさっぱりわからない名前で公開してみました。

TiddlyWiki を使う上で必要な知識(記法とか、特別な意味をもつ tag とか)も一通り揃えました。英語で書いてある部分は、TiddlyWiki の公式サイトから、日本語で書いてある部分は、私自身による解説です。

昨日はスタイルシートのカスタマイズ、今日は tiddler の品揃えで結構な時間を使ってしまいました。そのおかげで、かなり TiddlyWiki のことを理解できました。そのうち、マクロやプラグインも書いてみたいと思います。

スタイルシート

TiddlyWiki の標準のスタイルシートのままではいろいろ問題があるので、現時点で可能な限り問題が起きないようなスタイルシートを書いて、適用してみました。まだ問題は残っていますが、Internet Explorer や Firefox で使う分には、これで重大な問題は発生しなくなったと思います。

どんな問題があったかというと。

まず、IE に関して。
- tiddler の編集作業をしようとすると、textarea が横方向に伸びてしまって、サイドバーと重なってしまい、編集しづらいこと。
- タイトル部分など、マウスで選択しようとしても選択できないところ、あるいは、選択しようとしている範囲より大きな範囲しか選択できないところがいくつかあること。
次に Firefox。
- 画面のサイズを大きくしたり小さくしたりすると、サイドバーのタブが変な位置に表示されてしまうことがあること。
- textare に表示される文字列が小さくて、読みにくいこと。

Opera に関しては、スタイルシートの問題だけはなくて、組込みマクロに起因する問題もあるようで、今回は特に対策を実施しませんでした。

今日になってから、IE では、textarea だけではなく、input も横に伸びることがあることを確認。これは明日、対応します。

変なリンクができてしまう現象

慎重に表現の方法を考えないと、思いもよらないリンク(というか、WikiWord)ができてしまうことがあります。例えば、プログラムのソースコードを載せようとしたり、TiddlyWiki の記法について解説しようとしたりするときに、予期しない WikiWord として missing tiddler が生成されてしまいます。

TiddlyWiki では、「[[」と「]]」で囲むことで WikiWord 化することができるのですが、この WikiWord 化を抑制したいときに「{{{[[}}} と {{{]]}}}」のように書くと、「}}} と {{{」が WikiWord 化されてしまうんですね。ちなみに、「{{{」と「}}}」で囲むと、TiddlyWiki による展開、マクロの実行、WikiWord 化を抑制できることになっています。

で、「}}} と {{{」が WikiWord 化されてしまうのを抑制するにはどうすべきか。<html> 記法で逃げる方法を試みてみましたが、全く効果なし。結局、「[[ 」と「]]」を数値参照で記述し、<html> 記法を適用することで、何とか WikiWord 化を抑止することができました。

パズル

あと、「{{{」や「}}}」自身をエスケープしたいときはどうするか、という問題。「{{{」については「{{{{{{}}}」と書くことでエスケープできるのですが、「}}}」は、そう簡単にはいきません。「{{{}}}}}}」では駄目ですよね。

実は、「{{{{{{}}} }}}」と書けば、最後の「{{{」はそのまま表示されるので、わざわざエスケープしなくてもよいのです。しかし、これだと、「{{{」と「}}}」が違うフォントサイズ、違う色で表示されてしまって不自然です。同じフォントサイズ、同じ色で表示させるために、結局、「''{''''{''''{'' ''}}}''」のように書くことにしました。

って、言葉だけではわかりにくいですね。どんな問題なのか実感したい人は、実際に TiddlyWiki を設置して、試してみてください。(^^;