prototype.jsからjQueryに移行するたったひとつの冴えたやりかた - os0x.blog
どうもこんにちは、os0xです。 実は(Twitterに書いただけで)ブログに書いてなかったのですが、3ヶ月ほど前からクックパッドで働いています*1。なんかもう今更ですよね、すみません。 さてさて、クックパッドですが、つい一昨日までprototype.jsを使っていました。で、昨日jQueryへの移行をリリースしたところだったりします。 というわけで、その辺の話を少し書いてみたいと思います。 そもそも、なんでjQueryに移行するのか まあ、prototype.jsとjQueryどちらを使うかと問われたら、大抵の人はjQueryと答えますよね。確かにjQueryの使いやすさは魅力的です。使いやすいということは、みんなでjQueryを使ってサービスを作ることができます。特定の誰かに依存してボトルネックになったりすることがないなら、それは素晴らしいですね。 しかし、ライブラリを変えるのは簡単な
JavaScriptプログラムメモ | prototype.js｜プログラムメモ
■ jQuery用プラグイン jQuery_auto を使用します。 prototype.js とのコンフリクト解消版 jquery_auto はこちらからダウンロード↓ http://logic.stepserver.jp/data_other/jquery_auto_j.zip ■ 1. scriptファイルを読み込ませます <script type="text/javascript" src="js/lib/jquery.js"></script> <script type="text/javascript" src="js/lib/jquery_auto_j.js"></script> ■ 2. ロールオーバー画像ファイル名の最後に _over をつける。 例： 【image.gif】 の場合 【image_over.gif】 ■ 3. HTMLの＜img＞タグに属性 class=
bindとbindAsEventListenerについての疑問 - 徒書
最近になってprototype.jsの使い方を学んでみたりしているのですが、bindとbindAsEventListenerについてちょっとした疑問が出てきています。 両者の違いについては、prototype.js v1.4.0 の使い方にある説明で知ることができました。サンプルソースを引用してみます。 <input type=checkbox id=myChk value=1> Test? <script> //declaring the class var CheckboxWatcher = Class.create(); //defining the rest of the class implementation CheckboxWatcher.prototype = { initialize: function(chkBox, message) { this.chkBox = $
Ajax 最適化 Tips - Prototype.js のパフォーマンス — ありえるえりあ
prototype.js 1.6.0 RC で、カスタムイベントが使えるようになったり、ネイティブの forEach が使われるようになったり、簡単に DOM エレメントを構築できるようになったり、 isNumber で数値型かチェックできるようになったり、すばらしいバージョンアップであることは間違いないのですが、 prototype.js のソースを見てもわかるとおり、パフォーマンス云々よりも JavaScript 的にスマートな書き方・より単純で意味の取りやすい書き方が優先されており（もちろんこれは正しい方向）、あまり熟知せずにこれらの関数を乱用してしまうとアプリケーションのパフォーマンスに甚大な被害を与えてしまうことがあります。今回は prototype.js を使うにあたって（パフォーマンス的に）注意すべき点を紹介したいと思います。なお参考にする prototype.js のバージ
prototype.js リファレンス
prototype.jsはAjaxライブラリの1つです。現在のバージョンは1.6.0です（2007/11/8）。prototype.jsについて、より詳細に知りたい方はprototype.jsの開発者メモを参照してください。また、英文ドキュメントであれば正式なリファレンスもprototype.jsのサイトで用意されています。 version 1.4.0 リファレンス version 1.5_rc0 リファレンス version 1.5_rc1 リファレンス version 1.5_rc2 リファレンス version 1.5.0 リファレンス version 1.5.1_rc1 リファレンス version 1.5.1_rc2 リファレンス version 1.5.1_rc3 リファレンス version 1.5.1 リファレンス version 1.5.1.1 リファレンス versio
prototype.jsを使ってみる 2-Event.observe
prototype.jsを使ってみる 2-Event.observe 今回はEvent.observeを使ってイベントを追加する方法です。 onloadイベントを記述する際にbody要素に <body onload="hogehoge" > と記述したりスクリプト内に window.onload = function(){ hogehoge } と記述します。 onloadイベントは１ページに１度の記述しか認められておらず複数のonloadイベントを記述したい場合はonload用の関数を別途作成する必要があります。 prototype.jsのEvent.observeを使えばイベントを追加する事ができスクリプトの保守性が著しく向上します。 Event.observe(追加する要素,イベント,関数,段階) 追加する要素にはオブジェクトかIDを記述します。 イベントにはloadやclickなど
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
一撃必殺JavaScript日本語リファレンス
Prototyperに贈るjQuerystからの手紙
IBM Developer