AptanaでPrototypeを使ってみる

Prototypeを使うにあたり、テキストエディタでゴリゴリとコードを作成する手順は他のサイトで紹介されているので、ここでは、AptanaというAjax統合開発環境を使ってPrototypeを使ってみることにする。
Aptanaについては、以下を参照。
・Ajax Webアプリケーション奮闘記 〜関西温泉マップ〜 Aptanaの導入と日本語化

１．プロジェクトの作成
Aptanaを起動して、プロジェクトビュー上で右クリックする。
[新規作成] - [プロジェクト]を選択。



- 図1 プロジェクトビューで右クリック -

新規プロジェクトのウィザード選択ダイアログが表示されるので、「Ajax Projects」を選択し、
次へボタンを押下する。



- 図2 新規プロジェクト　ウィザードを選択 -

プロジェクト名入力を促されるので、適当にプロジェクト名を入力し、次へボタンを押下する。



- 図3 プロジェクト名入力 -

次にJavaScriptライブラリーのインポートダイアログが表示されるので、選択肢からPrototype1.5.1.1にチェックを付け終了ボタンを押下する。



- 図4 ライブラリ選択 -

そうすると、自動的にprototype_sample.htmlが表示される。
このように、Prototype.jsをサイトからダウンロードしなくても、デフォルトでAptanaの中に入っている。ただし、バージョン最新ではないけど・・。これで使える環境が整った。実に簡単！



- 図5 prototype_sample.html -



- 図6 Firefox Preview -

次回以降はゴリゴリ使ってみることにする。