コード整形・Beautifier(HTML・CSS・JS・PHP・Java・Kotlin・Python・SQL…)
HTML・CSS・JS・JSON・PHP・Java・Kotlin・Shell・Python・SQL・XML・YAMLをタブまたはスペース(2・4・8)で整え、コピーや色付きHTMLとして書き出せます。コードはサーバーに送信されません。
「HTMLとしてコピー」は、色がインラインスタイルで付いた <pre><code> の断片です。ブログや文書にそのまま貼っても色が保たれます。
カラープレビュー
入力したコードはこのブラウザ内だけで処理され、サーバーには送信されません。整形は空白と改行だけを変えるのが原則ですが、重要なコードは整形後にもう一度確認してください。
整形の仕組み
- HTML・CSS・JS・JSONはオープンソースのjs-beautify(MIT)で、PHP・Java・Kotlin・Shell・Python・SQL・XML・YAMLはこのサイトが自作した整形器で処理します。
- 自作の整形器は文字列・コメント・数値・識別子を変えず、トークン間の空白と改行だけを変えます。2回整形しても結果が同じになる(冪等)ように作っています。
- 1行に圧縮されたコードを展開する用途に合わせています。行の長さに合わせてコードを組み直すPrettierのようなツールではありません。
- タブを選ぶとインデントがタブ文字に、スペースを選ぶとその数になります。ファイル保存時は言語に合った拡張子(.php .kt .sh …)が付きます。
よくある質問
入力したコードはサーバーに送信されますか?
いいえ。すべてブラウザ内で整形します。パスワードやキーが含まれるコードも安心して貼り付けられます。
Pythonの構造を整えてくれないのはなぜですか?
Pythonはインデントが文法のため、行を移動・結合するとプログラムの意味が変わります。タブ↔スペース変換と空白の整理のみ行います。
整形したらコードが壊れました。
文字列・コメントの中は変えないのが原則ですが、まれな構文で誤ることがあります。元のコードを保管して比較し、問題のコードを教えてください。
「HTMLとしてコピー」は何に使いますか?
ブログ・Wiki・メールなど、コードハイライト機能のない場所に色付きのコードを貼るときに使います。スタイルがタグ内にあるため別途CSSは不要です。