開発者

コードとデータのツールに使える50個のブラウザツールをまとめました。インストールや会員登録なしですぐ利用できます。

• JSONフォーマッター

  JSONをparseして2space indentationで再serializeします。

• JSON圧縮

  有効なJSONをparseし整形空白なしで再serializeします。

• JSON検証

  入力がJavaScript JSON.parseでparse可能か検査します。

• JSONパス探索

  dot notation・配列index・quoted keyでJSON内の単一路値を取得します。

• JSONからCSV

  JSON object配列を全keyのunionを列にしたCSV風textへ変換します。

• CSVからJSON

  CSVをheader基準のJSON object配列へ変換します。

• YAMLからJSON

  YAMLをyaml packageでparseし2space JSONへserializeします。

• JSONからYAML

  有効JSONをparseしyaml packageのYAML.stringifyでYAMLを生成します。

• XMLフォーマッター

  XMLをbrowser XML parserで検証後、tag境界へ改行を入れます。

• XML圧縮

  XML tag間の空白を除き前後をtrimしてcompact化します。

• XML検証

  DOMParserでXMLをparseしparsererror有無を検査します。

• XMLからJSON

  XML element treeを再帰してtag名keyの単純JSONへ変換します。

• HTMLフォーマッター

  HTMLをPrettier standaloneのhtml parserでformatします。

• CSSフォーマッター

  CSSをPrettier standaloneとPostCSS pluginでformatします。

• JavaScriptフォーマッター

  JavaScriptをPrettier standaloneのBabel parserでformatします。

• TypeScriptフォーマッター

  TypeScriptをPrettier standaloneのTypeScript parserでformatします。

• SQLフォーマッター

  SQLの連続空白を整理し主要keyword前へ改行する軽量formatterです。

• Base64エンコーダー

  textをUTF-8 byteへencode後Base64文字列へ変換します。

• Base64デコーダー

  標準Base64をbyteへdecodeしUTF-8 textとして解釈します。

• URLエンコーダー

  JavaScript encodeURIComponentでURL component用percent encodingを行います。

• URLデコーダー

  percent-encoded URL componentをdecodeURIComponentで復元します。

• HTMLエンティティ変換

  textをDOM elementのtextContentへ入れinnerHTMLを読みHTML用escapeを作ります。

• HTMLエンティティ復号

  HTML entity文字列をtextarea.innerHTML parserで実文字へdecodeします。

• Unicodeエスケープ変換

  各Unicode code pointをJavaScript風Unicode escape文字列へ変換します。

• 16進エンコーダー

  textをUTF-8 bytesへencodeし各byteを2桁小文字hexで連結します。

• 16進デコーダー

  hex byte文字列を検証してbyte arrayへ変えUTF-8 textとしてdecodeします。

• Gzipサイズ推定

  入力textをbrowser CompressionStreamのgzipで圧縮し結果byte数を測ります。

• JWTデコーダー

  3区間JWS形式JWTのBase64URL header・payloadをJSONへdecodeし時刻claimも読みやすく表示します。

• UUID検証

  8-4-4-4-12の16進UUID形式とversion・variant bit形を検査します。

• IPアドレス検証

  IPv4またはIPv6を厳密parseし有効なら正規化表現を表示します。

• CIDRサブネット計算

  IPv4/CIDRからnetwork・mask・broadcast・先頭末尾usable・address数を計算します。

• IPv4整数変換

  有効IPv4を32bit unsigned整数へ変換します。

• 整数からIPv4

  0〜4294967295整数をnetwork-order IPv4 dotted形式へ変換します。

• MACアドレス整形

  MAC文字列から12 hex digitを抽出し2桁6groupを選択separatorで再formatします。

• HTTPステータス検索

  入力HTTP status codeを内蔵代表reason phraseから検索します。

• MIMEタイプ検索

  拡張子を内蔵代表MIME type mapで検索します。

• User-Agent解析

  User-Agentからbrowser・version・OS・device class・engine・botをheuristic推定します。

• URL解析

  URLをbrowser URL APIでparseしprotocol・host・hostname・port・path・search・hash・usernameをJSON表示します。

• クエリ文字列解析

  完全URLまたはquery stringをURLSearchParamsでparseし順序とkey別JSONを表示します。

• Cron式説明

  標準5-field Cronを検証し各fieldとbrowser timezone基準の次回実行最大5件を計算します。

• Unixパーミッション計算

  Unix permissionを3桁octalと9文字rwx間で双方向変換します。

• セマンティックバージョン比較

  2つのSemantic VersionをSemVer 2.0.0 precedenceで比較します。

• デザイントークン生成

  primary colorを含む小さなCSS custom property token blockを生成します。

• CSS単位変換

  指定root font-size基準でpx↔remを双方向変換します。

• Data URI生成

  text・MIME type・charsetからpercentまたはBase64 data: URLを生成します。

• テキストハッシュ生成

  入力textのUTF-8 bytesをWeb Crypto digestし小文字hex hashを作ります。

• HMAC生成

  messageとsecret keyからWeb Crypto HMACを作りhex表示します。

• チェックサム計算

  textへ選択SHA digestを適用しchecksum比較用hexを計算します。

• SQL INリスト生成

  改行・comma一覧をSQL IN (...) literal形式へ変換します。

• JSONスキーマ生成

  JSON sampleの型・nested構造から開始用JSON Schemaを再帰推論します。