開発環境
- 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章(データを活気づける)、JavaScriptマグネット(p.429)をDartで考えてみる。
その他参考書籍
- What is Dart? [Kindle版] (O'Reilly Media) Kathy Walrath Seth Ladd (著) このブログでの感想
JavaScriptマグネット(p.429)
コード
sample.dart
import 'dart:html';
void main () {
search.onClick.listen((MouseEvent event) => searchBlog());
}
ButtonElement search = querySelector('#search0');
InputElement search_text = querySelector('#searchtext0');
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), 'ネットで…')];
class Blog {
DateTime date_time;
String body;
Blog(this.date_time, this.body);
}
void searchBlog(){
String text = search_text.value.toLowerCase();
String result;
for (Blog entry in blog){
String body = entry.body;
if(body.toLowerCase().contains(new RegExp(text))){
DateTime date = entry.date_time;
result = '[${date.month}/${date.day}/${date.year}] $body';
}
}
if (result == null) {
result = '検索テキストを含むエントリは見つかりません。';
}
div.text = result;
}
0 コメント:
コメントを投稿