28
28

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Dartを簡単に試してみる Try Dartlang or Dart Editor or Chrome Dev Editor

Last updated at Posted at 2014-07-13

はじめに

「Dartって何?」
語弊を生じるかもしれませんが、Googleが開発しているJavascriptの代替言語です。

ただ、コンパイルしたらJavascriptになるとか、そんなちっぽけな話ではないです。
Dartはそのままフロントでもバックでも動く事を想定しています。

というか、きっとAndroid開発もdartでできるようにきっとなるはず...
なってほしい、切実に...

最近の話だと、
GoogleのApp Engineがサポートしたり、詳しくはこちら
ECMAscriptの標準規格になったり、詳しくはこちら
今年に入ってから勢いをつけています。

もうそろそろ実際にDartの実用例が出てくる事かなっと思っています。

去年くらいはまだ実用化に不安があると開発者自身がいっていたので、
(どこかで見た覚えがある)
Dart1.3くらいからかなり安定してきているのではないでしょうか。
(現状1.5.3)

っでここからは、とりあえず初めて触るための紹介です。

簡単な三つの方法

・try.dartlang
・Chrome Dev Editor
・Dart Editor

取り組みやすい順に上から並べています。
まぁ、全部すぐにはじめることができるほど簡単ですが..

try.dartlang

http://try.dartlang.org/
上記にアクセスしたらすぐにできます。

左にコードを書いてコンパイルすると右に出力されます。
お手軽です。

また三つのサンプルが用意されています。
Hello WorldとFibonacciとSunflowerです。

本当にさっくり言語仕様を試したいだけの場合におすすめです。

スクリーンショット 2014-07-13 13.49.47.png

Chrome Dev Editor

Google IO 2014で公開されたChrome Dev Editor(CDE)。
デスクトップとモバイル開発を対象とした新しいIDEで、JavascriptとDartをサポートしています。
詳しくはこちら

Chrome Web Store
からインストールできます。

インストールして起動すると下記画面になります。

editor1.png

左上の...からNew Projectを選択します。

スクリーンショット 2014-07-13 13.43.03.png

Dart Web Appを選択します。

スクリーンショット 2014-07-13 13.43.18.png

Dart Web Appのプロジェクトが作成されました。

スクリーンショット 2014-07-13 13.43.33.png

また、左下の設定から文字の大きさや、KeyBindingsが選択できます。
KeyBindingsはDefaultとVim、Emacsから選べます。

Vimを試してみたのですが、まぁそこそこにVimなKeyになっています。
ただまだ物足りない。。ないよりは全然いいですが。

スクリーンショット 2014-07-13 13.48.02.png

Dart Editor

最後にDart Editorです。

ここからダウンロードできます。

スクリーンショット 2014-07-13 22.01.16.png

ƒileからNew Projectを選択します。

スクリーンショット 2014-07-13 22.02.47.png

展開するディレクトリと名前、あとは種類を選ぶとProjectoが作成されます。

スクリーンショット 2014-07-13 22.04.17.png

作成されました。

スクリーンショット 2014-07-13 22.04.43.png

また左上のDart Editorの環境設定からKey Bindingsが設定できます。
XMLのimport式です。

vimが見当たらなかったのですが、Emacsならありました。
EmasのKey Bindings.
https://github.com/hpoul/dart-editor-emacs-keybindings

スクリーンショット 2014-07-13 22.05.03.png

ほかにThemaも選択できます。

スクリーンショット 2014-07-13 22.05.18.png

外部アカウント

技術情報のみつぶやくアカウント作成しました。Dart以外にもAlt-JSの情報も追っていきます。
[Twitterはこちら]
(https://twitter.com/takeharumikami)
[Feedlyのフォローはこちら]
(http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Fqiita.com%2Ftakeharu%2Ffeed)

28
28
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
28
28

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?