prototype.jsからjQueryに移行するたったひとつの冴えたやりかた - os0x.blog
どうもこんにちは、os0xです。 実は(Twitterに書いただけで)ブログに書いてなかったのですが、3ヶ月ほど前からクックパッドで働いています*1。なんかもう今更ですよね、すみません。 さてさて、クックパッドですが、つい一昨日までprototype.jsを使っていました。で、昨日jQueryへの移行をリリースしたところだったりします。 というわけで、その辺の話を少し書いてみたいと思います。 そもそも、なんでjQueryに移行するのか まあ、prototype.jsとjQueryどちらを使うかと問われたら、大抵の人はjQueryと答えますよね。確かにjQueryの使いやすさは魅力的です。使いやすいということは、みんなでjQueryを使ってサービスを作ることができます。特定の誰かに依存してボトルネックになったりすることがないなら、それは素晴らしいですね。 しかし、ライブラリを変えるのは簡単な
Firefox3でprototype.jsのgetElementsByClassName使おうとしてハマってた - uncertain world
Firefox3には、ネイティブでgetElementsByClassNameが入ってて、 prototype.jsのgetElementsByClassNameを使う邪魔をしていた。 両者の使用は下記の通り。 ・prototype.js getElementsByClassName(className [, parentElement]) ・Firefox3 getElementsByClassName(className) これでFirefox3で第二引数のparentElementを設定しても無効になってしまってた。 対処法は二つ。 ・getElementsByClassNameを使わないようにする classNameの各タグがspanだった場合、 parentElement.getElementsByTagName('span')で対処できる ・prototype.jsを変更する
prototype.js 1.6のクラス機構 - XOOPS専門-株式会社RYUS
satoです。 JavaScriptのライブラリでお馴染みのものにPrototype(prototype.js)があります。 このライブラリは、早い段階からJavaScriptでクラス機構を実現するための仕組みが用意されていたのですが、あまり使い勝手がいいと言えるものではありませんでした。 一昨年くらいに1.6がリリースされて、クラス作成周りが一新されたのですが、あまり情報がない（というか、あるのですが古い情報が優先して検索される）ので、ここでも書いておこうと思います。 ■クラス作成 ・1.5以前 var Animal = Class.create(); Animal.prototype = { initialize: function() { this.name = 'Animal'; }, getName: function() { return this.name; } }; ale
Event.stopObservingが効かない・動作しない・削除できない。 | colori
Prototype.jsはJavaScriptを使ってサイトを制作する開発者にとってもはや必携のライブラリとなっていますが、頻繁にバージョンアップが繰り返されたり、意図したとおりの挙動をしてくれなかったりと、イライラするところも多いライブラリです。 とくに、よくみなさんが引っかかるのがEvent.stopObservingの挙動。 マウスクリックによって呼び出されるハンドラ（イベント関数）をEvent.observeで登録して、それを後で無効にしたいときに使ったりしますが、実際やってみると削除できない！ どうして？ と思っていらっしゃった方も多いかと思います。 実際、この問題は世界的にメジャーなようで、Prototype.jsの公式APIでもFAQになっています。 英語なので翻訳してみます。 妙な意訳も入ってますが。。 stopObserving Event.stopObserving(e
รวมแหล่งท่องเที่ยวสถานที่น่าไปที่สุดในแต่ละจังหวัดของไทย
Prototype-ui แนะนำสถานที่เที่ยวจากทั่วโลกรวบรวมมาไว้เพื่อเป็นข้อมูลอีกทั้งยังเก็บภาพบรรยากาศดีๆ มาให้เป็นตัวเลือกในการตัดสินใจถ้าจะหาสถานที่เที่ยวสักที่ ซึ่งเราได้ไปทำการรีวิว และรวบรวมข้อมูลต่างๆไว้ให้แล้ว เช่น ที่เที่ยวกับการเดินทาง บรรยากาศ... SEE MORE Read More TOURISM FORMATS ความสนุกของการท่องเที่ยว ซึ่งก็แบบออกเป็นการท่อวงเที่ยวหลายๆรูปแบบทั้งทางน้ำทางบก และทางอากาศได้ดังต่อ่ไปนี้
[Javascript] Prototype.js 1.6.0 - Event.fireでNative DOM Eventを呼び出し可能にする
Javascriptの話題が続いてます。 Changeset 7835 - prototype: Namespace all custom event names to avoid conflicts with native DOM events. 上記Changesetで、Native DOM Eventとの名前衝突を避けるために、コロンで区切るネームスペースが導入された & Native DOM Eventの呼び出しが削除された？ため、Native DOM Eventが呼び出せない。[Javascript] クロージャを利用したイベントリスナの登録のように、クロージャー + 無名関数でイベントリスナを登録すると、スコープの外部から、現在選択中のボックスを取得するとなると、各ノードを走査して調べる事になりますが、これは美しくない。 Prior to this change, Protot
つくるぶガイドブログ: 「Zooomr」の「写真の上に別の写真のレイヤーを配置する」部分をクラスライブラリ化してみました
こんにちは。 JavaScriptを担当している竹村です。 JavaScriptのライブラリは、進化が早いのでいろいろなライブラリを使ったサイトについて解説したり、サンプルを作ったりしながら、どのようにライブラリを利用しているのか参考にしてもらえればと思います。 今回のお題 このつくるぶに8/20に掲載された「特集 Flash|Ajax ベストサイトセレクション20」に私も参加させていただいているのですが、この対談ではプログラム的な話はあまりしていないためAjaxパートについて、JavaScriptの技術面のフォローを弊社のブログにて書いています。 つくるぶ ベストサイトセレクション20技術フォローまとめ -ARK-Web SandBox Wiki ちょうど今朝の投稿で4回目になり、次回でラストの予定です。 さて、上記4回目の記事に書きました「お題７＞写真/動画で魅せるサイト」の「Zoo
prototype.jsのbindを理解する - cloned.log
prototype.js使っていてうれしいことの一つにbindが使えるというのがある。$()とかAjaxのクロスブラウザ対策とかもいいけれど、thisをbindできるのは大きなメリットだと思う。bindがないとどういう時に苦労するかというと、以下のような場面。 var Foo = function(name) { this.name = name; } Foo.prototype.talk = function(message) { alert(this.name + ": " + message); } function inScope() { var foo = new Foo("foo"); setTimeout('foo.talk("Hello World!")', 0); } inScope(); これは実行できない。なぜかというとsetTimeoutに渡しているfooという変数
protocalendar.js Usage
protocalendar.js Version Simple Calendar <input id="simple_calendar" name="simple_calendar" type="text" /><br/> <script type="text/javascript"> new InputCalendar('simple_calendar'); </script> Simple Calendar with Label <input id="simple_calendar_with_label" name="simple_calendar_with_label" type="text" /><br/> <script type="text/javascript"> new InputCalendar('simple_calendar_with_label', {labelF
2020年増大サプリ比較ランキング
「増大サプリについてよくわからない」 「増大サプリって種類が多いからおすすめがわからない」 「増大サプリを購入する時、確認するべき他の商品との比較点」 このように増大サプリを購入する際はいろんなことで頭を悩ましがちです。 このページでは上記のような悩みを解決していきます。 増大サプリについて初心者の方はもちろん、少し知識がある方にも「なぜこのような考えになるのか」などの理由も含めて解説していきます。 増大サプリ40選ランキング 増大サプリとは何か 増大サプリには増大に必須と言われているシトルリンやアルギニンなどのアミノ酸、亜鉛といったビタミン・ミネラル系成分、コブラやスッポンといった動物系成分、マカやガラナのような植物系成分などが配合されています。 上記で挙げたような増大に必要な成分はもちろん体に良い影響を与えてくれる成分も手軽に摂取できるのも増大サプリの特徴です。 増大サプリに配合されて
Prototype.js を使った JavaScript OOP 講座 #01
社内の精鋭エンジニアを中心に定期的に勉強会をすることになった。んで、 JavaScript の講義は僕がやることになった。 資料を社内だけでとどめておくのはもったいないので、ここに公開していきます。社内の人も社外の人も読んでください。 講義の内容は基本的にソース嫁。ソースレビュー形式。 ※ターゲットは JavaScript は書いたことない、オブジェクト指向言語プログラマ。 Section 00 Prototype.js の前に JavaScript のオブジェクトの概要・・・ オブジェクトを作ってみる。 var object = {};オブジェクトにメソッドとかプロパティを追加してみる。 var object = { field: 'IT戦士', method: function() { alert('hello ' + this.field); } }; object.method()
prototype.jsでクロスブラウザなWYSIWIGエディタ - AUSGANG SOFT
これは何？ prototype.jsベースで、IE、Firefox、Opera、SafariをサポートするWYSIWYGエディタライブラリです。 車輪の再発明もいいところなのですが、なるべくシンプルなWYSIWYGエディタライブラリが欲しくて作りました。 どんなもの？ ↓使ってみてください。RSSリーダーで購読されてる方は、こちらからご覧ください。 "コードを整える"のチェックをはずすとブラウザ本来のHTMLを出力します。 文字サイズの変更は、Firefoxのみ動作します。 基本コード サンプルはこちらからダウンロードできます。 まだ荒削りなので、実際に使えるかわかりませんけれど。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="crossedit
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nabble - RubyOnRails Spinoffs - 1.6.0.2 IE Error on Insert
http://portal.our17.com/pro/problem-with-insert-function.htm
prototype.js リファレンス