【連載】いまからはじめるPrototype.js (1) Prototype.jsの概要と$で始まるメソッド | エンタープライズ | マイコミジャーナル
Prototype.jsとはなにか Prototype.jsは、Sam Stephenson氏を中心とするチームによって開発されているAjax対応JavaScriptライブラリだ。単体でもAjaxian.comの2006年と2007年の調査で最もよく知られたAjaxフレームワークに選ばれるほどの人気を得ているが、実はWebアプリケーション・フレームワークRuby on Railsのプロジェクトで開発されているプロダクトであり、同フレームワークに同梱されているため、Ruby on Rails経由で使用されるケースも多い。 ライブラリはMITライセンスで公開され、ドキュメントはクリエイティブ・コモンズ(Creative Commons)ライセンスのAttribution-Share Alike 3.0で公開されている。詳細はライセンスのページで確認していただきたい。 これから6回にわたって、こ
[event][javascript] Kanasan.JS (別名：prototype.jsのソースにツッコミを入れるオフ) に参加してきました - Greenbear Diary (2007-11-03)
■ [event][javascript] Kanasan.JS (別名：prototype.jsのソースにツッコミを入れるオフ) に参加してきました ちょっとしたイベントのはずが20人オーバーの中規模イベントになってしまった(笑) Kanasan.JS。 結局、途中から初心者/上級者の2グループに分かれてコードリーディングを進めることになりました (※初心者グループの方が内容のレベルが高かったという噂もあるけど…!?)。 感想ですが、prototype.jsのソース読みがこんなに面白いとは思わなかった！ 他の言語ではありえないJavascriptならではの実装があったりして、とても良い企画だったと思います。 今回はまだ400行(全体の11%)しか進んでいないので、次回以降も続きができるといいなぁ。 とりあえず、大量の印刷物の用意など、いろいろな作業をしてくださった主催kanasanに感謝
![[event][javascript] Kanasan.JS (別名：prototype.jsのソースにツッコミを入れるオフ) に参加してきました - Greenbear Diary (2007-11-03)](https://cdn-ak-scissors.b.st-hatena.com/image/square/b0dd2a08b2c0fff30d70543ed7fa340ebfeb5697/height=288;version=1;width=512/https%3A%2F%2Froute477.net%2Fd%2Fassets%2Fogimage.png)
XPath は jQuery や Prototype.js と競合する技術ではなく、むしろ共存する技術です - IT戦記
昨日のエントリのブクマやコメントで jQuery からの移行がめんどう 時代は jQuery のようなコメントがありました。 これらのコメントから おそらく、「XPath が jQuery や YUI、Prototype.js、Dojo、MochiKit などの汎用 JS ライブラリと競合する」と思ってる方が多いのかなと思いました。 結論 XPath は汎用 JS ライブラリとは競合する技術ではなく、共存する技術だと僕は考えています。 理由 汎用的な JS のライブラリには、大きく以下のような機能があります。 DOM ツリー上の要素やノードを取得する DOM に新しい要素やノード、属性、プロパティ、イベントなどを追加する その他、クロスブラウザとか それに対して XPath が提供するのは DOM ツリー上の要素やノードを取得する というシンプルな機能だけです。 つまり、 XPath は汎
Prototype UI - Prototypeとscript.aculo.usベースのUIライブラリ登場 | エンタープライズ | マイコミジャーナル
Sébastien Gruhier氏は4日(フランス時間)、Prototype UI beta 2を公開した。 Prototype UIは、Sébastien Gruhier氏やSamuel Lebeau氏らによって開発されたUIライブラリ。The MIT LicenseのもとPrototypeやscript.aculo.usをベースとして開発されている。今のところスキン対応のウィジェット、スキンやウィンドウに依存しない影つけ機能、動的なリサイズ機能、カスタムボタンへの対応などが実現されている。 Prototype UIは当初、Prototype Windowのリライト版として開発がはじまった。現在ではPrototype 1.6およびscript.aculo.us 1.8をベースとして、同氏の好みのコンポーネントを追加したUIライブラリとして仕上がってきているようだ。今回発表されたProt
Prototype 1.6.0へのアップグレード実例紹介 - Prototypeデベロッパ必見 | エンタープライズ | マイコミジャーナル
JavaScriptで開発されたAjax Webアプリケーション開発フレームワークPrototypeの主要デベロッパであるMislav Marohnić氏は20日(米国時間)、実際の事例紹介を通じて、Prototype 1.5.0対応のコードを次期リリースとなる1.6.0対応へアップデートする方法(Upgrading to Prototype 1.6: real world examples)を紹介した。変更内容はパッチとして公開されているほか、同ページにおいて詳細説明が掲載されている。今回の発表は開発者にとってPrototype 1.6.0へ移行する際の重要な資料になる。関係者は紹介記事によく目を通しておきたい。 同氏は最近、Ruby on Railsで開発されたCMSシステム「Radiant」に対し、最新のPrototypeを使うような変更パッチを作成した。RadiantはRailsを
Prototype、1.6.0 RC1公開 - 表記がより"オブジェクト指向っぽい"感じに | エンタープライズ | マイコミジャーナル
The Prototype Core Teamは16日(米国時間)、2カ月前のRC0に引き続き、次期Prototypeに向けた準備リリースの最新版「Prototype 1.6.0 RC1」を公開した。PrototypeはJavaScriptで開発されたAjax Webアプリケーション開発フレームワーク。The MIT Licenseのもとで公開されている。2007年版Ajaxianの調査によると、Prototypeはscript.aculo.usとともに相変わらず高い人気を誇っている。 RC1ではいくつかのバグが修正されたほか、フィードバックに基づいていくつかのクラスとイベントAPIが変更されている。RC0ではクラスにメソッドを追加するには「Class.extend(Foo, { インスタンスメソッド })」のようにClassを使う必要があったが、RC1からは「Foo.addMethods
prototype.jsでYouTubeをインクリメンタルサーチ （1/3） ─ ＠IT
prototype.jsでYouTubeをインクリメンタルサーチ：パターンとライブラリで作るAjaxおいしいレシピ（2）（1/3 ページ） 今回のサンプルはYouTubeの新APIを使う 2007年8月28日からGData（Google Data APIs）の仕様に基づいたYouTubeの新しいWeb APIであるGData YouTube APIが利用できるようになりました。これに伴って、以前のYouTube APIではサポートされていなかったJSONP（前回記事参照）による動画の検索ができるようになりましたので、今回のサンプルでは、この新APIを使ってJavaScriptから直接YouTubeの動画を検索させます。 Ajaxデザインパターンは「Live Searchパターン」などを使用 検索方法は、通常の「キーワード」を入力してから「検索ボタン」を押すタイプではなく、一文字一文字入力す
prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」:phpspot開発日誌
JSValidate prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」。 prototype.js と script.aculo.usベースになっています。 submitボタン押下時に、値が正しくないと、インプットの右側に赤文字でエラーメッセージがフェードインします。 JSValidateを使った実際のデモページはこちら 関連エントリ PHPでフォームの値をリアルタイムチェック「LiveValidationPHP」 JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」
第4回 Prototypeライブラリ（932～1289行目） | gihyo.jp
リポジトリの差分を追う 第四回目です。 前回、Subversionのログを見るためのTracのリポジトリブラウザを紹介しました。単にログを見る場合、時系列にコミットログを追っていくことはできますが、実際に知りたいのは、このコード片の変更がどのリビジョンで行われたか、でしょう。 これはSubversionのannotateサブコマンドで確認することができます。 % svn annotate http://svn.rubyonrails.org/rails/spinoffs/prototype/trunk/src/prototype.js 3362 sam <%= include 'HEADER' %> 3362 sam 3362 sam var Prototype = { ... これでその行が最後に変更されたリビジョンがわかるので、そのログや差分を確認します。そのリビジョンが目当てとする変
第3回 Prototypeライブラリ（640～931行目） | gihyo.jp
ソースの意図の探り方 第三回目です。 オープンソースの成果物を利用する際に、より理解を深めようとするとソースを追っていく必要がでてきます。その際、ソースの特定の箇所が、なぜそうなっているのかが理解できない部分に遭遇することもよくあります。 幸いなことに、多くのオープンソースの配布物はCVSやSubversionなどのバージョン管理システムで管理されており、その履歴が公開されています。 Prototypeライブラリは現在ではRuby on RailsのSubversionリポジトリ上で管理されており、この場合はRails Tracのリポジトリブラウザから辿っていくのがわかりやすくてお勧めです。 ライブラリを利用する際には単一のprototype.jsというファイルとなっていますが、リポジトリ上ではいくつかのファイルに分類されて管理されており、rakeコマンドで結合してリリースされています。
第2回 Prototypeライブラリ（198～639行目） | gihyo.jp
ECMA-262 第三版について 第二回目です。 本連載中には、参考資料としてリンクできるところはリンクとして掲載するようにしています。しかし、もっとも重要であろうECMA-262 第三版については、PDFがあるだけなのでセクション番号とタイトルだけが記載されています。 仕様書としてはわかりにくい部類に入るかな、とも思いますが、JavaScriptの挙動を理解するには最終的にはこの文書を参照せざるを得ません。できればダウンロードしていつでも参照できるようにしておくといいでしょう。 また、この長大な仕様を翻訳してくださっている方も存在します。わかりにくい仕様なので、細かいニュアンスを押さえるには原文を参照するしかありませんが、概要を掴むには便利かと思います。 ECMA-262 第三版 PDF 配布ページ Under Translation of ECMA-262 3rd Edition では
超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」:phpspot開発日誌
超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」 2007年09月04日- Script.aculo.us Samplr Script.aculo.us is a cool library for effects. 超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」。 script.aculo.usを駆使した使えそうなウィジェットが多数公開されています。 Cash Register - 料金表示をアニメーション表示 Div Swap - DIV 部分をスライド風に切り替え iPhoto Resize - スライダーで写真リサイズ News Ticker - ニュースティッカー Select box
ありそうでなかったPrototype.jsベースの日付入力補助ライブラリ「DatePicker」:phpspot開発日誌
ありそうでなかったPrototype.jsベースの日付入力補助ライブラリ「DatePicker」 2007年09月03日- Eulerian Technologies - DatePicker using Prototype and Scriptaculous You'll find here the code and instructions for a datepicker widget using Prototype and Scriptaculous librairies. ありそうでなかったPrototype.jsベース(script.aculo.us使用)の日付入力補助ライブラリ「DatePicker」。 次のような日付入力補助機能を実装できるようです。 YUIなんかには普通にありましたが、Prototype.js ベースははじめてではないでしょうか？ 実装コードも次のように非
prototype.jsを読み解く：第1回 Prototypeライブラリ（1〜197行目）｜gihyo.jp
他のライブラリや、自分のコードと共存させるときは、これらの名前と衝突しないように気をつける必要があります。同じ名前を使ってしまうと、コードがロードされた順番によって挙動が変わる、というようなわかりにくい問題が発生してしまう場合が出てきます。 オブジェクト、クラスの使われ方 ライブラリ内では、上記の名前空間は大きく分けて以下のような使われ形をしています。 その下に別のオブジェクトを入れるための親名前空間として使う Class.create()を使って Prototypeライブラリ風のクラスとして定義する Object.extend()を使って他のクラス、オブジェクトから継承されることを前提とする関数を集める コードを簡潔に記述する為に短い名前の関数として使う 特に、Object.extend()を使って継承を実現している箇所が多く、最終的にどのオブジェクト・クラスにどのメソッドが定義されてい
prototype.js の Event.observe を使った onbeforeunload について
prototype.js の Event.observe を使った onbeforeunload について 2007-07-20-1: [JavaScript][Firefox] JavaScript のイベントに、ウィンドウが閉じられる直前に起こる onbeforeunload があります。 これを使うと、何がしかの内容を入力中にページを移動する際に警告のメッセージを出すことができます。 WordPress とかで利用されています。 使い方は簡単で、以下のようにダイアログに表示する任意のメッセージを返します。 window.onbeforeunload = function(e) { // なにも返さなければ、なにも起きない。 return '<任意のメッセージ>'; }; ダイアログの表示は以下のようになります。 - Internet Explorer 6.0 - Internet E
【コラム】そろそろきっちりJavaScript (10) prototype.jsを読む(4) | エンタープライズ | マイコミジャーナル
Ajaxオブジェクト 引き続きprototype.jsのソースコードを読んでいこう。今回は932行目、Ajaxオブジェクトの定義から読み進めていく。なお、ここからは6月19日に公開されたバージョン1.5.1.1を使用する。 932 var Ajax = { 933 getTransport: function() { 934 return Try.these( 935 function() {return new XMLHttpRequest()}, 936 function() {return new ActiveXObject('Msxml2.XMLHTTP')}, 937 function() {return new ActiveXObject('Microsoft.XMLHTTP')} 938 ) || false; 939 }, 940 941 activeRequestCou
Prototype.jsとScript.aculo.usを圧縮して32.5KBにした「ProtoPacked v2.13」:phpspot開発日誌
Prototype.jsとScript.aculo.usを圧縮して32.5KBにした「ProtoPacked v2.13」 2007年05月25日- Protoculous : Prototype & Scriptaculous lightweight ! Protoculous is a javascript file which contains Prototype and Scriptaculous together compressed. Prototype.jsとScript.aculo.usを圧縮して32.5KBにした「ProtoPacked v2.13」。 Prototype1.5.1とScript.aculo.us1.7.1_beta をパックにしたパッケージ。 ノーマルのPrototype1.5.1 だけでも 93 KB もあるので、かなりのダイエットに成功しているようで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.studio-cdd.com:8080/haineault/blog/15/
http://youmos.com/news/prototype_portal_class
Prototype.jsを使った垂直文字スクロールウィジェット:phpspot開発日誌