Trivial Tracks

Javascriptを少しでも自分で書いたことある人は、各種ブラウザ間の共通性・互換性の弱さにため息や頭痛を感じた人も少なくないのではないでしょうか
サイト上にスクリプトが記載されていて、それをコピペして借用する方法もあるが、経験上こういうコードは意外と完成度が低く、自サイトでは挙動がおかしいということが多々ある。

こう思った人がブラウザ間の差を吸収したライブラリを誰か提供してくれているに違いないと思い探してみるとまず最初に引っかかったのがPrototype.js。
残念ながらこれは間違いではないが、目的がAjaxに重点を置いているため古いブラウザは問題外となっている。　ちなみに正式対応なIEバージョンは6以降と書いてある。

そしてやっと探しあてたのが以下で紹介されている「X Library」
http://www.cross-browser.com/
これの完成度は本当に素晴らしい。条件付でNetscape4.xにも対応しているしOpera、IE、Mozilla系などはもちろん。IEなんて最近はなぜかCSSのバージョンを勝手に判断して、それにしたがってJavascriptの挙動をページごとに勝手に変えてしまうという大問題を抱えているがこれも難なくクリアしてくれる。あと原因がまったく分からなかった不可解な動作もこのライブラリを使うことで自然と全て直っていた。
ドキュメントもしっかりしていて、含まれる関数群は「X Library Viewer」に一覧表が載っている。このドキュメントにはソースも載っているので、環境に依存するコードを記述する前に上記リンク先の右サイドメニューのGoogleサイト内検索で環境に依存する関数名などをキーワードに検索するとX Libraryのラッパー関数が見つかったりする。 また、一覧に載っていなくてもちょっとした内部で使っているようなユーティリティ関数などもたまに発掘できることもあり。
まぁX Library Viewerを見ると分かるとおり多種多様なものが用意されている。

また、X Libraryに含まれるXCというWindowsコマンドラインソフトが素晴らしい。自分のJavascriptに「x」で始まる関数を何も考えずに記述して、最後にまとめてXCコマンドにそのスクリプトを読み込ませると依存関係を自動判別し必要最小限の関数群を生成してくれるので、これをコピペするだけでOK。他のライブラリのように一度も使われない関数まで大量に含めてページの読み込みを無駄に遅くさせることもない。

XCの使い方例

圧縮ファイルに含まれている「xc」ディレクトリに移動し、test.xcpというファイルを例として作成し、以下のように記述する。
--
options
libpath ..\lib\
appfiles
自作Javascriptスクリプトへのファイルパス１
ファイル２
ファイル３・・・いくつでも・・・
--
そして以下のコマンドをプロンプト上で打つか、test.batなどと名前をつけて記述する。
xc test
コマンド実行が成功すると同じディレクトリ上にtest.jsというファイルが出来ているので、このファイルに含まれるコードを全て自作スクリプトへコピペなどして完了。

最後に参考までにこのブログで使われているX Libraryを使ったJavascriptを紹介
popdescription.js
最後のながーい1行がXCで出力された圧縮済みライブラリコード

さて、、国内で普及するには誰か翻訳家が必要・・

Author yasu : December 21, 2005 7:24 PM