DevToolBoxとは
DevToolBoxは、開発者が日常的に必要とするツールをブラウザ上で手軽に使えるようにまとめたサービスです。インストール不要、登録不要で、85種類以上のツールをすぐに利用できます。
ツールカテゴリ
フォーマット・整形
JSON、SQL、XML、CSS、JavaScript、HTMLなどのコードをワンクリックで整形・ミニファイできます。Markdownプレビューや、SVGの最適化にも対応しています。
- JSON整形・検証 - JSONの整形、バリデーション、ミニファイ
- SQLフォーマッター - SQLクエリの自動整形
- CSSミニファイ/整形 - CSSの圧縮・展開
- YAMLバリデーター - YAML構文チェック
エンコード・デコード
Base64、URL、HTMLエンティティなどの変換を即座に行えます。画像のBase64変換も対応しています。
- Base64エンコード/デコード - テキストやファイルのBase64変換
- URLエンコード/デコード - URLの安全なエンコード処理
- 画像Base64変換 - 画像をBase64文字列に変換
テキスト処理
正規表現テスト、テキスト差分比較、文字数カウントなど、テキスト操作に関するツールを揃えています。
- 正規表現テスター - リアルタイムで正規表現をテスト
- テキスト差分比較 - 2つのテキストの差分を視覚的に確認
- Markdownテーブル生成 - GUIでMarkdownテーブルを作成
データ変換
YAML⇔JSON、CSV⇔JSON、TOML⇔JSONなど、異なるフォーマット間の相互変換に対応しています。
- YAML⇔JSON変換 - YAMLとJSONの相互変換
- CSV⇔JSON変換 - CSVとJSONの相互変換
- JSON→TypeScript変換 - JSONからTypeScript型定義を自動生成
生成ツール
ハッシュ、UUID、パスワード、QRコードなど、開発で必要になる様々なデータを生成します。
- ハッシュ生成 - MD5、SHA-1、SHA-256などのハッシュ値を計算
- UUID生成 - UUIDv4をワンクリック生成
- パスワード生成 - 安全なパスワードを自動生成
- QRコード生成 - テキストやURLからQRコードを作成
CSSデザインツール
CSSのグラデーション、Box Shadow、Flexbox、Grid、アニメーションなどをGUIで作成し、コードをコピーできます。
- CSSグラデーション生成 - グラデーションをビジュアルに作成
- Flexboxプレイグラウンド - Flexboxレイアウトを試す
- CSSグリッドジェネレーター - CSS Gridレイアウトを生成
- CSSアニメーション生成 - アニメーションをGUIで作成
開発支援
JWT解析、Cron式パーサー、HTTPステータスコード一覧など、開発を加速するツールを提供します。
- JWTデコーダー - JWTトークンの中身を解析
- Cron式パーサー - Cron式を人間が読める形式に変換
- .gitignore生成 - プロジェクトに合わせた.gitignoreを生成
- OGPプレビュー - Open Graphタグのプレビュー確認
特徴
- 完全無料・登録不要 - すべてのツールをブラウザだけで利用可能
- オフライン対応 - PWAとしてインストールすれば、オフラインでも利用可能
- 多言語対応 - 日本語・英語に対応
- プライバシー重視 - データはすべてブラウザ内で処理され、サーバーに送信されません
ぜひDevToolBoxをブックマークして、日々の開発にお役立てください。
関連ツール: CalcBox - 暮らしに役立つ計算ツール集 | ポモドーロタイマー