コードフォーマッター

ArrayKit のコードフォーマッターツールは、開発者がブラウザから離れることなくコードを整え、変換し、検証するのを助けます。乱雑なスタイルシートの整形、バンドルの圧縮、クエリの再整形、パターンの確認など、コードを読みやすく一貫した状態に保つ日常の整形タスクをこのカテゴリでカバーします。JS / TS フォーマッターと CSS / SCSS フォーマッターは Prettier 風のルールを適用し、SQL フォーマッターは MySQL や PostgreSQL などに対応します。構造化データは YAML JSON 変換で変換し、ドキュメントは Markdown プレビューで描画し、パターンは正規表現テスターでデバッグできます。HTML・XML・GraphQL・Dockerfile・MongoDB クエリ向けのツールもあります。フロントエンド・バックエンドエンジニア、学生、設定やマークアップを扱うすべての人のために作られています。すべてはブラウザ内で完結して動作するため、コードはローカルで処理され、サーバーにアップロードされることはありません。

• YAML ↔ JSON — YAMLをJSONに、またその逆に変換します。
• Markdown プレビュー — MarkdownをHTMLにレンダリングし、ライブプレビューします。
• 正規表現テスター — 正規表現をライブでテストし、マッチ、グループ、フラグを確認します。
• CSS カラー変換 — HEX、RGB、HSL 間で変換し、ライブスウォッチを表示します。
• テキスト比較 — 2つのテキストを行単位で比較し、追加と削除を確認します。
• MDX 変換ツール — MDXをテキストとしてレンダリングし、HTML → MDX 変換やMDXリテラルへのエスケープを行います。
• CSS / SCSS フォーマッター — CSS/SCSS/LESS の整形・圧縮、プロパティの並べ替え、重複の除去を行います。
• JS / TS フォーマッター — JavaScript、TypeScript、JSX/TSX を Prettier のオプションで整形・圧縮します。
• HTML フォーマッター — HTMLの整形・圧縮、インラインCSS/JSの整形、結果のプレビューを行います。
• XML フォーマッター — XMLの整形・圧縮・検証を行い、XML ↔ JSON を変換します。
• SQL フォーマッター — MySQL、PostgreSQL、SQL Server、SQLite、BigQuery、Oracle 向けにSQLを整形します。
• GraphQL フォーマッター — GraphQLのクエリやスキーマを整形・圧縮し、構文を検証してオペレーションを抽出します。
• Dockerfile フォーマッター — Dockerfileを整形し、ベストプラクティスやlintの提案を表示します。
• MongoDB クエリフォーマッター — MongoDBシェルのクエリと集約パイプラインを整形します。
• コントラストチェッカー — 2色間のWCAGコントラスト比とAA/AAA合格を確認します。
• Mermaid 図レンダラー — Mermaid図（フロー、シーケンス、ガント）をブラウザ内でSVGにレンダリングします。
• SVG オプティマイザー — SVGを圧縮: コメント、メタデータ、エディタの残骸を削除し、空白をまとめます。
• MongoDB Query Beautifier — Beautify and indent MongoDB queries and find() statements in your browser.
• MongoDB Aggregation Beautifier — Beautify and indent MongoDB aggregation pipelines in your browser.
• MongoDB Explorer — Explore a MongoDB document or collection sample and infer its field schema and types.
• OpenAPI / Swagger Formatter — Format and validate OpenAPI / Swagger specs (JSON or YAML) and count paths and operations.

よくある質問

これらのコードフォーマッターツールは安全に使えますか?

はい。すべてのコードフォーマッターツールはブラウザ内で完結して動作するため、貼り付けたコードはローカルで処理され、端末から外に出ることはありません。サーバーにアップロードされないので、専有的または機密性の高いソースファイルでも安全に使えます。

コードフォーマッターツールはオフラインで動作しますか?

ページが読み込まれた後は、整形・圧縮・変換のすべてがお使いのマシン上で行われます。処理はローカルで、サーバーには何も送られないため、接続が切れてもツールは動作し続けます。

これらのツールでどの言語や形式を整形できますか?

このカテゴリは幅広くカバーします: CSS・SCSS・LESS、JavaScript・TypeScript・JSX、HTML、XML、複数の方言の SQL、GraphQL、Dockerfile、MongoDB クエリ。さらに YAML を JSON に変換したり、Markdown と MDX をプレビューしたり、SVG を最適化したりできます。

コードを整形も圧縮もできますか?

はい。CSS / SCSS、JS / TS、HTML、XML などのフォーマッターは、読みやすさのための整形と本番向けの圧縮の両方に対応します。ツールによっては、プロパティの並べ替え、重複の除去、構文の検証もできます。

整形するとコードの動作は変わりますか?

整形と圧縮は空白・インデント・レイアウトを調整するだけなので、コードの動作は変わりません。YAML JSON 変換や XML JSON 変換のような変換ツールは、意味を変えずにデータを等価な形式に再構築します。

コードフォーマッターツールを使うのに何かインストールが必要ですか?

インストールは不要です。ページが読み込まれるとすぐにツールがブラウザ内で動作し、すべての処理はお使いの端末上のローカルで行われるため、すぐにコードを整形・変換できます。