ブラウザ内で処理

28 / DATA

JavaScript整形

JavaScript・JSXの改行とインデントを整える。

使い方・入力例・よくある質問

JavaScript・JSXをPrettierで整形できます。空白、改行、インデントを整え、引用符やセミコロンの好みを選べます。入力したコードは実行しません。

JavaScript整形の使い方

  1. JavaScriptまたはJSXを貼り付けます。
  2. インデント、折り返しの目安、引用符、セミコロンを指定します。
  3. 「整形する」を押し、結果をコピーするか.jsファイルで保存します。

入力と出力の例

オブジェクトを整形する

設定:スペース2/80文字/ダブルクォート/セミコロンあり

入力
const item={name:"Sample",active:true};
出力
const item = { name: "Sample", active: true };

よくある質問

コードは実行されますか?

実行しません。専用ワーカーで構文を解析し、文字列として整形します。構文エラーは修正せず表示します。

TypeScriptにも対応しますか?

このツールはJavaScript・JSX用です。TypeScript・テンプレート構文・外部プラグインには対応しません。入力は100,000文字まで、処理が10秒を超えると中断します。折り返し幅は目安であり、長い文字列などは幅を超えることがあります。

仕様と制限

Prettierで最大100,000文字を整形。インデント・折り返し・引用符・セミコロンを設定できます。TypeScriptは対象外です。

ON THE DESK

コードのそばに、もうひと道具。

広告 · Amazon

Amazonのアソシエイトとして、After 6 Laboは適格販売により収入を得ています。

アクセス解析・プライバシー

変換ツールの入力内容・結果はブラウザ内で処理します。画像URL・OGPのURL読み込みは、ボタンを押したときだけ指定した接続先へ直接通信します。画像・動画・Markdown・HTML・CSV・TSVファイルはサーバーへアップロードしません。自己署名証明書の生成と署名もブラウザ内で行い、秘密鍵をサーバーやアクセス解析へ送信しません。Markdownの外部画像とHTMLのスクリプトは読み込みません。APIクライアントは「送信」を押したときにURL・ヘッダー・本文を指定した接続先へ直接送信します。スピードテストは「測定を開始」を押したときに生成した測定用データをCloudflareへ送受信します。接続先にはIPアドレスが伝わります。これらの通信は当サイトのサーバーで中継しません。入力内容と測定結果をアクセス解析へ送信せず、ブラウザにも永続保存しません。ページを閉じると消去されます。

アクセス解析を有効にした場合、Google Analytics 4を利用して、閲覧したページ、ツール名・利用回数、コピー・画像保存などの操作、スピードテストの開始・完了・中断・エラー、商品リンクのクリックを計測します。GoogleがCookieを使い、端末・ブラウザ情報などを収集します。広告向けのGoogleシグナル・広告パーソナライズは無効にしています。

解析を無効にすると、その選択だけをこの端末のブラウザに保存します。入力内容は保存しません。Googleのプライバシーポリシー

現在、このサイトのアクセス解析は無効です。