StageXL for Dartについての発表した後日談

GDG DevFest Japan 2014 Springで、発表したStageXL for Dartについて
後日談です。

続きを読む

DartからJSを使う その2_2 (Google Maps-HTML, CSS部分)

次にHTMLとCSSの記述について見てみます。
まず、デフォルトで書き出されているCSSを消去します。

Google Maps JavaScript API V3 チュートリアルのソース
(Google マップ V3 の「Hello, World」)に
近いCSSの方がわかりやすいので、それに近い形で書き直します。

続きを読む

DartからJSを使う その2_1 (Google Maps-Dartソース部分)

次にDartからJSを使っているサンプルを見てみます。

Dart JavaScript Interop Samples
http://dart-lang.github.com/js-interop/example/

以下のサンプルが紹介されています。

・Google Charts API
・Google Maps / Directions API
・Twitter Search via JSONP

Google Mapsを使ってみたいので、DartからJSを使う その1と同じ方法でDirections API を
使ってみると表示することが可能でした。

色んなGoogle Mapsを試してみたいので、まずは基本的なところから
試してみたいと思います。

※追記12/4：さっき気づいたのですが、a14nさんが色々サンプルを
　 公開してくださっています。
　 こちらの方がお薦めです。

-----

続きを読む

DartからJSを使う その1

実は、先日のDevFest Kyotoで、DartからGoogle Mapを利用しようと、
Hackathonの時に色々やってみて、絶賛放置中でした。
DartがM1になって、JSもDartから利用可能なったので試してみることにしました。

Google Mapsのサンプルもあると、先日DevFest Kyotoで
Dart CodeLabでチューターをしてくれたGDG京都スタッフの粟納さんに
教えてもらいました。

まずはJSの簡単なサンプルから試します。

先日のDart CodeLabで使用したテキストのもとは、Google I/Oの
Dart CordLabのテキストですが、日本語に翻訳済みです。

Dartが始めての方は、まずこちらからどうぞ！

Dart Code Lab 日本語訳

------

続きを読む