コード整形

このサブカテゴリでは、コードや構造化データを読みやすくする10個のフォーマッターを提供しています。JSONフォーマッター、XMLフォーマッター、SQLフォーマッターなどが含まれます。開発者、レビュアー、学生は、圧縮されたファイルをデバッグしたり、レビューの準備をしたり、構文の問題を探したりできます。これら10個のフォーマッターは無料で利用でき、アカウントは不要で、ブラウザー内で動作します。

まず言語または形式で選びましょう。データにはJSON、マークアップ文書にはXML、クエリにはSQLです。HTML、CSS、JavaScript、TypeScript、GraphQLの各フォーマッターは、それぞれの構文を対象としています。JSONキーの並べ替えとJSONパスは、構造的なビューを追加します。内容に合うフォーマッターから始め、最後の2つを使ってデータがどのように構成されているかを確認してください。

使い方

データでは、他の方法を試す前に、JSONフォーマッターでインデントと検証を行います。
マークアップ文書やクエリでは、関係する構文に応じてXMLフォーマッターまたはSQLフォーマッターを使います。
フロントエンドのファイルでは、ファイルに応じてHTMLフォーマッター、CSSフォーマッター、JavaScriptフォーマッター、TypeScriptフォーマッターを選びます。
GraphQLクエリでは、GraphQLフォーマッターを使い、構造を読むためにJSONキー並べ替えまたはJSONパスを追加します。

よくある質問

データベースクエリにはどのフォーマッターを使うべきですか？

SQLフォーマッターを使います。クエリをその方言に従ってインデントし、レビューしやすくします。後でデータを交換する必要がある場合は、変換ツールに進んでください。単純に読むだけなら、フォーマッターで十分なことがよくあります。

フォーマッターは構文エラーを修正しますか？

無効な内容のフォーマットを拒否することで問題を明らかにすることがありますが、すべてを修正してくれるわけではありません。結果は、カンマの欠落や閉じられていないタグを見つけるのに役立ちます。ファイルを検証する前に、必ずメッセージを確認してください。

文書をフォーマットせずにJSONキーを並べ替えられますか？

はい。JSONキーの並べ替えはキーの順序に焦点を当て、JSONフォーマッターはインデントと検証を処理します。どちらか一方を使うことも、望む結果に応じて組み合わせることもできます。

JSONフォーマッターの後にJSONパスを使えますか？

はい。JSONフォーマッターは文書を検証してインデントし、次にJSONパスがパスと値を一覧表示します。この順序は、誤って配置されたキーや予期しない構造を見つけるのに役立ちます。焦点を絞った調査の前に全体像を把握できます。

JavaScriptの代わりにTypeScriptにはどのフォーマッターを選ぶべきですか？

TypeScriptの型、インターフェース、関数にはTypeScriptフォーマッターを使います。JavaScriptフォーマッターは、それらの注釈がないJavaScriptスクリプトを対象とします。不明な場合は、ファイルの言語に合うフォーマッターから始め、結果を確認してください。