JavaScript / CSS 整形
JavaScript、CSSのソースコードを整形
特徴
JS・CSS両対応の整形
タブ切り替えでJavaScriptとCSSをそれぞれ整形
インデント幅を4種選択
2スペース・4スペース・タブ・圧縮に対応
括弧スタイルを選択可
開き括弧を同じ行か改行後かJSで指定
Prettier採用で安定
定番整形ライブラリによる安定した出力結果
使い方
1
言語タブを選択
JavaScriptかCSSのタブを切り替えて対象を指定
2
コードを貼り付け
入力欄に整形したいソースコードを入力
3
スタイルを設定
インデント幅と括弧スタイルを好みに合わせて選択
4
整形を実行
整形ボタンを押すと結果を表示しコピー・保存可能
ユースケース
コードレビュー前の整形
乱れたコードを統一様式に整えレビューを円滑化
圧縮コードの可読化
ミニファイされたコードを展開し内容を解読
納品コードの圧縮
圧縮オプションで配信用にファイルサイズを削減
学習用サンプルの清書
コピーしたコードを読みやすく整え理解を補助
基礎知識
コード整形（フォーマット）とは
コード整形とは、動作を変えずにインデント・改行・括弧の位置などの見た目を一定の規則へ揃えることです。書き方の揺れが消えると、複数人での開発でも差分が読みやすくなり、レビューの負担が減ります。
Prettierとは
Prettier とは、JavaScript や CSS の整形で世界的に広く使われているフォーマッターのことで、細かい書式の議論を「ツールに任せる」ことで統一するという思想で作られています。
安全性とプライバシー
ブラウザ完結
入力データはお使いのブラウザ内だけで処理され、外部に送信されません。
ブラウザ内のみで処理
コードの整形はすべてお使いのブラウザ内で行われ、入力データはサーバーに送信されません。
通信はHTTPSで暗号化
ページの読み込みもTLSにより暗号化され、第三者から内容を読み取られません。
第三者への送信なし
広告ネットワークやトラッカーなど外部サービスへ入力内容を送信しません。
結果の自動保存なし
整形結果や入力候補をサーバーに保管することはありません。
更新情報
- update #216
一部ツールで日本語以外のページに日本語の文言が表示される問題を修正
ラッコM&A 案件一覧
注目のツール
