The Blue and Violet Storys

[PIC]

「鑑賞-空から降る雪」

　スクリプト自体は、私がHPを一番最初に始めたころに、遊び半分で作っていたもので、かなり古いものになります。

　今回、実装にあたっては、当初ブラウザのを全面を使って表現していたものを、Galleryコーナーの仕様に合わせてコンテンツエリアの中に押し込むという手続きを施しました。

　特にそれによってコードが複雑になったわけではないのですが、降らせる雪の座標を特定するために、親コンテナであるコンテンツエリア（div）のブラウザ上からの位置取得に手間取りました。

　文字通り、IEとそのほかのブラウザでは、コンテナの座標を取得するためのプロパティ（OffsetLeftやOffsetTop）の挙動が異なっていたわけですね。
　IEの方は、純粋に対象コンテナのさらに上の親コンテナに対する相対座標を返すのに対して、比較してみたFireFoxでは、おおもとであるbodyからみた座標を返すようです。
　利用する側から見たら、FireFOXの方がずっと簡単に扱えますが、IEの仕様では、bodyから子コンテナ、さらに孫コンテナと入れ子になっているコンテナのIDを対象コンテナまで順に辿ってその合計を取ってやらなければなりませんでした。

　なんとも、面倒くさい仕様です。

　それはともかく、なんとか実装しました。動作確認はIE7.0とFireFOX3.0でしか行ってませんが、おそらく他のブラウザでも大丈夫だと思いたいものです。



≪ 続きを隠す

初雪と酒と氷の音と

　これもしばらく前の作品ですね。薫の路と同時期に書き上げたものだったりします。

　正月前後になると、田舎が恋しくなったりします。（苦笑）


≪ 続きを隠す

開発コーナー「SxBGM」

　HPのXHTML化に向けて下準備をしていたところ、将来的に（XHTML1.1やstrict）インラインフレームやembedタグが使えなくなるとのこと。

　それは困ったことになるということで、現在HPのいくつかのコンテンツで使用しているBGMのスタート／ストップのための仕様変更の方法を模索していました。

　結果的に、embedの代わりにObjectタグでBGMを鳴らし、innerHTMLを使ってまるごと書き換えてやるという手段が使えるということで、その方法を掲載しました。

　よくよく考えたら、今までだって使えた方法で、これまでのインラインフレームを使った方法がいかに適当な思いつきであったかを思い知らされます。もっとも、間にphpをかませた現行のやり方の方が、少し手を加えるだけでBGM（midi）の元ファイルの場所を隠匿しやすいし、できたら、そのまま使える方がいいんですけどね。

　それ以上に、embedが使えないのはどうかなぁ。Objectに比べてずっと記述が簡単だし、Type属性が要らないから、midiだけじゃなくmp3ファイルだって同じ記述で済むからスキンを別に用意する必要もなくなるのに。

　とりあえず、「できることが分かればそれで満足」な変な気性もあったりする私なので、今のところHP版のBGMの記述は現行のままにしてあります。（これをものぐさと言わずして……／汗）




≪ 続きを隠す

　やはりてこずったのは投稿コーナーの中の３つの投稿用掲示板でした。
　実は、通常の掲示板の方は、若干の手直しをしつつ、マイナーバージョンアップをしてきた経過があるのですが、投稿コーナーはそのひとつ前のバージョンのままでした。まずはそこから手をつけないといけませんからね。

　どちらかというと、気を使ったのは、将来XHTMLの1.0strictや1.1に移行することを考えて少しでも厳格な記述にしようと全コンテンツのスキンを見直していたということでしょうか。古い記述が随所に残っていた喫茶「FlowLight」や七夕～あなたの願い事、海に浮かべた小瓶などは真っ先に赤点候補です。

　ちなみに、そのXHTMLですが、現在HP版は「XHTML1.0 Transitional」で記述しています。コンテンツの中にはインラインフレームを使っているものがありますし、リンクページからのリンクはやはり別窓を開く方が現実的だと考えているからですけどね。

　とはいうものの、私が今のところXHTMLの文法チェックをさせていただいているAnother HTML-lint gatewayは、実際のHPのXHTML宣言を無視して別のバージョンのXHTMLやHTMLとしても文法チェックをしてくれるので、折に触れて、「XHTML1.0strict」でのチェックをするようにしています。おおよそは無難な結果を得られました。（１００点満点は無理として、チェックされるのが分かっている－－確信犯？－－ページは別にして、ほぼ９０点以上をマーク）

　ついでですが、Markup Validation Serviceにて全ページの認証を得られましたので、トップページに「W3C」のロゴを掲示させていただきました。なるほど、みなさん（？）ここでチェックしておられたんですねぇ。
　どちらかというと上の「Another HTML-lint gateway」に比べると採点は若干甘いようです。致命的な記述のミスがなければ通してくれるみたいですね。まぁ、現実的なセンといったところでしょうか。


≪ 続きを隠す

[PIC]
　「ランニングガール」と名をうった一連のらくがき。最初は単なるお遊び、職場での余興、趣味のひとつだったわけですが、よく続いたもので、すでに６０作以上、半年あまりの間に少しは見れるものになってきました。
　キャラも増え、最近は複数キャラを使って季節やイベントネタで遊んでいます。さすがにここまでくると、短い職場の休憩時間では描き切れず、２～３日かけて仕上げることもありますね。


[PIC]

　主に、キャラが増え始めてからは「この娘たちの物語を書いてみたいなぁ」という欲も出てくるのは、ごく自然ななりゆきで、ここ最近は描くのと同時にネタ固めを頭の中でぐるぐるとやってました。

　おおよその流れ（プロット）ができてきたので、年明けからぼちぼちと手がけていきたいと思います。
　本当なら、すぐにとりかかるべきなんですが、まだ少々仕事が忙しくて、年末ぎりぎりまで職場にも出向かないといけないのですよ。（悲）

　とりあえず、物語はこのらくがきの光景をもとに、そのさらに１２～３年後、この娘たちが大人になった時代を書く予定です。

　例によって、長い目で（当てにしないで／汗）お待ちください。


≪ 続きを隠す