メインコンテンツへスキップ
Toolars
探索
バグを報告

開発 · ローカルユーティリティ

JavaScript フォーマッター

JavaScript Formatter

本物のパーサーをローカル Worker で使って JavaScript を整形。信頼できないコードも実行せずに読める。2/4 スペース対応。

タスクの道筋 / 入力から結果へ

JavaScript を貼り付ける

ローカルで実行 · アップロードなし

JavaScript フォーマッターの使い方、プライバシー、関連ツール

タスクの道筋 / 入力から結果へ

JavaScript を整形する方法

  1. 01

    JavaScript を貼り付ける

    256 KiB 以下の UTF-8 ソースを入力します。整形では 2 または 4 スペースを選べます。

  2. 02

    インデントを選ぶ

    2個または4個のスペースを選びます。サンプルは読み込み済みで、新しい設定は「整形」を押したときに反映されます。

  3. 03

    実行せずに整形する

    「整形」を押します。Prettierが選んだインデントと100列の印字幅でJavaScriptを実行せずに解析・再出力します。テストを実行してください。

  4. 04

    結果と統計を確認する

    入力と出力のUTF-8バイト数、削減率を比べます。削減量が負なら結果は大きくなっています。コピーやダウンロードの前に確認してください。

  5. 05

    結果をコピーまたはダウンロードする

    「結果をコピー」で整形済みコードをクリップボードへ送り、「ダウンロード」で toolars.js として保存します。「リセット」で入力・出力・オプションをクリアして、次のスニペットに進めます。

ツールの概要

処理
ブラウザー内で完結
入力の外部送信
なし
保存
一切保存しません
価格
無料

入力はブラウザに留まります。

JavaScript フォーマッター は検証済みのローカル実行パスを使用し、隠れた入力・出力履歴を作成しません。

ローカル実行

現在のブラウザタブ内で実行されます。

隠れた処理なし

使用中のツールデータが Toolars のドキュメントレコードになることはありません。

アカウント不要

プロフィールを作成せずにコアワークフローを使えます。お気に入りはログイン後にアカウントへ同期されます。

即時リセット

タブを閉じれば、作業中のデータは消えます。

JavaScript フォーマッター が役立つ場面

コードレビュー

他の開発者と共有する前に、ソースを確認しやすくします。

ビルド成果物

ソースを実行せずに、コンパクトな HTML・CSS・JavaScript を生成します。

コピー可能なスニペット

ピンポイントの例を整形し、そのままドキュメントやエディタに移せます。

JavaScript フォーマッター が実際に行うこと

本番のスタックトレースの断片は、ホットフィックスを書く前に読む必要があるのに、1 行の長文で届く。フォーラムで見つけたブックマークレットは、信用する前に中身を確認すべきものだ。同僚の巧妙なワンライナーは、チームが保守できるコードにする必要がある。JavaScript フォーマッターは、プロジェクトが使うインデント幅で、ソースを実行せずに解析・再インデントします。すべてデバイス上で完結します。まさに信頼していないコードの正しい扱い方です。まず読む、実行はしない。後で自分で選ばない限り。

よくある質問

サイズ制限はどのくらいですか?
入力は256 KiB、出力は512 KiBまでです。ローカルWorkerの起動と実行にはそれぞれ5秒の制限があり、入力の編集やキャンセルで停止します。
整形するとコードは実行されますか?
実行しません。JavaScript を解析して字下げを整えますが、式の評価や関数の呼び出しはしません。整形後もプロジェクトのテストが必要です。
なぜフォーマッターにスニペットを拒否されるのですか?
パーサーは構文的に正しい JavaScript を期待します。途中で切れた貼り付け、対応の取れていない括弧、混入した文字は実行を停止し、エラーが行と列を示します。構文を直して再度実行してください。無効な入力からは部分的なものも生成されません。
タブや別のインデント幅は選べますか?
いいえ。「インデント幅」は 2 スペースか 4 スペースに限られ、ほとんどの JavaScript プロジェクトが標準とする 2 つの幅です。それ以外は、ここで整形してから、エディター設定などプロジェクト自身のツールに最終的な規約を適用させてください。
統計行は何を教えてくれますか?
この行は変換前後のUTF-8バイト数と差を示します。整形でサイズが増える場合もあり、数値は構文の妥当性や見た目の一致を示しません。
コードはどこかにアップロードされますか?
いいえ。ソースはローカル Worker で解析し、実行・送信・保存しません。解析成功はアプリの正しさやブラウザー互換性を保証しません。

開発者ツールを続ける

行き止まりではなく、関連タスクへ。

完全な索引に戻らずに、別のフォーカスされたワークスペースへ移動できます。

コード → 画像変換

Code to Image Converter

6 言語のコードをシンタックスハイライト付きで PNG・SVG に書き出し。ライト/ダークテーマ、行番号、タイトル、1x/2x に対応。

作成

URL スラッグジェネレーター

URL Slug Generator

タイトルを入力しながらクリーンな URL スラッグへ変換。アクセントは除去、& は展開、非ラテン文字は保持、区切りは選択。

作成

React Native シャドウジェネレーター

React Native Shadow Generator

React Native の旧 shadow プロパティと boxShadow を iOS・Android で並べて比較・調整し、StyleSheet コードをコピー。

作成

Base64 エンコード / デコード

Base64 Encoder/Decoder

Unicode テキストのエンコードや Base64 のデコードをローカルで行います。URL セーフ値にも対応。

変換