SmallStyle

2006-01-03

_ しもやけ

もともとしもやけになりやすい体質なのですが，今年もやっぱりなってしまったしもやけ…．右手と右足をやられてしまいました．できるだけならないようにと，手を洗ったときは入念にタオルで拭いて水分を残さないようにしたりとか，雨や雪の日は替えの靴下を準備しておいて，濡れたら即替えるようにしてたのになぁ．しばらくはこのかゆみとの闘いになりそうです．

_ Lightbox JS を使って画像表示をかっこよくみせてみる

ここのところ Firefox の拡張紹介などをはじめ，いろいろ画像とあわせて日記を書くことがあるのですが，大きめの画像は縮小表示しているので，クリックしてもらうと大きな画像を確認してもらうことができます．ただ，これだとブラウザの「戻る」なり新しいタブ，ウィンドウを閉じるなど，閲覧者に一手間かけている部分があるかもしれません．

そこで，lightbox.js - Web2.0ライクな画像サムネイル生成 ― OpenStratus Archive で紹介されていた，lightbox.js を利用して，画像表示を Web2.0 っぽく，ちょっといい感じに見せてみることにしてみました．

Sample Pict

ためしにこのエントリーにある画像をクリックしてもらうとわかると思うのですが，元画像がポップアップ表示され，周囲が暗く透過された表示になると思います．Firefox などでは意図したように表示してくれるのですが，~~IE ではうまくいかないっぽいです．この辺は暇なときに調べてみることにします．~~その後，スタイルシートで overlay.png の記述部分が原因だったことが判明し，正しい場所を指定したら表示できました．

tDiary で lightbox.js を組み込む場合は，ここでは image_ex.rb を利用しているので，こちらにちょこっと手を加えることにしました．image_ex.rb の 120,123 行目で，rel="lightbox" を追記します．

