2004年 1月 3日(土)
・"TERMINATOR 3"
まずは、可愛いへいりーちゃん。 そしてご存知、あの超大作の続編。 表示している画像は、単なるサンプルです。
いや、実は、特に『2004年年始特別版』などではありませんが、どうしても、 ページとしてアップしたくなってしまいましたので…(笑) このページのメインは、 2003年12月の「蛙鳴蝉噪」のソースHTMLをベースに、私の少ない脳みそ では実現できなかった、とある処理をJavascriptとスタイルシートを併 用することで実現するべく、果敢に挑戦した記録、そのものなのです(笑) Javascriptとかスタイルシートに興味の無いかた、…というか、プロ グラミングに興味の無いかたには、面白くもなんともないと思いますので、無視頂 いて結構です。 私は以前より、IE5とNN4.75の両方のブラウザで同じように表示される よう、HTMLを書いてきたつもりです。Javascriptによるプログラム も、両方のブラウザで(多少の違いはあっても)殆ど同じ結果を出力することを目的 にしています。IE5とNN4.75は、同じHTMLやJavascriptを 読み込ませて走らせても、それぞれの解釈の違いという仕様のため、違った表示結 果になることが、多々、あります。もちろん、ただ「解釈の違い」というものでは なくて、内部パラメータの違いとか、設定できるパラメータの種類・数の違いとか、 そもそも、別々のアプリケーションですから、違っていて当然では、あります。と りいそぎ、(私的に)真先に挙げる違いは、行間と文字間隔です。IEではそれなり の設定をしないと、行間も文字間隔もNNより大きく取られ、文字通り、文字間に 隙間の多い表示がされてしまいます。でもNNのそれは、僅かなんですが、きゅっ と絞られ目が詰まっていて、(私的には)とても大人な感覚があります。例えて言う なら、子供向け絵本がIEで、小説などの文庫本がNN、という感じです。このあ からさまに違うIEの表示を、なんとかしてNNに近づけたい、という欲求が、H TMLとJavaとスタイルシートの勉強を始めるキッカケになりました。もし、 両方のブラウザをお持ちのかたがいらしたら、ここまでの文章を見比べてみてくだ さい。表示は(多少かも知れませんが)違います(違うハズです)から。もし、まった く同じにしか見えないというなら、ソレは私が切に望んだことのひとつであり、大 成功だということです。 これだけの違いがあると、IE専用、NN専用と別々にHTMLを用意する必要が ありますし、なによりも、始めから、どちらかのブラウザ専用のページとする必要 もあります。でも、それでは面白くありません! せっかくホームページを設営し ているんですし、ブラウザというインタープリターも手元にあって、一応は同じ共 通の言語を使っているのですから、違いはやりようによっては吸収できるハズです。 そのための参考書籍も、本屋さんの棚いっぱいに売られているんです。 表示の体裁を(殆ど)同じくなるように整え、リンクに触れると別ウィンドウが開き、 画像が表示されるようにするところまでは出来ました。画像の入れ替えも覚えまし た。でも! ひとつ、簡単そうに見えた処理を書くことが、難しかったンです(笑) それは『リンクに触れたら、そのリンク文字の色を変える』コト、です。これは、 IEでは、ブラウザの設定可変項目として標準で装備されていますが、NNにはな いようなのです。もし、実はNNの設定項目にあって、それを私が知らないだけな ら、そんな幸せなことはありません。どなたかご存知でしたら、教えていただけま すでしょうか? その後、とある参考書籍から、Javascriptで実現できることを知り、 早速自分のJavaに取り入れましたが、その命令は、NNのほうは、“6”以上 からでないと動作しないことが、後でわかりました。その本を、ちゃんと読まなかっ たのが失敗でした。何度かトライして、私が出した結論は、「これはレイヤー機能 を使わないと、出来ないかも?」というものでした。しかし、IEが主流の私は、 NNのレイヤー機能のことはわからず、何をどう、どこをどうするのか、少しのア イディアもキッカケもありません。腰をじっくり据えて、参考書とにらめっこし、 ある程度の時間をかけて勉強する必要があるなぁ、、、となりました。しかし、そ れには、かなりの気力が必要で、しょっちゅう、始めては投げ出してました(笑) …というのも、参考書には、便利なプログラムが満載されてますが、ただカット& ペーストすれば良い、というものではなくて、そのプログラムを、一応は理解する 必要があるから、です。自分の書いたJavaだって、長くなると絡まってきてワ ケがわからなくなるというのに、他人サマの書いた長いプログラムを理解するのは 大変ですよ! でも、コレさえ出来れば、私が「蛙鳴蝉噪」でやりたかったプログ ラミング的な処理は、すべてやったコトになります。なにもスマートなソースを書 上げる必要ないですし、かっこいい実現方法でなくてもいいワケですし、とにかく、 目的とする動作が実現されればよいワケですから、どんなチカラ技を持ち出そうが 関係なしです。ページがもっそりと重たく、遅くなったってかまいやしないンです! とにかく、目的とする処理が施されるHTML+Javaを書くことに集中、です。 …そうして書き上げたのが、コレ、です。 やっと実現させました。かなりのチカ ラ技です(笑) 色んな参考書から、ギコギコと切り離しては、プスプスと縫い付け て作り上げた、まるで、フランケンシュタインみたいな仕上がりのHTMLですが、 ちゃんと動きます!(汗) このページは、IE5.xとNN4.75で一応、動作し、そ の表示結果も殆ど同じものです。ただし! バグはどこかに潜んでいると思います。 最新パージョンのIEとNNでの動作確認はしてません。たぶん、まともに動作しな いでしょう。バージョンアップが繰り返され、改善され、機能が増加されるのは素 晴らしいコトです。でも、なんか、素直に喜べないトコもありますし、物足りなく もなります。プログラムを書かないと実現不可能だったコトが、命令ひとつで簡単 に出来ちゃう、しかし、そのありがたみを実感するヒト、してくれるヒトって、意 外と少ないものなんですよ。システム管理経験のあるかたは、よくご存知だと思い ますが(笑) 私は今、とても満足してますが、それでも大満足というワケではありません。 …というのは、まだまだ、改良する必要もあるし、改善しなくては実用的でないH TMLであることがわかっているからです。まず遅い、重い。センタリングが上手 く行かない(コレ、腹立ってます[笑])。あまりにもチカラ技すぎる、などなど。 ※このHTMLファイルはEUCコードで保存してます。