DartPad

DartPad は、あらゆる最新ブラウザーで Dart 言語を試すことができるオープンソースツールです。このサイトの多くのページ、特にチュートリアルには、埋め込み DartPadがあります。DartPad をスタンドアロンの Web ページとして開くには、DartPad サイト (dartpad.dev)にアクセスしてください。

Dart を実行するように構成された DartPad の外観は次のとおりです

DartPad は、コアライブラリのうち、マルチプラットフォームとしてマークされている dart:* をサポートしています。Flutter アプリの記述時、DartPad は package:flutter および dart:ui ライブラリもサポートします。

DartPad は、遅延ロード、または pub.dev パッケージリポジトリからのパッケージの使用をサポートしていません。現在サポートされているパッケージを除きます。

DartPad に慣れるために、いくつかのサンプルを実行し、簡単なコマンドラインアプリを作成してみてください。

1. DartPadに移動します。

   Dart コードは左側に表示され、出力場所は右側に表示されます。

2. トップメニューの [サンプル] ボタンを使用して、[Sunflower] などの Flutter サンプルを選択します。

   レンダリングされた出力が右側に表示されます。

簡単なコマンドラインアプリを作成するには、まず新しいスニペットを作成します

1. [新規] ボタンをクリックし、現在のパッドへの変更を破棄することを確認します。

2. Dart ロゴのエントリをクリックします。

3. コードを変更します。たとえば、main() 関数に次のコードが含まれるように変更します

   dart

   for (final char in 'hello'.split('')) {
     print(char);
   }

   入力すると、DartPad にヒント、ドキュメント、オートコンプリートの候補が表示されます。

4. [フォーマット] ボタンをクリックします。

   DartPad は、Dart フォーマッターを使用して、コードに適切なインデント、空白、行の折り返しがあることを保証します。

5. アプリを実行します。

6. コードを入力している間にバグがなかった場合は、バグを導入してみてください。

   たとえば、split を spit に変更すると、ウィンドウの右下に警告が表示されます。アプリを実行すると、コンソールにコンパイルエラーが表示されます。

DartPad がサポートする言語機能と API は、DartPad が現在使用している Dart SDK のバージョンによって異なります。この SDK バージョンは、DartPad の右下にあります。

DartPad は、Web ページ内に埋め込むことができ、ユースケースに合わせてカスタマイズできます。たとえば、Future チュートリアルには、例および演習としてラベル付けされた複数の埋め込み DartPad が含まれています。

DartPad の埋め込みに関する技術的な詳細については、DartPad 埋め込みガイドを参照してください。

特に明記されていない限り、このサイトのドキュメントは Dart 3.5.3 を反映しています。ページの最終更新日は 2024 年 6 月 10 日です。 ソースを表示 または 問題を報告。