Dart - データを活気づける(class, constructor, new)

Dart: Up and Running
(O'Reilly Media)
Kathy Walrath Seth Ladd (著)
[Kindle版]
このブログでの感想

開発環境

• OS X Mavericks - Apple (OS)
• Dart Editor (開発環境)
• Dartium | Dart/ Structured web apps (ブラウザ, Dart VM 用 (Chromium with the Dart VM))
• Safari (ブラウザ, JavaScript 用)
• Dart (プログラミング言語)

Head First JavaScript ―頭とからだで覚えるJavaScriptの基本( Michael Morrison (著), 豊福 剛 (翻訳)、オライリージャパン)の9章(データを活気づける)、自分で考えてみよう(p.405)をDartで考えてみる。

その他参考書籍

• What is Dart? [Kindle版] (O'Reilly Media) Kathy Walrath Seth Ladd (著) このブログでの感想

自分で考えてみよう(p.405)

コード

sample.dart

import 'dart:html';

void main () {
  List<Blog> blog = [new Blog(new DateTime(2008, 8, 14), '注文していた…'),
                     new Blog(new DateTime(2008, 8, 19), '新しいキューブは…'),
                     new Blog(new DateTime(2008, 8, 16), '新しいキューブと…'),
                     new Blog(new DateTime(2008, 8, 21), 'ネットで…')];
  run.onClick.listen((MouseEvent event) {
    String result = '';
    for(Blog b in blog) {
      result += '$b, 日付: ${b.dt}, 本文: ${b.text}\n';
    }
    pre.text = result;
  });
  clear.onClick.listen((MouseEvent event) => pre.text = '');
}

ButtonElement run = querySelector('#run_dart');
ButtonElement clear = querySelector('#clear');
PreElement pre = querySelector('#pre0');

class Blog {
  DateTime dt;
  String text;
  Blog(this.dt, this.text);
}