お仕事の合間を縫って （ホントは縫ってる場合じゃないんですが，まぁプライスレスなイベントですし．．．ね），とある 8階建ての屋上から皆既月食を狙ってみました．
19:30頃，まだ明るさが残る中で月の位置をだいたい確認し，三脚を調整しながら試し撮りをしていると，大きな雲がかかってきてしまいまいた．しばらくはマトモに撮れそうにないな，と近くのコンビニで買ったパンを食べながら時間をつなぎます．
で，ようやく雲が切れたときには，すでに皆既が終わって戻り始めてました．．．orz （それが最初の写真です．）
しかしまだ月食ちゅうではあるので，しばらくの間撮り続けました．何度も雲に邪魔されたことやら．．．その中でなんとなく気に入っているのが次の一枚です．
ちなみに，後で撮った写真を見直していたら，最初の試し撮りの中に皆既ちゅうの 「赤い月」 が小さいながら写ってました．
高層の建物がその存在を飛行機等に認識させる赤いランプだと思ってスルーしてました．
すっかり元に戻りました．
とりあえず作ってみたので載せてみるテスト．解説はそのうちにすることにします．次の URL にてサンプルを公開しています．
なお，透過PNGを使っており，今のところ IE6 等のブラウザへの対応はさせていません．
お仕事始めようとしたらふと気になってしょうがなくなってきたので，書いてみました．
夕方にミーティングがあるのに何やってるんだろ．．．
テキストボックスをフォーカスしたときに語のリストが表示され，そのうちのいずれかをクリックすると，クリックした語がテキストボックスに入力される，というだけのものです．
まぁそれだけではありきたりなので，対象のテキストボックスと表示する語のリストとの対応を簡単な記述で指定できるようにしてみました．
inputassister.js （キタナイソース） をロード後，次のように記述します．
InputAssister.map = [
{ id: ‘input1′, list: [ 1, 2, 3, 4, 5 ] },
{ id: ‘input2′, list: [ ‘a’, ‘b’, ‘c’, ‘d’, ‘e’ ] },
{ id: ‘input4′, list: [ ‘ほげ’, ‘ふが’, ‘ぴよ’, ‘foo’, ‘bar’, ‘baz’ ] }
];
InputAssister.lister_id = ‘lister’;
InputAssister.map で，対象となるテキストボックスの id と表示させたい語のリストを指定します．複数の指定も可能です．上の例は，id="input1" なテキストボックスをフォーカスしたときに，「1 2 3 4 5」 という語のリストが表示される （そして，いずれかをクリックすると，その値がテキストボックスに入力される），というような設定となっています．
InputAssister.lister_id には，語のリストの表示先のボックスの id を指定します．上の例では，<div id="lister"></div> のようなブロックの中に，語のリストが表示されるような設定となっています．
表示される語は，それぞれ ref クラスな a タグ，<a class="ref">...</a>，で囲ってあります．（文章の意味的に li タグの方がいいのかな．．．？）
あと，要 prototype.js です．
対象のテキストボックスの値を置き換えるかアペンドするかを指定できるようにしてみます．
お仕事で開発ちゅうの一サイトで，今さらながら Template Toolkit （以下，TT） を使ってみたところ，かなりハッピーになれることがわかりました．
ので，そのうちに個人サイトも TT を使って書き直したくなってきました．
とその前に，レンタルサーバ （さくら使ってます） に TT モジュールをインストールする必要があるわけですが，管理者権限がないのにどうやるんだろ．．．と，参考にしたのが以下のサイトです．
が，モジュールのインストールがうまくいきません．
どうやら ~/.cpan/CPAN/MyConfig.pm 内の $ENV{HOME} が具体化されていない （？） ようで，これを明示的に /home/username のように置き換えたところ，うまくいったような動作をしてくれました．
用意した簡単なスクリプトとテンプレートで動作は確認できたので，お仕事がひと段落したら手をつけてみますかね．
![twitomonitor [ついともにた]](http://www.iwa-ya.net/img/banner/twitomonitor.png "twitomonitor [ついともにた]")
© issm.
Powered by WordPress.
