岩家.net

はじめに

ほぼ半年前に作った これ を久しぶりに触り．．．というか作り直し，ver. 0.2.0 という形で公開してみます．過去の JavaScript 勉強会で吸収してきたこと（？）なんかもつぎ込んだりつぎ込まなかったりです．

では以下，今回の変更点について少し書いていきます．

なお，まだまだ実験的ですので，一部のブラウザではまともに動作しません．IE とか IE とか．．．

ブックマークレット

次のリンクをクリックするとコマンドメニューが表示されます．

コマンド？

また，ブックマークやツールバーに登録することで，（たいていの）任意のページでコマンドメニューを表示させることもできます．

変更点とか

メッセージウィンドウの実装 （まだ途中）

町の人との会話したり足元を調べたりするときに出てくるアレです．実際の名前はわかっていませんが．．．

表示させたいテキストを与えたときに一度に表示するのではなく，一文字一文字．．．のようなそれっぽい感じにしてみました．半角英数字を全角に置換する，などの処理も行っています．

「矢印が出て Aボタン（この場合クリック？）で次のページ」 な部分の実装が次の課題ですかね．

jQuery依存を排除

ver. 0.1.0 では，

1. jQuery がなかったらこれをロードする
2. DQWindowManager をロードする

といった，場合によっては 2つのファイルをロードするようなステップを踏んでいました．

今回は jQuery への依存をやめ，どんなときも 1つの JavaScript ファイルで完結できるようにしてみました．

data: スキームの使用

少し前にその存在を知ったわけですが，HTTPリクエスト数を減らせたり構成するファイル数を削減できたり，となんだかいろいろよさげなので，これを機に使ってみることにしました．

IE（6？）には対応していないので，これらのブラウザの場合には，今までどおり画像ファイルを読み込む形をとっています．（ただ，他の動作部分を対応させていないので，あんまり意味がなかったり．）

CSS の追加・修正

ブックマークレット等で立ち上げる際，基となるサイトのCSSが反映されてしまう場合が多々あったので，CSS設定をくどめにしてみました．

また，立ち上がるウィンドウの position プロパティを fixed に設定することで，スクロールしてもその場に留まるようにもしてみました．

詳細は

こちらをドウゾ．

DQWindowManager - crafts - issm’s …

おわりに

まだまだ改良の余地ありまくりなので，時間を見つけて進化させていきたいところです．

参考

data: スキームについてはこの辺りを参考にしました．

• 1000speakers開催趣旨 / IE8とAcid2について - amachang‐ニコニコ動画(夏) （6:00 あたり）
• 304 - narucissus is Not Modified: “data”URLスキームをimgのsrcだけでなくCSSでも使える
• dataスキーム生成