JavaScript / CSS 整形
JavaScript、CSSのソースコードを整形
特徴
JS・CSS両対応の整形
タブ切り替えでJavaScriptとCSSをそれぞれ整形
インデント幅を4種選択
2スペース・4スペース・タブ・圧縮に対応
括弧スタイルを選択可
開き括弧を同じ行か改行後かJSで指定
Prettier採用で安定
定番整形ライブラリによる安定した出力結果
使い方
言語タブを選択
JavaScriptかCSSのタブを切り替えて対象を指定
コードを貼り付け
入力欄に整形したいソースコードを入力
スタイルを設定
インデント幅と括弧スタイルを好みに合わせて選択
整形を実行
整形ボタンを押すと結果を表示しコピー・保存可能
ユースケース
コードレビュー前の整形
乱れたコードを統一様式に整えレビューを円滑化
圧縮コードの可読化
ミニファイされたコードを展開し内容を解読
納品コードの圧縮
圧縮オプションで配信用にファイルサイズを削減
学習用サンプルの清書
コピーしたコードを読みやすく整え理解を補助
基礎知識
コード整形（フォーマット）とは
コード整形とは、動作を変えずにインデント・改行・括弧の位置などの見た目を一定の規則へ揃えることです。書き方の揺れが消えると、複数人での開発でも差分が読みやすくなり、レビューの負担が減ります。
Prettierとは
Prettier とは、JavaScript や CSS の整形で世界的に広く使われているフォーマッターのことで、細かい書式の議論を「ツールに任せる」ことで統一するという思想で作られています。
安全性とプライバシー
ブラウザ完結
入力データはお使いのブラウザ内だけで処理され、外部に送信されません。
ブラウザ内のみで処理
コードの整形はすべてお使いのブラウザ内で行われ、入力データはサーバーに送信されません。
通信はHTTPSで暗号化
ページの読み込みもTLSにより暗号化され、第三者から内容を読み取られません。
第三者への送信なし
広告ネットワークやトラッカーなど外部サービスへ入力内容を送信しません。
結果の自動保存なし
整形結果や入力候補をサーバーに保管することはありません。
Google検索でラッコツールズをフォロー
222件の便利なツールが、Google検索・AI検索から探しやすくなります！
- 検索で見つかる
- AI検索でも表示
- 新ツールも発見
更新情報
- update #216
一部ツールで日本語以外のページに日本語の文言が表示される問題を修正
ラッコM&A 案件一覧注目のツール
ラッコツールズは自由にご活用いただけます！
個人・法人を問わず、商用・非商用を問わず無料でご利用いただけます。事前の許可や利用申請も必要ありません。さまざまなシーンで自由にご活用ください。
配信・動画での利用
くじ引きや抽選など、各種ツールをライブ配信・動画内で利用できます。
学校・仕事・イベントでの利用
授業、チーム分け、社内業務、イベントなど、さまざまな場面で活用できます。
Web・書籍・SNSでの紹介
便利なツールとして、Webメディア・書籍・SNSなどで自由に紹介できます。
商用利用
調査・計算・加工・変換など、業務や制作など商用目的でもご利用いただけます。
紹介してもらえると、ツールを作る元気がわいてきます！
配信・動画でご利用の場合
概要欄などへのラッコツールズのリンク掲載、または配信・動画内で「ラッコツールズ」を使用していることの言及・表示をお願いします。
概要欄に貼れるクレジット例
利用上のお願い通常の利用であれば自由にお使いいただけます。ただし、法令に違反する目的での利用、第三者の権利を侵害する利用、サービスに著しい負荷をかける利用、不正アクセスその他サービスの運営を妨害する行為は禁止します。
各ツールから得られる情報・計算結果等について、正確性・完全性を保証するものではありません。