Nao Haida's weblog: JavaScript の オーバーロード
jQuery のコア開発者として知られている、John Resig さんのブログに JavaScript Method Overloading という大変面白い記事がありました。JavaScript のオーバーロードソースコードを見てみます。簡潔で素晴らしいコード。// addMethod - By John Resig (MIT Licensed) function addMethod(object, name, fn){ // 指定されたオブジェクトには， // 既に同じ名前のメソッドが定義されている // かもしれないので，一時変数に保存しておく var old = object[ name ]; // オブジェクトのプロパティに関数定義を上書き． object[ name ] = function(){ // 呼び出しされたメソッドの引数の数と関数に定義されている // 引数の数が
ウノウラボ Unoh Labs: JavascriptライブラリをJSANへアップする手順
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
iandeth. - Javascriptで快適・お手軽OOP - オレ的まとめ
Javascriptでオブジェクト指向なコードを書くには、prototypeベースな言語ゆえ、他のOO言語と異なり多少の小細工が必要になります。やり方は幾つもあるようですが、自分であれこれ試してみたうえでのまとめをここで共有してみます。 OOPと言っても、あくまで個人的に最低限必要だと思うこれら機能の実現を目的にしています: 子クラスのコンストラクタにて、親のコンストラクタを実行 他のOO言語では空気を吸うがごとく実装されている機能 メソッドの継承 Child.prototype = new Parent() なんて親インスタンスを作る事無くなんとかする これらをいかに少ない手間で実現できるか。hacker諸氏ならばちょろっと頭使えばできるのでしょうが、自分はウダウダ時間かけて悩んでしまいました orz。以下3通りの解決策です。 目次 専用のextend関数を使う 使い方 サンプルおよびテ
わずか565バイトテトリスのプログラミング解説
「往年の名作「スーパーマリオブラザーズ」、あの濃い内容でわずか40キロバイト」に載っていたわずか565バイトのテトリス。文字数にして551文字。79文字*7行のプログラミングで、テトリスが動きます。 以下のソースコードをメモ帳に貼り付けて、htmlで保存すればテトリスが動きます。 <body onKeyDown=K=event.keyCode><script>X=[Z=[B=A=12]];h=e=K=t=P=0;function Y() {C=[d=K-38];c=0;for(i=4;i--*K;K-13?c+=!Z[h+p+d]:c-=!Z[h+(C[i]=p*A-Math.round(p/ A)*145)])p=B[i];!t|c+4?c-4?0:h+=d:B=C;for(f=K=i=0;i<4;f+=Z[A+p])X[p=h+B[i++]]=1 if(e=!e){if(f|B){fo
p4lifeのメモ - JavaScript の substr には気をつけた方が良い
var d = new Date(2007, 6, 3); // 2007年7月3日（JSでは0〜11で1月〜12月を表現する） のとき， d.getFullYear(); // 2007 d.getMonth(); // 6 d.getDate(); // 3 になる．これを 07，03 のように月を 01〜12，日を 01〜31 とゼロパディングして二桁になるように取得したい．そこで次のように書いてみる． var s = d.getFullYear() + ("0"+(d.getMonth()+1)).substr(-2) + ("0"+d.getDate()).substr(-2); // s == "20070703" → 期待通り Firefox2.0，IE6，IE7 で動かしてみると一見期待通りに見える．しかしこれには罠があって， var d = new Date(2007,
Perl Tips | AJAX で、getElementsByTagName で DOM にアクセスする
まずは以下のような XML データを考える。 <books> <book> <title>初めての AJAX</title> <author>AJAX 編集部</author> <publisher>AJAX 社</publisher> </book> <book> <title>初めての Perl</title> <author>Perl 編集部</author> <publisher>Perl 出版</publisher> </book> <book> <title>初めての PHP</title> <author>PHP 編集部</author> <publisher>PHP 工房</publisher> </book> </book> 最終的に値を取り出したいわけだが、 childNodes.item(0) ＝ childNodes[0] ＝ firstChild は同じ意味である
JavaScriptのコーディングスタイル 2.0 — ありえるえりあ
Recent entries Apache2.4のリリース予定は来年(2011年)初め(あくまで予定) inoue 2010-12-23 Herokuの発音 inoue 2010-12-20 雑誌記事「ソフトウェア・テストPRESS Vol.9」の原稿公開 inoue 2010-12-18 IPA未踏のニュース inoue 2010-12-15 労基法とチキンゲーム inoue 2010-12-06 フロントエンドエンジニア inoue 2010-12-03 ASCII.technologies誌にMapReduceの記事を書きました inoue 2010-11-25 技術評論社パーフェクトシリーズ絶賛発売中 inoue 2010-11-24 雑誌連載「Emacsのトラノマキ」の原稿(part8)公開 inoue 2010-11-22 RESTの当惑 inoue 2010-11-22 「プ
八角研究所 : Java Applet でマクロ音楽シーケンサーを作る（3） - Java と JavaScript を連携する
Java Applet でマクロ音楽シーケンサーを作る（3） - Java と JavaScript を連携する
IT戦記 - Math.floor を使わずに小数を整数にする
少数を整数にしたいような場合 たとえば、 0 - 9 のランダムな整数が欲しい場合 普通はこう書く var value = Math.floor(Math.random()*10); Math.floor を使わない場合はこう書く var value = ~~(Math.random()*10); 「~」は補数を求める単項演算子で、オペランドを整数変換するので二回やることでオペランドを整数化できるのです。 まとめ でも、もっといい方法があるかも。 皆様なら「どう書く？」のでしょうか。
JavaScriptエスケープについて論考 - hoshikuzu | star_dust の書斎
http://d.hatena.ne.jp/hoshikuzu/20060130#P20060130BARSFAKE http://d.hatena.ne.jp/amachang/20071010/1192012056 (IT戦記 - 一行で IE の JavaScript を高速化する方法) はじめに 次のような限定されたケースにおいてなのですが。説明上の都合でこれを課題Ａと呼ぶこととします。 <SCRIPT TYPE="text/javascript"> <!-- var strA = "$data"; // ・・・以下サイト運営者による処理記述例 alert(0); //--> </SCRIPT>上記のようなケースに限定してのオハナシですけれど、$dataをエスケープする方向でのXSS対策として金床さんなどによってかつて論議されて、このままでは使えそうにないと棄却されたJavaScr
IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
JavaScript から MML を再生する - JSMML - 2nd life (移転しました)
http://coderepos.org/share/wiki/JSMML テキスケ: ActionScript日記 - サウンドのリアルタイム生成（４） で公開されている、Flash から MML を再生できるライブラリ、 FLMML が素晴らしすぎるので、JavaScript からも再生できるようにブリッジを書いてみました。ライブラリ名は JSMML(まんま)。 JSMML を使うと、SWF を経由して JS な API から MML を再生できるようになります。 <script type="text/javascript" src="JSMML.js"></script> <script type="text/javascript"> JSMML.swfurl = 'JSMML.swf'; // default // onLoad に関数を入れておくと、SWF のロード完了時に呼ばれ
Three.js でトゥーンレンダリング | Cubix
DocManagerは複数のリソースの情報を一括で編集出来るモジュールです。パッケージに同梱されているので初期インストール時にチェックを外していなければ最初から使用可能です。入力内容の統一、メニューの並び替えなどが簡単に出来ます。 対象になるリソース番号の指定方法 使用テンプレートの変更 テンプレート変数の内容を変更 アクセス許可の変更 メニューインデックスの変更 その他リソース情報の設定 リソースの各種日時設定 リソースの各種設定（公開or非公開、メニューに表示or非表示など） 作成者と編集者の変更 対象になるリソース番号の指定方法 画面下にある「操作対象(操作元)のリソースIDを指定」というフィールドに対象になるリソースのIDを入力します。IDは半角数字で入力、半角のカンマ,で区切って複数の条件を指定できます。以下n、m はリソースIDを示す数字です。 複数のリソースを個別に指定 n
404 Blog Not Found:怠翻 - JavaScriptでありがちな9つのシマッタ
2007年08月17日01:15 カテゴリ翻訳/紹介Lightweight Languages 怠翻 - JavaScriptでありがちな9つのシマッタ 私自身結構シマッタしちゃうので。 Nine Javascript Gotchas 尻カンマ注意 以下のコードはFireFoxでは動きますが、Internet Explorer (以下IE)では問題になります。 var theObj = { city : "Boston", state : "MA", } 最後にカンマが入らないよう注意しましょう。 浮気なthisは何を見てるやら 以下のコードで、thisは何を指しているでしょうか。 <input type="button" value="Gotcha!" id="MyButton" > <script> var MyObject = function () { this.alertMess
Yet Another Dynamic Presentation!
地道な高速化 1 // style も new 時にプロパティにいれておく s6.Constructor = function(element) { this.element = element; this.style = element.style; }; 地道な高速化 2 // コールバックを受ける関数では this // や引数を受けるようにしとく s6.hoge = function() { var shift = Array.prototype.shift; // ↓ Opera ではバグるので回避しなきゃダメ var f = shift.apply(arguments); f.apply(shift.apply(arguments), arguments); }; DOM の空きプロパティ // DOM の要素の空きプロパティの // アクセス速度は普通のハッシュとほとんど変
Opera News
AI Opera Neon becomes available in public early access December 11th, 2025 Starting today, Opera Neon enters a public early access stage. You don't need an invite code anymore, and everyone can... AI Opera AI comes to Opera One, Opera GX, and Opera Air December 11th, 2025 Opera AI comes to Opera One, Opera GX, and Opera Air Last month we started a gradual rollout of Opera... Desktop, Mindfulness,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nao Haida's weblog: JavaScript と継承 3
Craftworks Tech Blog » IE の JavaScript 高速化（参照回数が多い場合）
http://www.adamrocker.com/blog/111/javascript_flash_actionscript_firefox_safari.html
void GraphicWizardsLair( void ); // JavaScriptで「Enterキーを押すだけで自動投稿する」という機能を作る時はonkeydownじゃなくてonkeypressイベントハンドラを使え