【FlutterFlow】data typeをjsonから一括作成する方法

こんにちは。FlutterFlowではさまざまなAPIと連携しjsonを受け取って外部サービスとやり取りすることができます。
この時、APIのresponseのjson形式に合わせてdata typeを用意したりしますが、jsonの項目がたくさんあると一つずつ作成するのが大変ですよね？

しかし、Flutterでは最近、その問題を解決するため、jsonからdata typeを自動生成する機能が追加されました。ありがたいですね！

今日はそのjsonからdatatypeを一括生成する方法を紹介します。

まずはAPIをテスト実行しサンプルのjsonを用意する

例えばOpenAIのChatGPTのAPIを設定したとします。すると以下のようになると思うので、右上のTest API Callを実行しましょう。
その実行結果のJSONをコピーしておきます。

JSONからData Typeを一括設定

次に、以下のようなData Typeを設定する画面からアップロードのアイコンをクリックし、

先ほどコピーしたJSONを以下に貼り付け、テキトーな名前をつけてcreateします。

すると！以下のように自動的にgptResponseという項目が追加され、id、object、created、model...などの項目が型も正しく生成されました。すごいですね。

しかも、階層構造にも対応していて、例えば上記の項目のうちchoicesはさらにその下の階層がありますが、別data typeとして定義され、choicesのリストとして作ってくれています。

素晴らしいですね。

簡単ですが今日は以上です。ぜひ試してみてください。

Youtube動画での解説はこちら

FlutterFlowのdata typeをjsonから一括作成する方法は、Youtube動画での解説もしてるのでこちらも参考まで。

アプリ・Webサービスの開発の無料相談はこちら

FlutterFlow、Adalo、bubble、STUDIOなどのノーコードツールを使うことで、リスクを抑えて低コストでスピーディにビジネスアイデアを形にすることができます。

弊社はスタートアップ・新規事業向けにコストを抑えた最速のアプリ・Webサービスの開発、さらにはサービス立ち上げのコンサルティングから提案を行なっております。

また、法人向けにノーコードのスクール事業を通して内製化のサポートも行っています。

アプリ、Webサービス、LPなどの構築に興味のある方は、こちらからご気軽にご相談ください。