["tilescript", ["html", "

TileScript についての説明。

\n

\nTileScript を使って TileScript の説明をしてみます。\nTileScript は、このような一見普通のウェブページで、あちこちに\n変なボタンのがついている所だけが違います。試しにこの文の左にある\nチェックボックスをクリックすると、ソースコードを見る事が出来ます。\nここでは単なる HTML です。本当は Wiki っぽい文法にしようと思ったけど、\n最初はあまり凝らないでただの HTML にしてみました。\n

"], ["html", "

\nただの Wiki と同じように内容の編集が出来ます。チェックボックスを押して\nテキストエリアを出して、書き換えてみてください。変になってもブラウザのリロード\nボタンで元に戻ります。save を押すと内容が保存されます。だいたいのページは裏で\nsvn で管理してるので、もし壊しても私が気づいた時に直します。\n(技術メモ: データストレージは WebDAV 使用。今は直接 svn レポジトリに保存している\n訳ではありません。バックエンドに cgi は無くて、javascript から直接 WebDAV に\nアクセスしています。ローカルで使う時は Firefox の時だけ保存出来ます。)"], ["html", "

\nマウスを段落の間に持っていくと、青い線が現れます。この青い線をクリックすると、\n新しい段落を挿入する事が出来ます。また、追加した段落はピンク色の\nを押すと削除できます。\n

"], ["html", "

Wiki と同じように新しいページの追加も出来ます。ダサいですが、\nHTML タグを使って

<a href="#NewPage">NewPage</a>
\nのように書くと、NewPage と言う感じでリンクが出来ます。\nリンクの先頭に # をつけるのがポイントです。普通 # (ハッシュマーク)はページの途中を\n参照するのに使いますが、ここではページ名として使います。ページの途中を参照したいときは、\n
<a href="#About-ja#3">#About-ja#3</a>
#About-ja#1 のようにハッシュを二回使って\n#このページ#段落番号 とします。このあたりの機能は、本題のタイルスクリプトとは全く\n関係ありませんが、プレゼンを容易にするためのこだわりのオマケ機能です。\n

\n"], ["html", "

本題のタイルスクリプトとはこのような物です。

"], ["tile", "alert('Hello world')"], ["html", "

このように javascript の文がハコに入っているだけです。クリックすると実行します。\n何故ハコに入っているかと言うと、マウスでドラッグして変更が出来るようにです。下に色々\nハコを置いておきますので、Hello world の所に持っていってメッセージを変更してみて\n下さい。"], ["tile", "['A Happy New Year', 'Give me chocolate', 'This is a pen']"], ["html", "

\nタイルスクリプトの利点とは、テキストを打たなくて良いので文法をエラーを\n起こさなくて良い所です。とは言え、このシステムについてはこれは嘘で、容易に\n文法エラーが起こります。作っている途中なので仕方が無いです。\nタイルスクリプトの横のチェックボックスをクリックすると、javascript のソースコード\nが現れます。だいたいどんな javascript 文でもタイルにする事が出来ます。\n

"]]