Prototype-overview
プロトタイプ-概要
プロトタイプとは
プロトタイプは、動的なWebアプリケーションの開発を容易にすることを目的としたJavaScriptフレームワークです。 プロトタイプは、サムスティーブンソンによって開発されました。
PrototypeはJavaScriptライブラリであり、非常に簡単で楽しい方法でDOMを操作できます。これは安全です(クロスブラウザ)。
_Scriptaculous_および_Rico_などの他のライブラリは、Prototypeの基盤の上に構築され、ウィジェットやその他のエンドユーザーのものを作成します。
プロトタイプ-
- DOM要素と組み込み型を便利なメソッドで拡張します。
- 継承を含むクラススタイルのOOPの組み込みサポートがあります。
- イベント管理の高度なサポートがあります。
- 強力なAjax機能を備えています。
- 完全なアプリケーション開発フレームワークではありません。
- ウィジェットまたは標準アルゴリズムまたはI/Oシステムの完全なセットは提供しません。
プロトタイプのインストール方法
プロトタイプは、prototype.jsと呼ばれる単一のファイルとして配布されます。 プロトタイプライブラリをセットアップするには、以下の手順に従ってください-
- ダウンロードページhttp://prototypejs.org/download/[([[1]]]にアクセスして、便利なパッケージで最新バージョンを入手してください。
- 次に、prototype.jsファイルをWebサイトのディレクトリに配置します。/javascript。
これで、Webページで強力なPrototypeフレームワークを使用する準備が整いました。
プロトタイプライブラリの使用方法
今、次のように_Prototype_スクリプトを含めることができます-
<html>
<head>
<title>Prototype examples</title>
<script type = "text/javascript" src = "/javascript/prototype.js"></script>
</head>
<body>
........
</body>
</html>
例
Prototypeの$()関数を使用してJavaScriptのDOM要素を取得する方法を示す簡単な例を次に示します-
<html>
<head>
<title>Prototype examples</title>
<script type = "text/javascript" src = "/javascript/prototype.js"></script>
<script>
function test() {
node = $("firstDiv");
alert(node.innerHTML);
}
</script>
</head>
<body>
<div id = "firstDiv">
<p>This is first paragraph</p>
</div>
<div id = "secondDiv">
<p>This is another paragraph</p>
</div>
<input type = "button" value = "Test $()" onclick = "test();"/>
</body>
</html>
出力
このチュートリアルを選ぶ理由
Prototype Frameworkの非常に優れたドキュメントがhttp://prototypejs.org/[prototypejs.org]にあります。なぜこのチュートリアルを参照する必要があるのでしょうか。
答えは、このチュートリアルで最も一般的に使用されるすべての機能をまとめたということです。 次に、すべての便利な方法と適切な例を説明しましたが、これらは公式サイトでは入手できません。
Prototype Frameworkの上級ユーザーの場合は、公式Webサイトに直接ジャンプできます。そうでない場合、このチュートリアルは参考になり、リファレンスマニュアルのように使用できます。