開発者向け無料ツール — JSON、正規表現、ハッシュ、Favicon パック、ブラウザ内 | ToolKoala

開発者向けツールキット

"私は開発者。これらはピン留めタブで開きっぱなしのユーティリティ — Favicon、JSON、正規表現、ハッシュ、エンコーダー。CLI インストール不要、登録不要、テレメトリーなし。 — Milo 🐨"

これらの大半は毎日は使いません。でも、文字列の SHA-256 が必要な日、遅延しない正規表現テスターが必要な日、1 つの SVG から 17 サイズの favicon を出す日 — 本当に必要になります。このページはキュレートされた開発者ユーティリティ棚。すべてブラウザ内ローカル動作、データは外に出ない、レート制限なし。

一番使う 3 つのツール

JSON フォーマッター / バリデーター — 貼り付け、整形、検証、ミニファイ。深くネストされた構造を扱い、壊れた JSON にも分かりやすいエラーメッセージ。ターミナルパイプを信頼できない時に API デバッグで使う。
正規表現テスター — リアルタイムハイライト、キャプチャグループ、マッチ数。ECMAScript フレーバー正規表現（あなたの JavaScript と同じエンジン）で試す。クイック置換プレビュー付き。
Favicon ジェネレーター — 1 つのソース画像 → 必要な全サイズ（16、32、48、64、128、256、512、Apple Touch 用 180、manifest.json も）。1 つの ZIP を public/ フォルダにドロップして完了。

リアルワークフロー：新アプリの Favicon セット作成

よくあるシナリオ：デザインが 1 つの SVG ロゴをくれる。Web アプリ、iOS インストールバナー、Android manifest、Apple Touch 用に完全な Favicon セットが必要。5 分の手順：

SVG からスタート：SVG → PNG を開き、透明背景で 512×512 にラスタライズ。マスター PNG として保存。
セットを生成：マスターを Favicon ジェネレーターにドロップ。完全パック（favicon.ico、.png バリエーション、Apple Touch、manifest.json）を 1 つの ZIP で取得。
public/ に解凍：プロジェクトにコピペ；manifest.json には <head> にドロップできる標準 link タグが含まれる。
クロスプラットフォーム検証：Safari（Apple Touch Icon）、Android Chrome（manifest）、素のブラウザタブ（.ico フォールバック）でテスト。

5 分。CLI 不要。npm install 不要。「無料版は 3 世代まで」のような SaaS ゲートなし。

開発者完全ツールキット（用途別）

🧪 データ検査 & 変換

JSON フォーマッター — 整形、ミニファイ、検証
CSV ↔ JSON — フォーマット変換、型を保持
YAML ↔ JSON — 双方向ロスレス変換
Markdown ↔ HTML — クイックレンダーまたは抽出
テキスト Diff — ハイライト付き並列比較

🔐 エンコード & ハッシュ

ハッシュジェネレーター — MD5、SHA-1、SHA-256、SHA-512 をブラウザ内で
URL エンコード / デコード — URL とクエリ文字列のパーセントエンコーディング
画像 → Base64 — CSS/HTML に画像をインライン化するデータ URL
タイムスタンプ変換 — Unix ↔ ISO 8601、複数タイムゾーン

🎨 アセット準備

Favicon ジェネレーター — 1 ソース画像から完全 Favicon パック
SVG → PNG — 任意の解像度で、透明背景でラスタライズ
画像変換 — HEIC、WebP、PNG、JPG の相互変換
画像圧縮 — アプリ/Web 配信用にアセットを圧縮
QR ジェネレーター — URL、WiFi、連絡先；SVG と PNG 出力

🧪 クイックユーティリティ

正規表現テスター — ECMAScript フレーバー、ライブキャプチャグループ
カラー変換 — HEX ↔ RGB ↔ HSL ↔ 名前付きカラー
カラーピッカー（画像から） — スクショから正確な hex を抽出
単位変換 — バイト、時間、距離、温度
単語 / 文字カウンター — LLM トークン予算に便利
大文字小文字変換 — camelCase ↔ snake_case ↔ kebab-case

「ブラウザツールじゃなくて CLI でいいのでは？」

正直に：単発操作なら、10 行の Python スクリプトを書きたくない、3 秒で答えが欲しい。トークンの SHA-256、正規表現チェック、Favicon セット — インストールなし、requirements.txt なし、権限ダイアログなしのブラウザツールが、ターミナルより速い。

もう 1 つ：ソフトウェアをインストールできない環境 — 借りたノート、企業の制限ワークステーション、コワーキングスペースの公共 PC — でも動く。普段のツールボックスがない時にこそ便利。

それ以外（バッチ操作、スクリプト、CI/CD）は CLI のまま。これらはターミナルの代替ではなく補完。

よくある質問

これらのツールは正確？ハッシュ関数にバグは困る。

暗号関数（MD5、SHA 系）はブラウザネイティブの SubtleCrypto API を使用 — Chrome が HTTPS で使うのと同じ実装。正規表現は V8 正規表現エンジン（Node.js と同じ）。JSON 解析はネイティブ JSON.parse。あなたのブラウザが正しければ、これらも正しい。

ソースコードやデータは漏れる？

いいえ。ツールはブラウザタブで動く。処理は CPU でローカルに発生。DevTools → Network で検証可能：ファイルをドロップしたりテキストを貼ったりして、ネットワークパネルを見る — データを含む外向きリクエストはない。

スクリプトや CI で使える？

これらのツールはインタラクティブ（ブラウザベース）。スクリプティングや CI には適切な CLI ツールを使ってください — それらがその形に合っています。ブラウザツールは「今このタブでこの答えが欲しい」場面に合う。

なぜ X のツールがない？

教えてください。[email protected]。ロードマップは読者主導です；JWT デコーダー、YAML リンター、UUID ジェネレーター、その他開発者ユーティリティをリクエストすれば優先処理されます。制約は「ブラウザで動かなければならない」 — サーバー計算（LLM 推論、大型コンパイル）が必要なものは合わない。

出力パネルにダーク/ライトテーマがないのは？

あります — 右上のトグルボタン。設定は訪問間で保持。サイトはシステムの prefers-color-scheme がデフォルト。

このページをピン留め。本当に使う開発者ツール棚。

または正規表現テスター → · JSON フォーマッター →

— Milo 🐨 · [email protected]