JSON to Flow 型ジェネレーター
JSONからFlowの型定義を生成
JSON入力
Flow出力
JSON to Flow型ジェネレーターとは？
FlowはMetaが開発したJavaScript用静的型チェッカーです。このジェネレーターはJSONドキュメントを読み込み、その構造に完全に一致するFlow型宣言を生成します。
TypeScriptと異なり、FlowはコメントプラグマによりJSファイルに直接統合され、ビルド時にBabelで除去されます。このツールはすぐに使えるFlow型エイリアスを生成します。
JSONをFlow型に変換する方法
JSONデータからFlow型定義を生成するには次の3ステップに従ってください。
1
JSONを貼り付けまたはアップロード
左パネルにJSONを貼り付けるか、ファイルをアップロードしてください。
2
Flow型を確認
右パネルに生成されたFlow型宣言が表示されます。
3
コピーまたはダウンロード
コピーまたはダウンロードをクリックしてFlow型を保存してください。
活用シーン
ReactおよびReact Nativeアプリ
APIレスポンスJSONからpropsや状態の型を直接生成します。
APIレスポンスの型付け
サンプルレスポンスを貼り付けてFlow型を即座に取得します。
レガシーJSの移行
既存のJavaScriptコードベースにFlow型を段階的に追加します。
設定ファイルの型付け
複雑なJSON設定ファイルをFlowで型付けします。
よくある質問
FlowとTypeScriptの違いは何ですか？
どちらもJavaScriptの静的型システムです。Flowはコメントプラグマで既存のJSファイルに追加できます。TypeScriptはJSのコンパイルされたスーパーセットです。
厳密なオブジェクト型は生成されますか？
デフォルトでは非厳密なオブジェクト型が生成されます。{| ... |}構文を追加して厳密にできます。
配列はどう処理されますか？
配列はArrayとして型付けされます（Tは最初の要素から推論）。
JSONはブラウザの外に出ますか？
いいえ。すべてブラウザ内で処理されます。
出力はそのまま使えますか？
はい。生成された型を.js.flowファイルにコピーするか、JavaScriptファイルに貼り付けてください。
関連ツール
jsonparser.aiの他のJSON変換・検証ツールもご利用ください。