2014年9月13日土曜日

Dartで"Hello World"


Javascriptに変換してくれるプログラミング言語Dartを使って"Hello World"を表示するプログラムを作ってみます。
今回はDartの開発環境であるDart Editorを使用せずにコマンドラインで実行できるdart2jsを使用します。

Dart SDK のダウンロード

dart2jsはDart SDKに入っています。下記のサイトからダウンロードします。
https://www.dartlang.org/tools/download.html
ページの最初には、Dart Editorがあるので注意してください。Dart SDKはページの中程からダウンロードできます。
ダウンロードが完了したら、解答して、出来たディレクトリの中のbinディレクトリにパスを通します。これでdart2jsが使用できます。

プログラムを作成

main.dart
import 'dart:html';

main() {
  window.onLoad.listen( ( evt ) {
    var div = new Element.div();
    div.text = "Hello World";
    document.body.children.add( div );
  });
}

コンパイル

$ dart2js -o main.js main.dart

HTMLの作成

main.html
<html>
  <head>
    <title>main</title>
    <script type="text/javascript" src="main.js"></script>
  </head>
  <body>
  </body>
</html>

完成

main.htmlをブラウザで表示して「Hello World」が表示されていれば成功です。

0 件のコメント:

コメントを投稿