dart チュートリアル
ダーツを始める
サーチ…
備考
Dartは、Googleが作成したクライアントとサーバーの両方でWebアプリケーションを構築するための、オープンソースのクラスベースの、オプションで型付けされたプログラミング言語です。ダーツの設計目標は次のとおりです。
- ウェブプログラミングのための構造化された柔軟な言語を作成します。
- ダーツをプログラマーに親しみやすく自然に感じるようにして、簡単に学びましょう。
- ダーツは、小型ハンドヘルドデバイスからサーバーサイドの実行まで、あらゆる最新のWebブラウザと環境で高いパフォーマンスを実現します。
Dartは、多くの構造を持たない1人のプロジェクトから、プログラマーの意図を示すためにコード内に正式な型を必要とする大規模なプロジェクトに至るまで、幅広い開発シナリオを対象としています。
この幅広いプロジェクトをサポートするために、Dartは以下の機能とツールを提供しています。
- オプションのタイプ:これは、タイプなしでコーディングを開始し、必要に応じて後で追加できることを意味します。
- 分離:サーバーとクライアントでの並行プログラミング
- 簡単なDOMアクセス: CSSセレクタを使用する(jQueryと同じ方法)
- Dart IDEツール:多くの一般的に使用されているIDE、例: WebStormにはダーツプラグインが存在します。
- Dartium: Dart仮想マシンを内蔵したChromium Webブラウザの構築
リンク
- ダートのホームページ
- 公式ダーツニュース&アップデート
- ダートスフィア - 最近のダーツブログ記事の集まり
- Google+のDartisans Dartisansコミュニティ
- ダーツWeb開発 - Googleグループページ
- Dart Language Misc - Googleグループページ
- DartLang sub-Reddit
ドキュメンテーション
よくある質問
バージョン
| バージョン | 発売日 |
|---|---|
| 1.22.1 | 2017-02-22 |
| 1.22.0 | 2017-02-14 |
| 1.21.1 | 2016-01-13 |
| 1.21.0 | 2016-12-07 |
| 1.20.1 | 2016年10月13日 |
| 1.20.0 | 2016-10-11 |
| 1.19.1 | 2016-09-07 |
| 1.19.0 | 2016-08-26 |
| 1.18.1 | 2016-08-02 |
| 1.18.0 | 2016-07-27 |
| 1.17.1 | 2016年6月10日 |
| 1.17.0 | 2016年6月6日 |
| 1.16.1 | 2016年5月23日 |
| 1.16.0 | 2016-04-26 |
| 1.15.0 | 2016-03-09 |
| 1.14.2 | 2016-02-09 |
| 1.14.1 | 2016-02-03 |
| 1.14.0 | 2016-01-28 |
| 1.13.2 | 2016-01-05 |
| 1.13.1 | 2015-12-17 |
| 1.13.0 | 2015-11-18 |
| 1.12.2 | 2015-10-21 |
| 1.12.1 | 2015-09-08 |
| 1.12.0 | 2015-08-31 |
| 1.11.3 | 2015-08-03 |
| 1.11.1 | 2015-07-02 |
| 1.11.0 | 2015-06-24 |
| 1.10.1 | 2015-05-11 |
| 1.10.0 | 2015-04-24 |
| 1.9.3 | 2015-04-13 |
| 1.9.1 | 2015-03-25 |
| 1.8.5 | 2015-01-13 |
| 1.8.3 | 2014-12-01 |
| 1.8.0 | 2014-11-27 |
| 1.7.2 | 2014-10-14 |
| 1.6.0 | 2014-08-27 |
| 1.5.8 | 2014-07-29 |
| 1.5.3 | 2014-07-03 |
| 1.5.2 | 2014-07-02 |
| 1.5.1 | 2014-06-24 |
| 1.4.3 | 2014年6月16日 |
| 1.4.2 | 2014-05-27 |
| 1.4.0 | 2014-05-20 |
| 1.3.6 | 2014-04-30 |
| 1.3.3 | 2014-04-16 |
| 1.3.0 | 2014-04-08 |
| 1.2.0 | 2014-02-25 |
| 1.1.3 | 2014-02-06 |
| 1.1.1 | 2014-01-15 |
| 1.0.0.10_r30798 | 2013-12-02 |
| 1.0.0.3_r30188 | 2013-11-12 |
| 0.8.10.10_r30107 | 2013-11-08 |
| 0.8.10.6_r30036 | 2013-11-07 |
| 0.8.10.3_r29803 | 2013-11-04 |
インストールまたはセットアップ
Dart SDKには、VM、ライブラリ、アナライザ、パッケージマネージャ、ドキュメントジェネレータ、フォーマッタ、デバッガなど、Dartコードを記述して実行するのに必要なものがすべて含まれています。ウェブ開発をしている場合は、Dartiumも必要です。
自動インストールと更新
手動インストール
また、任意のバージョンのSDKを手動でインストールすることもできます 。
こんにちは世界!
次の内容のhello_world.dartという名前の新しいファイルを作成します。
void main() {
print('Hello, World!');
}
ターミナルで、ファイルhello_world.dartを含むディレクトリに移動し、次のように入力します。
dart hello_world.dart
Hello, World!を表示するために入力してHello, World!ターミナルウィンドウに表示されます。
HTTPリクエスト
Html
<img id="cats"></img>
ダーツ
import 'dart:html';
/// Stores the image in [blob] in the [ImageElement] of the given [selector].
void setImage(selector, blob) {
FileReader reader = new FileReader();
reader.onLoad.listen((fe) {
ImageElement image = document.querySelector(selector);
image.src = reader.result;
});
reader.readAsDataUrl(blob);
}
main() async {
var url = "https://upload.wikimedia.org/wikipedia/commons/2/28/Tortoiseshell_she-cat.JPG";
// Initiates a request and asynchronously waits for the result.
var request = await HttpRequest.request(url, responseType: 'blob');
var blob = request.response;
setImage("#cats", blob);
}
例
https://dartpad.dartlang.org/a0e092983f63a40b0b716989cac6969aの例を参照してください。
ゲッターとセッター
void main() {
var cat = new Cat();
print("Is cat hungry? ${cat.isHungry}"); // Is cat hungry? true
print("Is cat cuddly? ${cat.isCuddly}"); // Is cat cuddly? false
print("Feed cat.");
cat.isHungry = false;
print("Is cat hungry? ${cat.isHungry}"); // Is cat hungry? false
print("Is cat cuddly? ${cat.isCuddly}"); // Is cat cuddly? true
}
class Cat {
bool _isHungry = true;
bool get isCuddly => !_isHungry;
bool get isHungry => _isHungry;
bool set isHungry(bool hungry) => this._isHungry = hungry;
}
Dartクラスのgetterおよびsetterを使用すると、APIでオブジェクトの状態の変更をカプセル化できます。
ここのdartpadの例をご覧ください : https : //dartpad.dartlang.org/c25af60ca18a192b84af6990f3313233
