CodePrettify: JS・JSON・CSS・RSSフォーマッター
Extension Actions
- Extension status: Featured
JS、JSON、Markdown, CSS、RSS を自動で整形・ハイライト。テーマ、折りたたみ JSON、行番号などに対応。
CodePrettifyは、開いた瞬間に生の開発者ファイルをIDEのような体験へと変換します — フォーマット、ナビゲーション、バリデーション、差分表示(diff)、さらにブラウザ上でのJavaScript実行まで可能です。JSON、JSON Lines(NDJSON)、JavaScript、TypeScript、CSS、YAML、XML、RSS/Atomに対応し、Webレスポンスおよびローカルファイルの両方で動作します。
📊 構造化データのサポート
• JSON、JSON Lines、XML、RSS、Atom、YAML(.yaml / .yml)、TypeScript(.ts / .mts / .cts)
• 折りたたみ可能なJSON、パンくずナビゲーション、JSON Pathツール(オートコンプリート、検証、結果ごとのコピー)
• JSONおよびXML内のクリック可能なURLとインポートパス
• テーブルビュー:JSONオブジェクト配列や繰り返しXML要素を、並び替え・検索可能なテーブルとして表示(大規模データは分割読み込み対応)
🚀 スマートな自動化とフォーマット
• ミニファイ検出による自動フォーマット(圧縮ファイルは読みやすく整形、既に整形済みのものはそのまま維持)
• VS Code風のシンタックスハイライトを備えた最新のCodeMirror 6エンジン
• 関数、クラス、オブジェクト、配列、XMLブロックのコード折りたたみ
• 括弧の対応表示と、未整形内容のチラつきを防ぐスムーズなローディング
🧪 JAVASCRIPT PLAYGROUND
• サンドボックス化されたWeb Worker上で実際のJavaScriptを実行(1 / 5 / 15秒のタイムアウト設定可能)
• console.log/info/warn/error/debugをキャプチャし、console.tableをHTMLテーブルとして表示
• 戻り値、実行時間、完全なスタックトレースを表示
• 「Include {filename}」オプションで現在のファイルを読み込み、トップレベル関数を呼び出し可能
• Playgroundおよび現在のファイルから関数・メソッド・クラス・変数のオートコンプリート(パラメータシグネチャ付き)
• top-level await対応、Tab / Shift+Tabでインデント調整、コードはセッション間で自動保存
• Ctrl+Alt+Pで開く、Ctrl+Enterで実行、Ctrl+Spaceでオートコンプリート
🧭 ナビゲーションと大規模ファイル対応
• JSON、JavaScript、XML用ドキュメントナビゲーター
• シンタックス対応ミニマップ(オフスクリーンキャンバスで描画)
• URLごとの表示状態(折りたたみ、検索、ハイライト、モード)を自動復元
• 設定URLを共有することで同じビューを再現可能
• 行番号移動(Ctrl+G)は前回位置を記憶
🔍 インサイトとバリデーション
• シンタックス状態、警告、ファイルタイプ別情報を表示する診断パネル
• ファイルサイズ、行数、JSON深度、JS関数/変数、CSSセレクタ、XMLタグ/属性の統計
• JSON、JavaScript、TypeScript、CSS(行/列)、XMLの組み込みバリデーション
🧬 比較とDIFF
• フルスクリーン分割ビュー(Ctrl+Alt+D)による行単位の差分比較、同期スクロール、統計表示、左右入れ替え
🔐 データ解析
• Base64およびJWTのインラインデコード(専用コピーダイアログ付き)
• Unixタイムスタンプ(秒・ミリ秒)を検出し、読みやすいツールチップ表示
• JSON、XML、RSS内のISO 8601およびRFC 822日付ツールチップ
🔎 検索と操作
• フローティング検索(Ctrl+F)でリアルタイム結果カウント
• /pattern/flagsによる正規表現検索
• URLおよび相対インポートパスのクリック対応
🔎 REGEX PLAYGROUND
• 任意のファイルやレスポンスに対してリアルタイムで正規表現をテスト
• gimsuyフラグ制御付きの即時マッチハイライト
• マッチ数、位置(行/列)、ワンクリック移動付きリスト
• キャプチャグループおよび名前付きグループの表示
• 組み込みガイドとサンプル集
• 最近のパターンを保存、Ctrl+Alt+Rで即起動
📤 エクスポートと共有
• PNGエクスポート(表示範囲または全体)
• JSON配列やRSS/Atom用のCSVエクスポート
• HTMLテーブルエクスポート
• 元コード/整形済み/ミニファイ版をワンクリックでコピー
🌐 リクエストコンテキスト
• HTTPコンテキストパネル(URL、Content-Type、エンコード、サイズ、タイミング)
• クロスプラットフォーム対応のcURLおよびfetch()コマンド生成
🎨 CSSツール
• HEXおよびRGB表示、内蔵カラーピッカー(HEX、RGB、HSLコピー対応)
🔒 プライバシーとセキュリティ
• 100%ローカル処理(外部通信、テレメトリ、外部依存なし)
• Playgroundはページ・拡張機能・ネットワークにアクセスできないサンドボックス環境で実行
• API、トークン、内部システムにも安全
📂 どこでも動作
• HTTP/HTTPSレスポンスおよびローカルファイル(file:///)対応
• Content-Typeによる自動検出
⚙️ カスタマイズ可能
• Light / Dark / Auto(システム)テーマ
• フォントサイズ、インデント、行番号、折り返し、ミニマップ
• 設定はブラウザストレージでデバイス間同期
⌨️ キーボードショートカット
• Ctrl+B — Raw / Pretty
• Ctrl+Alt+C — Copy
• Ctrl+F — Search
• Ctrl+G — Go to Line
• Ctrl+Alt+T — Toggle toolbar
• Ctrl+Alt+D — Diff tool
• Ctrl+Alt+P — JavaScript Playground
• Ctrl+Alt+R — RegEx Playground
📝 ローカルファイル
file:/// で使用するには、ブラウザの拡張機能設定で「ファイルURLへのアクセスを許可」を有効にしてください
14言語対応:英語、ノルウェー語、スウェーデン語、デンマーク語、ドイツ語、スペイン語、フランス語、イタリア語、日本語、韓国語、ポルトガル語、ロシア語、ベトナム語、中国語(簡体字)
Latest reviews
- Game Top
- Must have tool for anyone who codes!