Dart - データを活気づける(DateTime class(year, month, day property))

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.417)をDartで考えてみる。

その他参考書籍

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

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

コード

sample.dart

import 'dart:html';

void main () {
  run.onClick.listen((MouseEvent event) => showBlog());
  clear.onClick.listen((MouseEvent event) => div.text = '');
}

ButtonElement run = querySelector('#run_dart');
ButtonElement clear = querySelector('#clear');
DivElement div = querySelector('#d0');

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), 'ネットで…')];

void showBlog([int n]) {
  if (n == null) {
    n = blog.length;
  }
  String blog_text = '';
  int i;
  for (i = 0; i < n; i += 1) {
    Blog entry = blog[i];
    DateTime date = entry.dt;
    blog_text += '<strong>${date.month}/${date.day}/${date.year}</strong>' +
        '<br />${entry.body}<br />';
  }
  div.innerHtml = blog_text;
}

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