すらぼうの開発ノート

モバイルアプリエンジニアのメモ

【Flutter / Dart】Json形式のデータを読み込む方法

本エントリではJson形式のデータを読み込む方法を以下の流れで説明する。



Json形式データ読み込み方法

準備

取得データ

以下のJsonデータを説明用に読み込む。

ちなみにこちらのデータはJSONPlaceholderというテスト用のWebAPIで取得できる。 自前でAPI用のサーバーなどを作成しなくてもWebAPIを利用できるので開発時に結構便利。

本エントリではWebAPIを叩く方法の説明は割愛する。

使用ライブラリ

サードパーティのライブラリは使用せず、dart:convertというビルトインのライブラリを利用する。

api.dart.dev

読み込み方法

jsonDecode()メソッドを使用してJson形式のString型データをパースしてMap<String, dynamic>型に変換することができる。

上記のコードではparsedDataMap<String, dynamic>型のデータが格納される。