コードフォーマッター＆整形

蜜蜂ツールボックスの無料オンラインコードフォーマッター・整形ツール。JavaScript、TypeScript、JSON、CSS、SCSS、HTML、Markdown、YAML、SQL をワンクリックで整形でき、インデントも設定可能。処理はすべてブラウザ内でローカル完結し、コードはアップロードせずプライバシーを保護します。

JS・CSS・HTML・SQL などをワンクリックで整形。 JavaScript / TypeScript / JSON / CSS / SCSS / LESS / HTML / Markdown / YAML と SQL に対応し、インデントを選択できます。処理はすべてブラウザ内でローカル完結し、コードをアップロードせずプライバシーを保護します。

状態： —

コードフォーマッター使い方ガイド

このツールでできること

  • 多言語整形：JavaScript、TypeScript、JSON、CSS、SCSS、LESS、HTML、Markdown、YAML をワンクリックで整形します。
  • SQL 整形：SQL 文をキーワードやインデントを揃えて整形し、可読性を高めます。
  • インデント設定：2 スペース、4 スペース、Tab に対応。

使い方のヒント

  1. 先にコードに合った「言語 / 種類」を選んでください。合っていないと整形に失敗することがあります。
  2. JavaScript と JSX は babel パーサーを使用します。TypeScript / TSX は TypeScript を選んでください。
  3. コードに構文エラーがあると、位置を示すエラーが表示されます。修正して再実行してください。

プライバシーについて

本ツールはブラウザ内でローカル動作し、コードをサーバーへアップロードしません。

オープンソースライセンス表記：コード整形は prettier（MIT License）、SQL 整形は sql-formatter（MIT License）を使用しています。

よくある質問

コードはサーバーにアップロードされますか？
いいえ。整形はブラウザ内でローカルに行われ、コードはアップロードされません。
どの言語に対応していますか？
JavaScript、TypeScript、JSON、CSS、SCSS、LESS、HTML、Markdown、YAML、SQL に対応しています。
整形に失敗するのはなぜですか？
多くの場合、コードに構文エラーがあるか、選んだ言語種類が実際のコードと一致していません。確認して再実行してください。
インデントは設定できますか？
はい。2 スペース、4 スペース、Tab のインデントに対応しています。
SQL はどの方言に対応していますか？
SQL 整形は sql-formatter を使用し、既定で標準 SQL に対応、一般的な文の整形をカバーします。
TypeScript はどう整形しますか？
言語のドロップダウンで TypeScript / TSX を選んでください。内部で babel-ts パーサーを使用します。
プライバシーが漏れることはありますか？
いいえ。本ツールはコードをアップロードせず、ログインも不要です。