いわぶろ（ろてん）

はじめに

WCAN 2008 Autumn Lightning Talks で使用したプレゼンツールっぽいもの を，誰でも使えるような形で組み込んだ DQWindowManager 0.4.0 を公開しました．
DQWindowManager 0.4.0 を公開しました « 岩家ぶろぐ

この日から1年以上，久々に手を入れました．

前回は応募できなかった，Web的なAPIを利用したWebアプリなコンテスト的な「Mashup Award」，5回目の今回こそは応募するぞ！ということで，DQWindowManagerの新バージョンを公開しました．

• DQWindowManager – Webをドラゴンクエストっぽく遊ぼう！

前バージョンの移植とMashupAwardに向けてのマッシュアップ的な何かを組み込むことが今回の目的のひとつでしたが，現時点で実装が追いついていない部分が多々あるため，「α」としています．いろいろ不備があります．ゴメンナサイ＞＜

あ，ちなみに，前バージョンと同様，IE系では動作しません．ご了承をば．

変更点

OpenIDによるログイン

今風に（？），ログイン方法を「OpenID」を利用したものへ変更しました．（これまでに登録していただいているユーザさんに限り，以前の方法によるログインが可能です．）

今のところ，はてなID，mixi ID，そして通常（？）のOpenIDに対応しています（次図）．

1つのOpenIDにつき，1つのアカウントのみ作成できます．既に登録されているOpenIDであれば，その認証の完了後，ログインすることができます．

まだ登録されていないOpenIDであれば，新規アカウントということで，「なまえ」（ニックネーム）の入力を求めます．DQWindowManager内では，この「なまえ」が表示されます（次図）．

ログイン後は，次のように「なまえ」が表示されます．

ブックマークレット

ブックマークレットとして記述しているJavaScriptも修正しました．

以前のものを実行すると，次のようなダイアログが出ますので，ログイン後，マイページ/ブックマークレットにて再度設置をお願いします．

コマンド管理

「せんたく」でコマンドウィンドウでの使用・不使用を切り替え，「ならびかえ」で表示順序を変更できます．なお，「ならびかえ」はドラッグ＆ドロップで行えます．

どうぐ管理

「どうぐぶくろ」「あずかりじょ」それぞれにある「どうぐ」を，ドラッグ＆ドロップにより移動できます．

現状では，その順序は反映されません．

ぷれぜん管理

「基本情報」は以前とほとんど変更はありません．ページ遷移をなくしたくらいでしょうかね．

「公開・非公開」の切り替えは，現時点では意味はありませんが，後々，ここで登録した「ぷれぜん」の内容を共有できるようなコンテンツを作ってみようかな，と考えているだけいます．

「ぷれぜん」をいちばん利用しているのはおそらく私自身でしょうｗ で，実際に作成していると，保存によるページ遷移やスクロールの頻度がかなり高いため，かなり効率が悪いことがわかりました．今回はその辺を極力払拭するようにしてみました．

「ぷれぜん内容」上部にある「セクション」のいずれかをクリックすると，その本文が「タブ」的に切り替わります．また，この「セクション」自体をドラッグ＆ドロップすることで，並べ替えを行うこともできます．内容の保存についても，ページ遷移をなくしました（次図）．

ちなみに，現状，本文で入力した内容をどのように「ぷれぜん」コマンドで表示するかが決まっていません＞＜ この部分は早期に対応していきます．

新しいこと

アクションをみんなで共有する「うごき（仮）」

特にこれといった目的があるわけではありませんが，やってみたらどうなるのかな，と思い，ユーザさん全体のアクションの時系列を眺めるようなコンテンツ「うごき（仮）」を追加してみました．

現状は「しらべる」コマンドのみ記録されるようになっています．

例えば，次のような感じで「しらべた」とします．

この結果が，「うごき（仮）」に反映されてしまいます（次図）．

ちなみに，この記録はときどきTwitterにもポストされるようになっています（次図）．うーん，なんか文字化けしますね．．．

ということで，よろしければフォローしてみてください．

• DQWindowManager (DQWM) on Twitter

このコンテンツはまだ未熟未満なので，今後何かします＞＜

内部的なお話少々

今回のバージョンアップに伴い，フルスクラッチで書き直しました．しかし，これまで登録していただいたユーザさんのデータを無にするのは申し訳ないなので，データベースのテーブル構造とかは引き継いでいます．

サーバとか

lighttpd+fastcgi+mysqlで動作させてみてます．lighttpdの設定とかまだよくわかっていません＞＜

フレームワーク

メガネラボなWebサイトフレームワークSabaeをベースとしています．Perlですよ．

JavaScript

ドラゴンクエスト風なウィンドウを扱う部分，今見るとかなり残念な内容なので，今持っているJavaScript力をできる限り注ぎ込んでみました．IE系を無視しないとアプリケーションを実装できない程度のJavaScripter，issmですこんにちは．

一応オブジェクト指向っぽく書いていて，「DQWindow」というクラスをベースにいろいろ展開しています．この辺はまた別のエントリにでも書こうかと思います．

HTML5

WCAN mini Markup vol.11で学んだことをここで（？）．

ちなみに，ブックマークレットから起動する各種ウィンドウもsection要素から成っていたりします．

おわりに

以上，まだまだ不備だらけですが，フルスクラッチで書き直してDQWindowManager 0.5.0αを公開しましたよ，というお話でした．

どのようにしたら「α」がとれるのか，はたまた「β」に進むのか，を私自身よくわかっていませんが，まずは「不備」な部分をひとつずつ埋めていくところから再スタートですね．

こちらもあわせてどうぞ