utility

Developer Toolbox

Base64、JSON、JWT、cron、正規表現、Hashなど33種類の開発者向けユーティリティを1つにまとめたツールです。

ローカル処理
ファイルについてこのツールで選択したファイルや入力内容は、Browser Kittyのバックエンドへアップロードせずブラウザ内で処理します。

このツールについて

Developer Toolboxは、開発中に少しだけ使いたい変換・解析・生成機能を1つの画面にまとめたローカル処理のツールボックスです。Base64やURL、JSON、JWT、cron、正規表現、Hash、UUID、CIDRなど33種類のユーティリティを収録しています。

Smart Inputへ値を貼り付けると内容を判定して候補ツールを提案でき、対応ツールでは結果をコピー&ペーストせず別ツールへそのまま渡せます。入力内容はBrowser Kittyのサーバーへ送信せず、作業中の値も原則としてタブを開いている間だけメモリ上に保持します。

こんなときに便利

  • Base64・URL・Unicode・Hexなどを素早くエンコード / デコードしたい
  • JSON・YAML・CSVの整形や比較、JWTの中身、cronの次回実行時刻を確認したい
  • 正規表現、UUID、Hash、HMAC、UNIX timestamp、CIDRなどを開発中にすぐ使いたい
  • 複数の小さなWebツールを行き来せず、変換結果を次の処理へそのままつなげたい

できること

このツールで利用できる主な機能です。

使い方

  1. ツールを開き、Smart Inputへ値を貼り付けるか、一覧から使いたいツールを選びます。
  2. Base64、JSON、JWT、cron、正規表現など、目的に合う機能へ入力します。軽量ツールは入力に合わせてリアルタイムに変換されます。
  3. 結果を確認し、必要ならコピー、入力と結果の入れ替え、または「別ツールへ」で次の処理へ渡します。
  4. よく使う機能はお気に入りに登録し、Ctrl / ⌘ + Kのコマンドパレットから英語名・日本語別名で素早く呼び出せます。

対応範囲

  • Encode: Base64、URL、HTML Entity、Unicode、Hex、Data URI
  • Data / Text: JSON、YAML、CSV、JSON Diff、JSONPath、Case Converter、行ソート・重複除去、文字 / Byte数、Escape
  • Time / Security: UNIX Timestamp、ISO 8601、日付差分、Cron、JWT Decoder、Hash、HMAC、Random Generator
  • Developer / Web: Regex、UUID、URL Parser、HTTP Status、Number Base、CIDR、Color Converter、px / rem、CSS Tools

制限・注意点

  • JWT DecoderはHeader / Payloadのデコード用で、署名が正しいかどうかは検証しません。
  • Cronは一般的な5フィールド形式を対象とし、次回実行時刻は端末のローカルタイムゾーンで計算します。実際のcron実装とは差が出る場合があります。
  • JSONPathとYAML Parserは軽量なサブセット実装で、すべての仕様に完全対応するものではありません。
  • ファイルHashはファイル全体をブラウザーのメモリへ読み込むため、非常に大きなファイルではメモリ使用量が増えます。作業中の入力はリロードやタブを閉じると消えます。

よくある質問

どんなツールが入っていますか?

Base64、URL、JSON、YAML、CSV、JWT、cron、正規表現、UNIX timestamp、Hash、HMAC、UUID、CIDRなど、開発中によく使う33種類のユーティリティを収録しています。

入力したJSONやJWTなどはサーバーへ送信されますか?

いいえ。変換・解析・検証・Hash計算などはブラウザー内で実行し、各ツールへ入力した内容をBrowser Kittyのサーバーへ送信しません。

JWTの署名も検証できますか?

いいえ。JWT DecoderはHeaderとPayloadの内容を確認するための機能で、署名の正当性は検証しません。秘密情報を含むトークンの扱いにも注意してください。

入力内容はブラウザーに保存されますか?

作業中の入力・出力は原則としてメモリ上だけに保持し、リロードまたはタブを閉じると消えます。永続保存するのは言語設定とお気に入りのツールIDです。

オフライン版・ソースコード

実行時の第三者ライブラリや外部APIに依存しない developer-toolbox.html 単体で動作します。GitHubからHTMLを保存してローカルで直接開けば、ネットワーク接続なしでも各ユーティリティを利用できます。

GitHubでソースを見る