JavaScriptスニペットをレビュー
スニペットを整形し、JavaScriptレビューレポートをコピーして、圧縮やAPI payload確認へ進みます。
JSコードプライバシー: ブラウザ内処理
JavaScript フォーマッター
圧縮または読みにくい JavaScript を整形し、debugging と code review を助けます。
入力 / 出力
まずツールを使う
入力、出力、コピー操作をこの領域にまとめています。例と確認項目は下に分けています。
ローカルセッション
入力状態はこのブラウザだけに保存され、アカウントなしで前回の作業を復元できます。
結果のあとに確認
基本の入力/出力が終わってから、必要な例、確認リスト、関連ツールだけを開きます。
3 ツール
コピー前の確認
- 読みやすくなっても untrusted JavaScript は実行しません。
- 実際の runtime で formatting 前後の挙動が同じか比較します。
- JavaScript フォーマッター の結果が次の作業に合うか関連ツールで続けて確認します。
よくある失敗例
- formatting は lint、compile、type check、security review の代わりではありません。
- minified snippet には side effect、unsafe eval、環境依存 global が隠れている場合があります。
関連ツール
JS MinJavaScript の空白とコメントを削減し、圧縮率、console/eval/TODO の信号を確認してコピーします。次の手順: JavaScript の空白とコメントを削減し、圧縮率、console/eval/TODO の信号を確認してコピーします。JSONAPI レスポンス、設定ファイル、ログ内の JSON を読みやすく整形し、構文エラーを素早く見つけます。次の手順: API レスポンス、設定ファイル、ログ内の JSON を読みやすく整形し、構文エラーを素早く見つけます。RegexJavaScript 正規表現を実際のサンプルテキストに適用し、match、flag、capture group を確認するツールです。次の手順: JavaScript 正規表現を実際のサンプルテキストに適用し、match、flag、capture group を確認するツールです。
ガイド
結果のあとに確認
基本の入力/出力が終わってから、必要な例、確認リスト、関連ツールだけを開きます。
例
このツールを始めるための入力例function hi(){console.log('bob');}const total=items.reduce((sum,item)=>sum+item.price,0)export async function load(){return fetch('/api/data').then((r)=>r.json())}利用シーン
コード- 圧縮または読みにくい JavaScript を整形し、debugging と code review を助けます。
- ブラウザ内処理で入力を扱い、コピー前に結果を確認します。
- JavaScript フォーマッター と関連ツールを続けて使い、作業フローを短くします。
- 読みやすくなっても untrusted JavaScript は実行しません。
- 実際の runtime で formatting 前後の挙動が同じか比較します。
- JavaScript フォーマッター の結果が次の作業に合うか関連ツールで続けて確認します。