コード整形ツール

ArrayKitのコード整形ツールは、コードと設定をきれいに保つ日々の作業を1か所に、すべてブラウザー内でまとめます。CSS・JS・HTML・SQLの整形ツールで、CSS/SCSS/LESS、JavaScript/TypeScript/JSX、HTML、XML、6方言のSQL、GraphQL、Dockerfileを美化または圧縮できます。YAML to JSON・TOML整形ツール・HTML to Markdown・Glob to Regex で形式を変換し、OpenAPI/Swagger整形ツールでAPI契約を整えます。さらに正規表現テスター・テキスト差分・CSSカラー/単位コンバーター・コントラストチェッカー・Mermaid図レンダラー・SVG最適化・Markdownプレビュー、そして MongoDB のクエリ・集約・スキーマツールが加わります。フロントエンド・バックエンド・DevOpsエンジニア向けに作られており、すべてはお使いのデバイス上でローカルに処理され、何もアップロードされません。

• 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 クエリ整形ツール — MongoDB のクエリや find() 文をブラウザ内で整形・インデントします。
• MongoDB 集計整形ツール — MongoDB の集計パイプラインをブラウザ内で整形・インデントします。
• MongoDB エクスプローラー — MongoDB のドキュメントやコレクションのサンプルを調べ、フィールドのスキーマと型を推測します。
• OpenAPI / Swagger フォーマッター — OpenAPI / Swagger 仕様（JSON または YAML）を整形・検証し、パスと操作の数を数えます。
• CSS単位変換ツール — px・rem・em・pt・% をリアルタイムに相互変換します。
• glob to regex 変換ツール — globパターンをJavaScriptのregexに変換し、パスでテストできます。
• HTML to Markdown 変換ツール — HTMLをきれいで読みやすいMarkdownに変換します。
• TOML 整形・変換ツール — TOMLを整形・検証し、JSONと相互変換します。
• logfmt to JSON コンバーター — logfmt の key=value ログを JSON に、また JSON から logfmt に変換します。
• dotenv から JSON への変換 — .env ファイルを JSON オブジェクトに、JSON を .env に相互変換できます。
• CSV から Markdown テーブルへの変換 — CSV や TSV を GitHub 形式の Markdown テーブルに変換できます。
• INI から JSON への変換 — INI 設定を JSON に、JSON を INI に、セクションやコメントごと相互変換できます。
• Markdown テーブル生成 — 編集可能グリッドで Markdown テーブルを作成し多形式に書き出し
• データ容量変換 — バイトを KB・MB・GB や KiB・MiB・GiB に一度に変換
• Properties to JSON — Java の .properties を JSON に、またその逆にブラウザで変換。

よくある質問

ArrayKitのコード整形ツールで何ができますか。

コード（CSS・SCSS・LESS・JavaScript・TypeScript・JSX・HTML・XML・SQL・GraphQL・Dockerfile）の美化や圧縮、YAML to JSON・TOML to JSON・HTML to Markdown・glob to regex などの形式変換、XML・OpenAPI・TOMLの検証、正規表現のテスト、テキストの比較、色のコントラストのチェック、Mermaid図のレンダリングが、すべて1つのカテゴリでできます。

これらのコード整形ツールは非公開のコードに使っても安全ですか。

はい。すべてのツールはブラウザー内で動作するため、貼り付けたコード・クエリ・設定はローカルで処理され、デバイスから外に出ることはありません。何もサーバーへアップロードされないため、独自の、あるいは機密のソースファイルにも安全に使えます。

コード整形ツールはどの言語や形式に対応していますか。

CSS/SCSS/LESS、JavaScript・TypeScript・JSX、HTML、XML、MySQL・PostgreSQL・SQL Server・SQLite・BigQuery・Oracle にわたるSQL、GraphQL、Dockerfile、MongoDB に対応します。さらに YAML・JSON・TOML・HTML・Markdown・OpenAPI/Swagger 仕様を変換し、SVGを最適化します。

ここでコードの美化と圧縮の両方ができますか。

はい。CSS・JS・HTML・XML・GraphQLの整形ツールはいずれも、読みやすくするための美化と本番向けの圧縮に対応し、いくつかのツールはプロパティの並べ替え・重複の除去・構文の検証といった追加機能も備えています。

コード整形ツールはコードの整形以外のこともできますか。

はい。整形に加えて、形式間のデータ変換（YAML/JSON、TOML/JSON、HTML/Markdown、glob/regex、CSSの単位と色）、正規表現のテスト、2つのテキストの差分、WCAGの色コントラストのチェック、Mermaid図のレンダリング、MongoDBドキュメントの確認ができます。

コード整形ツールを使うのに何かインストールが必要ですか。

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