構成案

テーマ：JavaScriptインタフェースwemaとMirrorMan

wemaとMirrorManの機能紹介を軸にしつつ、例示したようなサンプル解説をやろうかと思っています。MirrorManのほうは完全に把握しているといい難い（むしろ知らないことのほうが多い）のですが、その辺は勉強＆malaさんに取材しつつ何とかしたいと思います。 ボリュームはさっぱり勘がつかめないので、減らすのも増やすのも楽な構成にしてみました。 なお、サンプルコードなのですが、先行号で塚本さんが書かれるTinyTinyを拡張する形で作ると良いのではないかと思っています。

wema編（JavaScriptによる見せ方の追求）

wemaの機能解説

今回はJavaScriptが主眼なので、wemaの中でも

• 付箋インクリメンタルサーチ
• 付箋のドラッグ（＋自動位置保存）
• ポップアップメニュー
• 線と矢印の描画

などを紹介するのが良いのではないかと思います。

wikiにpopup menu

一般的なデザイン(PukiWikiやHikiのデフォルトテーマをイメージ)のWikiの操作メニューをwemaライクなポップアップメニューにして、デザイン上の利点と、操作性の向上がはかれることを解説します。

wikiに付箋

wemaの付箋機能を簡略化したものを実装してみます。PukiWikiの付箋プラグインなど、既にある実装も紹介してもいいかもしれません。

先読みWikiName

WikiNameのリンクをポイントすると、Ajaxでリンク先のページの概要を取得してポップアップ表示するサンプルを実装します。Ajaxについての解説も。

MirrorManの紹介（JavaScriptによる機能強化）

MirrorManの機能解説

勉強中ですが、

• JavaScriptで変換
• IFrameで非同期読み込み
• リアルタイム更新

などを取り上げるとwemaと対比できて面白いのではないかと思います。（JavaScriptの使いどころ、という点で）

ajaxでインクリメンタルwiki検索

Ajaxネタが複数存在するのは微妙かもしれませんが。Wikiの肝の一つは検索なので、WikiにこそAjaxインクリメンタル全文検索が付くと便利、というのをなるべく簡単なサンプルで。

JavaScriptによるプレビュー

wema的なプレビュー（Ajaxで解析結果を取得）もありますが、ここではJavaScriptでWiki文法を解析するMirrorMan的プレビューを行います。サーバ負荷の軽減や、カスタマイズのやりやすさなどを解説します。

リアルタイム更新

MirrorManで実装されているものを簡略化したものを実装します。本文をリアルタイム更新することも考えましたが、単純化と実用性ということでフッタ部分に1行チャット形式でリアルタイム更新欄を設けようかと。