更新情報はTwitterで行っています。 古い記事に関しては以前の文章データのページを参照してください。 このページへのリンクは自由です。断りのメールは不要です。また、雑誌や書籍にURLおよび画面スナップを掲載する場合も無断で載せてかまいません。 苦情・文句・ご意見のメールはopenspc@alpha.ocn.ne.jpまでお願いします。

Quirks and Strict Mode: How to trigger them, what the differences are CSS Hacks: Why not to use them Conditional comments: Explorer Windows only * selector: Selects all elements > selector: Selects direct children of an element + selector: Selects the next sibling of an element [attr] selector: Selects an element with a certain attribute value Multiple classes: Giving an element two or more classe

Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 イベントオブジェクトの扱いはブラウザによって異なり、利用には注意が必要です。Internet Explorerでは「window.event」、他のブラウザではイベントハンドラにイベントオブジェクトが渡されます。 「event」オブジェクト自体はSafari 2でもOperaでも存在し、Internet Explorer同様にアクセスすることができます。ただしFirefoxはダメ。（仕様上はFirefoxの処理が正しい） なので実際に利用する際には、イベントオブジェクトの有無に応じてInternet Explorerと他ブラウザで処理を分ける必要があります。また、イベ

JavaScriptでは数多くのイベントが用意されています。その中でAjaxで多く使用されるのは以下のイベントでしょう。 【マウス関連】 click（クリックされた） dblclick（ダブルクリックされた） mousedown（マウスの左ボタンが押された） mouseup（マウスの左ボタンが離された） contextmenu（右ボタンがクリックされた） mouseover（マウスが重なった） mouseout（マウスが離れた） mousemove（マウスが動いた） 【キー関連】 keydown（キーが押された） keyup（キーが離された） 【入力フォーム関連】 submit（入力フォームデータ送信時） reset（リセットボタンが押された時） change（selectメニューで異なる項目が選択された） focus（フォーカスした時） blur（フォーカスがなくなった時） 【ページ関連

EfficientJavaScript - Dev.Opera - 効率的な JavaScript 目次 この文書について 効率的な JavaScript ECMAScript eval や Function のコンストラクタを使うのはやめよう eval を書き換えよう 関数を使いたいなら function を使おう with を使うのはやめよう 性能を決める関数で try-catch-finally を使うのはやめよう eval と with は隔離しよう グローバル変数を使うのはやめよう 暗黙のオブジェクト変換に気をつけよう 性能を決める関数で for-in を使うのはやめよう 文字列は累積スタイルで使おう プリミティブの操作は関数呼び出しより速い setTimeout() や setInterval() には文字列でなく関数を渡そう DOM 再描画と再フロー 再フローの回数をでき

去る 7/14 に Twitter 発の「初心者向け Javascript 勉強会」が株式会社ノッキングオンにて開催された (こういった勉強会などを対象に会議室を提供して頂けるようだ．感謝!!)．長文を書くのが苦手なので，あまり「まとめ」染みたことはできないのだが，印象に残っている範囲で一点だけ (一点かよ!!)． 実は先週初めて Greasemonkey に触れて色々と遊んでいたのだが，学習用に目にした殆どのスクリプトにおいてコード本体を匿名関数で wrap しているのが気になった． (function(){   // こんな感じ })(); このケースで匿名関数を使う利点として，パッと思いつくのはこれくらい． 現行変数オブジェクトのプロパティを汚染しない 途中で return できる 自分自身を呼び出せる 2 は場合によっては使えるかもしれないが必須というわけではないし，3 が必要にな

メールマガジン「目指せ！ウェブマスター」JavaScript講座の原稿です。 現在、中断されてしまっている状態です。未掲載原稿も含めて、ここに掲載してあります。 一部内容が古くなっていたり誤字脱字がありますが、修正できていません。 これは問題あり、という場合にはopenspc@po.shiojiri.ne.jpまでメールをください。 最終更新日：2005年2月17日 第　１回　「JavaScriptって？」 第　２回　「JavaScriptを書いてみよう」 第　３回　「JavaScriptを書く時の約束ごと」 第　４回　「メッセージを表示」 第　５回　「"を表示」 第　６回　「文書内にメッセージを表示」 第　７回　「繰り返し処理（１）」 第　８回　「繰り返し処理（２）」 第　９回　「四則演算」 第１０回　「最適化」 第１１回　「ランダムに文字を表示する」 第１２回　「条件分岐、if..el

日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。

Q: Netscape4.*は IMGタグに onClickイベントが無いようなのですが。 Aタグで画像をはさんで、Aタグに onClickを書きましょう。もちろん最新ブラウザでも動きます。 <A href="#" onClick="hoge();return false;"><IMG src="et2002.gif" alt="ET"></A> このとき、クリックされてもページ移動しないように、onClickに return false;を入れるのがポイントです。 イベントから関数を呼び出す形になっていると、エラーが出ます。 <SCRIPT language="JavaScript1.2"> <!-- function hoge(){ alert(""); } //--> </SCRIPT> <FORM> <INPUT type="button" onClick

?D of K

carbonfairy.org 作成中です⁠。近日中にア⁠ップデ⁠ートをご確認ください⁠。

それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス

Writing User Scripts Mark Pilgrim has given the Greasemonkey community Dive into Greasemonkey, the best reference imaginable. The stuff below might be slightly more up-to-date. You can write your very own shiny user script with just a few steps: 1. Create the file Open a new text file in your favorite editor and throw some javascript in there. Note that there are many good resources available if y

てんぷれ例 // ==UserScript== // @name Test // @description Test // @namespace http://lowreal.net/ // @include * // ==/UserScript== (function () { /* GM_xmlhttpRequest({ method : "GET", url : url, headers : { "User-Agent":"monkeyagent", "Accept":"text/monkey,text/xml", }, onload : function (req) { var doc = new XML(req.responseText.replace(/^<\?xml.+?\?>/, '')); }, onerror : function (req) { alert(req.r