JSON から Dart を生成

JSON を Dart に変換する方法 – 手順ガイド

この JSON→Dart 生成ツールを使って、Flutter アプリや Dart サービス向けに JSON サンプルから null-safe な Dart クラスを作成します。

1. ステップ 1 – JSON サンプルを貼り付ける

   • 左側のエディターに代表的な JSON オブジェクトまたは配列を貼り付けます。
   • ネストしたオブジェクト、配列、null になり得るフィールドを含めて、型推論を正確にします。
   • Import を使ってファイル、URL、サンプルデータから JSON を読み込みます。

2. ステップ 2 – Dart クラスのオプションを選ぶ

   • ルートモデルの Class Name を設定します（例: Root）。
   • null safety を有効にし、オプションフィールドがどう表現されるか（String? など）を確認します。
   • コード生成を使う場合は、シリアライズ方式（例: json_serializable）を選びます。

3. ステップ 3 – 生成されたコードを確認する

   • フィールド名、型、配列/オブジェクトの表現を確認します。
   • 利用可能なら Root Type Name、null の扱い、フレームワーク等のオプションを調整します。
   • 推論が違う場合は JSON サンプルを調整して再生成します。

4. ステップ 4 – Flutter/Dart でモデルを使う

   • 生成したクラスをプロジェクトに追加します（例: lib/models）。
   • fromJson ファクトリーまたは生成されたシリアライザーで JSON をモデルに変換します。
   • プロジェクトのスタイルに合わせるため flutter format を実行します。

5. ステップ 5 – コピーまたはダウンロード

   • 出力をプロジェクトにコピーするか、ファイルとしてダウンロードします。
   • フォーマッター/リンターを実行してコードスタイルを整えます。
   • 必要に応じて JSON の解析/シリアライズ用ライブラリを追加します。

// JSON 入力
{
  "id": 123,
  "name": "Maeve Winters",
  "email": "[email protected]",
  "active": true,
  "roles": ["admin", "editor"],
  "metadata": { "plan": "pro" },
  "createdAt": "2024-03-01T10:15:00Z",
  "score": 99.5,
  "notes": null
}

// Generated Dart models (simplified)
class Metadata {
  final String plan;
  const Metadata({required this.plan});
}

class Root {
  final int id;
  final String name;
  final String? email;
  final bool active;
  final List<String> roles;
  final Metadata metadata;
  final String createdAt;
  final double score;
  final Object? notes;

  const Root({
    required this.id,
    required this.name,
    required this.email,
    required this.active,
    required this.roles,
    required this.metadata,
    required this.createdAt,
    required this.score,
    required this.notes,
  });
}

関連する JSON & Dart ツール

この JSON→Dart 生成ツールと相性の良い JSON/スキーマ関連ツールもチェックしてください。