Dartコードフォーマッター
dart_styleにインスパイアされたルールを使用してDart / Flutterソースコードをフォーマットおよび美化します —括弧の深さで再インデント、演算子間隔の正規化、インポートの並べ替えとグループ化、複数行リストに末尾のコンマを追加します。
入力
フォーマットオプション
出力
このツールを使う他の方法
REST API
curl -X POST https://api.iotools.cloud/v1/tool/dart-code-formatter \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"dartInput": "import 'package:flutter/material.dart';\nimport '…",
"indentSize": "2",
"sortImports": "true",
"trailingCommas": "true",
"removeBlankLines": "true"
}'ご自身のアカウントのキーに差し替えてください。ツールのフィールドがそのままリクエストボディになります——ラッパーはありません。
AIエージェントに依頼する
Use the IOTools `dart-code-formatter` tool (Dart Code Formatter) on this input:
YOUR_INPUT_HEREIOTools MCPサーバーに接続された任意のエージェントにこれを貼り付け、入力内容を追加してください。
埋め込みウィジェット
<iframe
src="https://iotools.cloud/embed/dart-code-formatter/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Dartコードフォーマッター — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>ご自身のページに貼り付けるだけ——無料、キー不要、リンクを掲載するだけです。
| API/MCP 1回あたりの費用 | 5クレジットから |
|---|---|
| クレジットが足りませんか? | 料金を見る |
次の方法でも利用可能
ガイド
Dartコードフォーマッターは、ブラウザでDartおよびFlutterソースコードをクリーンアップして美化します。乱雑な、手書きの、または縮小されたDartを貼り付けると、すべてのブロックを再インデントし、演算子の間隔を正規化し、インポートをソートし、複数行の引数リストを整理します — すべてが瞬時に行われ、サーバーに送信されることはありません。公式のDartスタイルツールであるdart formatの精神に従い、高速で依存関係のない一連のルールを使用しています。
使い方
- Dartコードを入力ボックスに貼り付けるか、
.dartファイルをアップロードします。 - インデントサイズを選択します — 2スペース（Dartデフォルト）、4スペース、またはタブ。
- 必要なフォーマットオプションを切り替えます：インポートのソート、末尾のコンマ、空行の折りたたみ。
- フォーマット済みの結果が右側に表示され、
formatted.dartとしてコピーまたはダウンロード可能です。
フォーマットはあなたが入力するにつれて自動的に実行されるため、オプションを調整して、出力がリアルタイムで更新されるのを見ることができます。
機能
- ネストの深さでインデントを再設定します。 中括弧
{}、括弧()、角括弧[]はインデントレベルを制御するため、ネストされたクラス、関数、および使用可能なコレクションが一貫して配置されます。Dartを認識するトークナイザーは、文字列とコメント内の括弧がインデントに影響しないことを意味します。 - 演算子の間隔を正規化します。
=、==、=>、??、&&、||、複合代入の周囲に整列した間隔を追加し、コンマとマップコロンの後に追加します — 文字列とコメントの内容は完全に変わりません。 - ディレクティブをソートおよびグループ化します。 有効にすると、
import/export行がアルファベット順にソートされ、従来の3つのグループに分割されます：最初にdart:、次にpackage:、その後に相対パスがあり、空行で区切られています。 - 末尾のコンマを追加します。 複数行の引数、パラメータ、およびコレクションリストは、閉じ
)または]の前に末尾のコンマを取得します。これにより、Dart自身のフォーマッターが満足し、より簡潔なdiffが生成されます。 - 余分な空行を折りたたみ、トップレベルの宣言間に空行を挿入します。
これはdart formatと同じですか？
これはdart formatにインスパイアされていますが、完全な再実装ではなく、軽量なヒューリスティックフォーマッターです。トークンのインデント間隔を確実に設定しますが、公式ツールのように長い行をラップまたは再フローしません。貼り付けされたスニペット、生成されたコード、またはインデント修正などのほとんどの日常的なクリーンアップでは、クリーンで読みやすい出力が生成されます。規定のビルドパイプラインフォーマットについては、公式のdart formatをローカルで実行してください。
これはコードの動作を変更しますか？
いいえ。空白、インデント、空行、末尾のコンマ、およびインポート順序のみを調整します。識別子、文字列の内容、またはロジックを再書き込みしないため、コンパイル済みの結果は同じです。
Flutterウィジェットツリーをフォーマットできますか？
はい。深くネストされたウィジェットコンストラクターは適切にインデント調整され、末尾のコンマオプションはFlutterデベロッパーがウィジェットツリーを読みやすく保つために使用するスタイルと一致しています。
インポートのソートがコメントを移動した理由は何ですか？
ソートはのみ、import/exportディレクティブライン自体を並べ替えます。特定のインポート順序に依存している場合は、「ディレクティブをソートおよびグループ化」オプションをオフのままにしてください。
プライバシー
すべてがブラウザでローカルに実行されます。Dartコードは決してアップロード、保存、または送信されることはありません — フォーマットロジックはデバイス全体で実行されるため、プライベートまたは独自のソースで安全に使用できます。