最速インターフェース研究会 :: 実践JavaScriptリファクタリング
同じ事をやるにも、いろんな書き方があるわけでいかにして短くてわかりやすいコードを書くかというノウハウを紹介します。 例として"abcde"を80回繰り返した文字列を作るとして実際に自分のコーディングスタイルがどんな風に変化していったのか、という。 短くなるのは確かなんだけどわかりやすいかというと、人によるかもしれない。 グローバル関数を定義2年前なら、多分こういう具合だった。 //ふつうに関数として定義する function x(str,num){ var tmp = ""; for(var i=0;i<num;i++){ tmp += str; } return tmp; } x("abcde",80) Stringのメソッドとして定義1年前だとこんな感じ。 //Stringのメソッドとして定義する String.prototype.x = function(num){ var tmp
オブジェクト指向プログラム言語としてのJavaScript
このページでは、JavaScriptのオブジェクト指向言語としての側面を研究します。 JavaScriptは、HTMLの拡張という側面が注目されていますが、 プログラム言語として見た場合にも、興味深い独自の特徴がたくさんあります。 このページでは、これらJavaScriptの言語としての特性、 特にオブジェクト指向言語としてJavaScript を見た場合の特徴について詳しく研究を試みます。 JavaScriptは、ほぼ完全なオブジェクト指向言語です。プログラマによるクラス定義、プロパティ定義、メソッド定義ができます。継承は、言語の基本機能としては用意されていませんが、基本機能の組み合わせにより実現できます。 メソッドのバインディング(binding)はレイトバインディング（late binding）です。これは、JavaScriptが変数の型のない言語だからです。 JavaScriptに
イヌでもわかるJavaScript講座 - フローティングメニュー
【リスト】 <head> <style type="text/css"><!-- A.menu:link { color:#008b8b; text-decoration:none; } A.menu:visited { color:#008b8b; text-decoration:none; } A.menu:active { color:#008b8b; text-decoration:none; } A.menu:hover { color:#ffff00; background-color:#ffa07a; text-decoration:none; } --></style> </head> <body onload="myGetBrowser()"> <script language="JavaScript"><!-- myID = "myID_Menu"; // DIVタグで
JKL.Hina - テンプレート展開クラス
JKL.Hina は JavaScript 用のテンプレート展開ライブラリです。 HTML ページ内に予め用意したテンプレートと、JSON なデータを与えて テンプレート展開処理を高速に行います。 DOM を利用しているため、今のところ300行弱とソースも短いです。 ダウンロード 更新履歴 サンプル 簡単な使い方 処理仕様 Internet Explorer 6.0、 Firefox 1.0、Opera 8.0、Konquerer 3.3.2 で動作確認しています。 Safari 1.2 でも概ね動くようになりました。 ダウンロード .tar.gz 版と .lzh 版の内容は同じです。（アーカイブ形式のみ違う） jkl-hina-0.18.tar.gz TAR-GZ jkl-hina-0.18.lzh LZH 更新履歴 2005/05/16 バージョン 0.01 最初のバージョン 2005
fladdict.net blog: イベント・ドリブンなJavaScriptのやり方
Flashでに学ぶ非同期通信のノウハウのって感じのお話。JavaScriptでオブザーバパターンを用いて、イベントドリブンなコード（addEventListener等）をバリバリ書く方法です。 というかFlashで言うところの、mx.events.EventDispatcherクラスの自分なりの移植なわけですけど。 このEventDispatcherクラスを使うと、W3CのDOM3にそれなりに対応した、イベントモデルを自作のJavaScriptのオブジェクトに実装できます。これで素晴らしきイベントドリブンの世界が楽しめます。 function EventDispatcher(){} /** EventDispatcher.initialize( obj ) オブジェクトobjに、W3C DOM3互換のイベント通知機能を追加します。 これによりobjは、onLoad等のイベントを発行すること
fladdict.net blog: IEでaddEventListenerを使う メモ
イベント・ドリブンなJavaScriptのやり方で紹介した、EventDispatcherミックスインを応用することで、ＩＥのdocumentやwindowに、addEventListener関数を実装する実験に成功。 IE側で強制的にW3CＤＯＭのイベントモデルを実装すれば、イベントハンドリングの分岐が必要なくなるので、コードがかなりサッパリに。ＩＥ７でaddEventListenerが実装された場合も、コードを書き直さなくてよさげっす。 documentは静的クラスの為、EventDispatcherによるミックインができないけれど、無名オブジェクトをイニシャライズしてリスナー送信機能を付加して、そっちにイベントを委譲すればＯＫみたい。 投稿者 Taka : 2005年06月10日 08:15 book bookmark はてなブックマークに追加 del.icio.usに追加 trac
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://homepage3.nifty.com/aya_js/js2/js2_frm.htm
日本語テキストをテーブルで表示する - bkブログ
Effective JavaScript - Dynamic Scripting
JSON/簡単なテスト:基本