トップ «前の日記(2005-03-09) 最新 次の日記(2005-03-11)» 編集

豊田正史のSLとは関係ございません


2005-03-10

_ [開発] 階層ズーミング検索HishiMochiをJavaScriptで再現

実はこれを作っていたのです。まだ習作レベルですが、WISS98とCHI2000で発表したズーミングインタフェースHishiMochiをJavaScriptで再現してみました。HishiMochiは階層構造を矩形の入れ子構造で表現し、マウスのクリックやキーワードを用いた検索によって動的にズーミングを行うユーザインタフェースです。

HishiMochiをたどってとりあえず試してみてください。私の2月の日記をカレンダー風に並べたものが表示されます。それぞれの日が第1階層、その日の日記の各エントリが第2階層といった感じになっています。左上の検索ボックスにキーワードを入力すると、ぐにゃぐにゃアニメーションと共にインクリメンタル検索できます。「graphviz hiki」とか「software」あたりが面白いかもしれません。日本語でも検索可能です。検索結果を外から持ってくるようにするとAjaxぽくなるんですがそれは今後の課題ですね。MozillaとFirefoxで動作を確認していますが、IEは多分無理です。

これを作るに当たっては、高林さんのいやなブログ: JavaScript でインクリメンタル 検索 (grepではない版)や、ズーミングなまず君や、O'REILLYのJavaScript&DHTMLクックブックなどを参考にさせて頂きました。HishiMochi

_ [花粉症] さらに悪化

昨晩は寝ようとしたとたんに両鼻詰まって寝るに寝られず。これはきつい。何がきついって寝られないのが一番きつい。でもって浅い眠りから起きたらいつもより起床時の症状が軽くなっていてうれしいんだかうれしくないんだか。その後は、くしゃみ少々、鼻水少々。終日ずっと鼻が少し詰まった感じ。

本日のツッコミ(全12件) [ツッコミを入れる]
_ よしき (2005-03-11 01:15)

HishiMochi文字化け(?圧縮されたデータのように見える気もする)していて見えないです。IEはShift-JISだと思っているようですが、あってますか?

_ とよだ (2005-03-11 01:20)

ごめん。IE非対応です。文字化けだけの問題でもないようなんで。

_ たかぎ (2005-03-11 01:25)

おぉぉ,懐かしい!いろいろ使えそう.<br>Zooming RSS Web Readerとかどう?

_ とよだ (2005-03-11 01:47)

お、RSSリーダーいいですね。どこで誰がどのRSSを、ズームできるフォーマットに変換するかがチャレンジだなあ。

_ よしき (2005-03-11 04:31)

そうでしたか。機能的にできないんじゃなくてブラウザ依存のところがある、という話なんですね。

_ 久米 出 (2005-03-11 10:17)

しくしく…<br><br>> You don't have permission to access /~toyoda/mochiJS/ on this server.

_ しん (2005-03-11 12:39)

おー、おもしろい。<br>safariでも動いたけど、Unicodeって指定しないといけないのね。花粉っていれたらいっぱい出てきて笑った。

_ takesi (2005-03-11 16:10)

某ブラウザもShiftJISだと思い込んでやがるようです。それ以外は動いてるみたいっす。おそいけど。

_ とよだ (2005-03-11 17:14)

上にも描きましたが、文字コードとIE6への対処を行いました。MozillaとIEで上マージンが異なるのはなぜだろう?

_ 久米 出 (2005-03-11 17:40)

あ、今度は動いた。でもとよだが見ているのとこれと同じものを見ているかどうかはわからないなあ。ちなみにおいらはnetscape 7.1…

_ kawa (2005-03-11 20:55)

You don't have permission to access /~toyoda/mochiJS/ on this server.<br><br>最初の表示は出るんだけど、クリックするとやっぱり<br>ってなエラーがでて使えません。 FireFox, IEともに。。

_ とよだ (2005-03-11 20:57)

すみません。それは仕様です。アンカーをクリックしないようお願いします。


README日記の書き方