使えるJavaScript&DynamicHTMLサンプル大全

第１章１歩上行くJavaScript
～ちょっとした工夫で見やすいページを目指そう～

第２章ＤｙｎａｍｉｃＨＴＭＬのためのライブラリ集
～ブラウザの差を関数で吸収すればスクリプトは簡単になる～

２.１.１ DHTML におけるブラウザの差の識別
～DHTML ではブラウザを識別することが基本です～

２.１.３ライブラリを使う場合の注意
～使い方によってあり得るトラブルについて～

第３章汎用関数とオブジェクト
～よく使う処理を関数化すれば更にコーディングは楽になる～

第４章 JavaScript の食えない事情
～他にも色々とあるんですよこれが...～

４.７ onLoadイベント
～onLoad イベントは本当にローディング完了を意味する？～

４.８ mousemove と click イベントを共存させると困ります
～mousedown,mouseup そして click～

４.９ Mac の食えない野郎どもその１
～Mac版 IE4.5 の傾向と対策～

４.１０ Mac の食えない野郎どもその２
～Mac版 IE5 の傾向と対策～

第５章応用サンプル
～汎用関数を利用してアイディアを実現してみよう～

５.８スポットライト
～イメージとレイアのクリップで見せる特殊効果～

５.９訪問者の足跡
～Cookieと組み合わせてデータを保存する～

５.１０付箋紙
～ドラッグ操作とクリック動作を同居させる～

５.１１仮想デスクトップ
～テクニックを組み合わせて複雑なものにチャレンジ！～

第６章簡単なゲーム
～ＤｙｎａｍｉｃＨＴＭＬを利用したゲームを作ってみよう～

６.１ねこめくり
～ドラッグ操作を利用したウケねらいゲーム～

６.３サラリーマン専科
～ウィンドウスクロールを利用したシューティングゲーム～

付.１.１Ｍｏｚｉｌｌａって何？
～ Netscape Navigator Ver.6 で何が変わる？～

付.１.３ＥＣＭＡＳｃｒｉｐｔＢｉｎｄｉｎｇ
～ JavaScript は何が変わり、どう修正する？～
・Mozilla対応版きんとと( NN4, NN6, IE4, IE5 )

付.１.４ Mozilla 関連の参考になるＵＲＬ
～やっぱ、基本は仕様ですよねー～

Mozilla は HTML4.0 をベースに設計された DOM を実現したもので、 JavaScript は ECMA Script の仕様に則っています。それ以外にも様々な仕様がありそれらをある程度理解して置いた方が良いでしょう。

大抵の資料は英語ですが、最近では邦訳されたものも増えてきています。いつでも元の文書を見られるように、以下にWeb上で閲覧できる参考資料を挙げておきましょう。

◆The World Wide Web Consortium: URL http://www.w3.org/; この名前より「W3C」で知られているサイト。( 英語 )
HTML, CSS, DOM など Web に関連する仕様が公開されています。
このページは英語だが、邦訳されたページへのリンクもあるので重宝します。
Webページ作成時にどうしても旨くいかない場合には仕様に立ち戻ると回避策を思いつくかも。f(^^;
◆ECMA: URL http://www.ecma.ch/; ECMA Script の言語仕様( ECMA-262 )が公開されています。( 英語 )
IE, NN の言語仕様はMicrosoft、Netscape両社のサイトで入手できますが、 Mozilla( NN6 )の言語仕様はこちらで。
◆Mozilla org: URL http://mozilla.org/; Mozilla 開発プロジェクトの総本山。( 英語 )
Mozilla の Milestone版、nightly build版はこちらで入手できます。
また、Mozilla関連のドキュメントも相当量あります。
◆Mozilla.gr.jp: URL http://www.mozilla.gr.jp/; 日本のMozillaコミュニティのポータルサイト。( 日本語 )
日本のMozillaの総本山とも言うべきページで、Mozilla orgの主要なページの和訳を始め、 Mozilla日本語パックの公開、日本語版Bugzillaなど多彩な活動をされている貴重なサイトです。
◆MozillaZine: URL http://www.mozillazine.org/; Mozillaプロジェクトの動向に関する最新のニュースはここで。( 英語 )
◆Themes org: URL http://www.themes.org/; Linux系のページですが、Mozillaのテーマ( skin, chrome )が公開されています。( 英語 )
Mozillaに添付されているClassic, Modernテーマに飽きたらここを覗いてみると楽しめます。 f^^;
◆Themes Information Center: URL http://home.netscape.com/ja/themes/info.html; NN6PR2公開時にNetscape社で開催されたテーマ・コンテストの際に公開されたページ。( 日本語 )
ここには「テーマの作り方」などテーマに関する丁寧な記事があります。( 一部英語 )
◆ZVON org: URL http://zvon.org/; DOM を始め CSS, XUL等様々な仕様のリファレンスとサンプルが公開されています。( 英語 )
各リファレンスはダウンロードサービスも行っているので、手元において参考にすると良いかも。
◆Open Directory Project: URL http://dmoz.org/; ボランティアで成り立っているディレクトリサービスのサイトですが、ここにはMozilla に関するジャンルがあり関連する資料からデモ、サンプルページに至るまで様々なサイトが登録されています。( 主に英語 )
因みに Mozilla 関係はこちら
◆Mozilla DOM Sample Project: URL http://cgi.din.or.jp/~hagi3/JavaScript/JSTips/Mozilla/MDSProject.htm; Mozillaのリリースビルド毎のDOMのプロパティとメソッドのリスト、サンプルコードで動作確認できるページです。( 妖しげな英語 )
このページは筆者が、開発中のMozillaに実装されているDOMに関する資料がないためにソースコードから生成したデータを基に各ビルドの一覧や差分を確認できるシステムを構築したのがきっかけで、JS-ML( JavaScript専門のメーリングリスト )の有志によりサンプルコードを付けたサイトに発展したものです。 f(^^;; ( ちょっと、宣伝モード )

少ないですが Cross Browser スクリプト作成の参考になる、なりそうなサイトを紹介します

リファレンス関連
◆DHTML References( Microsoft ): Microsoft JScript の DHTML( JScript, CSS など )に関するリファレンス
◆DevEdge Online - Documentation & Information: Netscape 関連の各種技術マニュアル
◆OpenSpace: 説明不要！ご存じ古籏一浩さんのページです f(^^;
解説、サンプル
◆The Dynamic Duo - Cross-Browser DHTML: 実は、筆者が Cross Browser を始めるきっかけになったのが、このページです
◆JavaScriptサンプル集/support: 高橋登史朗さんの本のサポートページで、サンプルが充実しています
◆NewGameWeb: 高橋登史朗さんと古籏一浩さんが主催する Webで楽しめるゲームサイト
ここには様々なゲームがあり、JavaScript や CGI など色々な工夫がされているものが多いのできっと参考になります。
メーリングリスト
◆JS-ML: 高橋登史朗さんが主催する JavaScript専門のメーリングリスト
筆者が出入りする唯一の場所でもあります (^^;