Ajax Webアプリケーション奮闘記 〜関西温泉マップ〜

Ajax Webアプリケーション作成にあたり、技術的メモや奮闘内容、未解決問題等を掲載していきます。 もちろん、関西温泉マップはβ版なので無料でご利用いただけます。


私おすすめのレンタルサーバー | ここが便利！レノボWeb広告限定ストア

AptanaでDojoを始める

まず、Aptanaの入手ですが、以前書いた記事を参照してください。
この記事に日本語化する方法も記載しています。

・Ajax Webアプリケーション奮闘記 〜関西温泉マップ〜 Aptanaの導入と日本語化

上記の方法でAptanaが導入できたら、
Dojoを扱うプロジェクトを作成します。プロジェクトの作成方法については、以前書いた下記の記事を参考にしてください。なお、下記記事はPrototypeのプロジェクトを導入する例ですが、Prototypeを選択するところ以外は同じ操作ですので、Dojoを選択して作成してください。

・Ajax Webアプリケーション奮闘記 〜関西温泉マップ〜 AptanaでPrototypeを使ってみる

これで、Dojo Toolkitをダウンロードしなくても、Aptanaに入ってますので、
後は、HTMLファイルにロードさせてDojoのコードを記述すれば、Dojoの機能は使えます。

では、早速動くところを確認してみましょう。
プロジェクトビュー上で右クリックして、[新規作成] - [HTMLファイル]
適当なファイル名を入力後、「終了ボタン」を押下します。

作成されたファイルに以下のソースコードをコピーして、実行してみてください。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
		<title>Dojo Sample1</title>
	    <!-- dojo.jsの読み込み -->
	  	<script type="text/javascript" src="lib/dojo/dojo.js"></script>
		<script type="text/javascript">
			// ページの読み込みが完了した時に呼び出される関数 を登録
			dojo.addOnLoad(initWindow);
			
			function initWindow() {
				alert("Hello Dojo World!");
			}
			
		</script>
	</head>
	<body>
	</body>
</html>


実行方法は、下図のように
FireFoxまたは、IEのタブをクリックすると実行できます。

Dojo実行


「Hello Dojo World」というダイアログが表示されれば、
動作OKです。

【参考サイト】
・【特集】詳解! Dojo Toolkit 1.0 (基礎知識編) - 頻出APIと便利機能を一気におさえる | エンタープライズ | マイコミジャーナル
・【特集】詳解! Dojo Toolkit 1.0(Dijit編) - ウィジェットプログラミングのツボ | エンタープライズ | マイコミジャーナル
・The Book of Dojo | The Dojo Toolkit

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://ajaxapp.blog79.fc2.com/tb.php/96-80df7a32
この記事にトラックバックする(FC2ブログユーザー)

無料ホームページ アフィリエイト レンタルサーバー FC2ブログ 一戸建て