Aptana Studio は, HTML, CSS, JavaScript, PHP, Ruby などを扱う機能をもった統合開発環境ソフトウェア.
この Web ページで行うこと
下記のソフトウェアをすべてインストールする。
Aptana Studio 3 は、http://www.aptana.com/からダウンロード
Web プロジェクト名は好きにつけて良いが,全角文字は避ける.分かりやすい名前が良い. ここでは,例として,次のように指定する.
設定したら「Finish」をクリック.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>New Web Project</title> </head> <body> <h1>New Web Project Page</h1> </body> </html>
次のようなプログラムを書いてみる
document.write("Hello, World!");
次のようなプログラムを書き加える
<script type="text/javascript" src="hoge.js"></script>
Web サーバは、AptanaStudio に組み込みずみのものが起動する(それが既定の設定).
先ほど作成した hoge.js を書き換え
document.writeln("<hr>"); document.writeln("<h1>hoge</h1>");
実行したいので、index.html を右クリックし、「Run As 」→「JavaScript Web Application」と操作する.
先ほど作成した hoge.js を書き換え
var a = 100; var b = a * 1.05; document.writeln("a = ", a); document.writeln("b = ", b);
実行したいので、index.html を右クリックし、「Run As 」→「JavaScript Web Application」と操作する.
先ほど作成した hoge.js を書き換え
function area(x) { var a = x * x * 3.14; return a; } var x = 100; document.writeln("x = ", x); document.writeln("area(x) = ", area(x));
実行したいので、index.html を右クリックし、「Run As 」→「JavaScript Web Application」と操作する.
先ほど作成した hoge.js を書き換え
var x = 100; document.writeln( "x =", x); document.writeln( JSON.stringify(x) ); var M = [0, 1, 2]; document.writeln( "M =", M); document.writeln( JSON.stringify(M) ); var t = {id:1, name:"hoge"}; document.writeln( "t =", t); document.writeln( JSON.stringify(t) );
実行したいので、index.html を右クリックし、「Run As 」→「JavaScript Web Application」と操作する.