%Q[<a href="#{image_url}#{list[id.to_i]}" rel="lightbox"><img class="#{place}" src="#{image_url}#{list[id2.to_i]}" alt="#{alt}"></a>]
...
   %Q[<a href="#{image_url}#{list[id.to_i]}" rel="lightbox"><img src="#{image_url}#{slist[id.to_i]}" alt="#{alt}" #{width_tag} class="#{place}"></a>]

また，lightbox.js を呼び出すために，add_header_proc を新たに追記します．image_ex.rb の最後の方に，

add_header_proc do
   %Q|\t<script type="text/javascript" src="js/lightbox.js"></script>\n|
end

と記述する．src はとりあえず自分の環境に合わせて書き換える必要があります．これで <head> で lightbox.js が呼び出されるようになります．あとは，Lightbox JSから，

lightbox.js lightbox.js - the important stuff
lightbox.css lightbox.css - basic style and tricky PNG support
overlay.png overlay.png - 80% opacity, black tile used to create shadow
loading.gif loading.gif - mock status bar used in examples above

上記のファイルをダウンロードして，適切な場所に配置します．lightbox.css は CSS の @import 宣言などで読み込むようにして，同じディレクトリに overlay.png も配置します．loading.gif はデフォルトではカレントディレクトに配置するようになっています．

ホイールクリックなどで画像リンクをクリックすると，通常通りタブで画像が表示されますし，JavaScript が無効な環境の場合は普通に画像を表示させることができます．

つづき: 2006-01-07, 2006-01-11, 2006-03-26, 2006-06-27, 2007-01-06

本日のツッコミ(全5件) [ツッコミを入れる]

Before...

_ hb [その後IEでもうまく動くようになりました．overlay.pngの場所指定がおかしかったのが原因でした．]

_ ef [なるほど、パスがスタイルシート想定でなくページからの相対になるというＩＥの仕様ですね。これってＩＥ７になって..]

_ TrackBack [http://spinred.org/sb/log/eid121.html GochaBookMarkClips R..]

2006-01-02

_ WebMailCompose で mailto リンクから Gmail を開く

Context Menu

mailto リンクで外部メーラを起動させないように設定できたのはいいものの，できれば Gmail を簡単に呼び出せる拡張はないかなぁと思っていたのですが，WebMailCompose という拡張を使えば，Gmail に限らず Web メール全般を呼び出すことが可能になります．とりあえず mailto リンクをクリックすると Web メールを呼び出されるのはあまり必要ないので，mailto リンク上でコンテキストメニューから呼び出すように設定しました．また，文字列を選択した状態で右クリックをすると，ハイライトされた文字列を Web メールの宛先として渡すことができます．

ふと今日は・・・・・・ WebMailCompose 日本語化で日本語化されたものも公開されています．

デフォルトで定義されている Web メーラは， WebMailCompose Option

Gmail
YahooMail
Hotmail
Netscape
Mail.com
Opera
Horde
SquirrelMail

上記以外でも，任意で指定することも可能です．YahoMail なんかは，.com の YahooMail となっているので，.co.jp を指定するように書き換える必要があります．ふと今日は・・・・・・ WebMailCompose 日本語化でも書かれていますが，

http://jp.f25.mail.yahoo.co.jp/ym/Compose?To=^T&Subject=^S&Body=^M&Cc=^C&Bcc=^B

のように書き換えれば利用できます．私の環境では f25 がサーバになります．自分の環境では何を指定すればいいかは，YahooMail にアクセスしたときに表示されている jp.xxx.mail.yahoo.co.jp の xxx を確認してください．

つづき: 2006-02-06

_ オプション画面の設定項目が隠れてしまったときに

オプション画面を tab 上で表示

WebMailCompose のオプション画面を開いて思ったのが，たまに設定項目がダイアログ内におさまらずに見えなくなってしまっていることがあります．Windows 側のフォントの設定が影響しているのかいまいち原因がよくわからないのですが，とりあえずブラウザのアドレスバーで，

chrome://webmailcompose/content/prefDialog.xul

と入力すると，タブ (Window) 上でオプション画面を開くことができるので，これで見えない項目についてはとりあえず対処中．

_ 新年会兼同窓会

夏以来の同窓会開催．場所をいろいろ考えたものの，2 日から営業しているところもそれほどないので，結局 1 年前と同じところに予約をとりました．19 時集合で一応幹事だし 10 分前くらいには，と思ってきてみたらすでに Y さんがきてるし．社会人になって時間を守れるようになったとか．えらいえらい…って，19 時にきてるの 2 人だけやん…

予定より 1 人増えたり，4隣のテーブルは同じ高校のハンドボール部の新年会で数年ぶりに再会する人がいたりと，びっくりなこともありました．それ以外はいつもどおりな感じで．

次回は夏．お盆のころにまた開催するとしましょう．

本日のツッコミ(全3件) [ツッコミを入れる]

_ TrackBack [http://xxsionxx.blog17.fc2.com/blog-entry-279.html ふと今日は・・..]

_ SION [WebMailCompose の日本語版を配布しているSIONですが、うちのブログで配布しているものについてはメニュ..]

_ hb [早速，アップデートして確認してみたところ，すべて表示されるようになりました! 対応，ご連絡ありがとうございました．]

2006-01-01

_ A Happy New Year

謹賀新年2006

というわけで，あけましておめでとうございます．2006 年，新しい 1 年の幕開けです．今年はどんな 1 年になるのかな．良いこと悪いこといろいろあるだろうけど，元気に過ごせればいいなと思います．

それでは，今年もそしてこれからもどうぞよろしくお願いします．

_ うるう秒

7 年ぶりにうるう秒の挿入が行われるました．うるう秒とは，

かつて、時刻を決めるためには、地球の公転・自転に基づく天文時が使われていましたが、現在では、原子の振動を利用した原子時計をもとに決められるようになり、非常に高精度なものとなっています。このため、逆に天文時に基づく時刻との間でずれが生じるようになりました。

そこで、原子時計に基づく時刻を天文時と 0.9 秒以上ずれないように調整を行った時刻を世界の標準時として使うことにしています。今回の「うるう秒」の調整も地球の公転・自転に基づく時刻とのずれが 0.9 秒に近づいたために行われるものです。

なお、最近では 7 年前（平成 11 年（ 1999 年）1 月 1 日）にうるう秒の挿入を行いました。

総務省(報道資料)より引用

このサーバでも 1 時間毎に時刻あわせを行っているので，ログを確認してみました．

Jan  1 08:00:02 piccolo ntpdate[5706]: step time server 210.173.160.57 offset 0.376491 sec
Jan  1 09:00:01 piccolo ntpdate[6325]: step time server 210.173.160.87 offset -0.626670 sec
Jan  1 10:00:02 piccolo ntpdate[6847]: step time server 210.173.160.27 offset 0.374318 sec

ということで，きちんと 1 秒分修正されたようです．

about me

いろいろと興味を持ったことを書いてます．ちょっとしたことは hb(@smallstyle) on Twitter で書いてます．