DevToolBox
開発者のための無料オンラインツール集
75 ツール
CSS単位変換ツール
px、rem、em、%、vw、vhを相互変換
JSONPathクエリテスター
JSONデータをJSONPath構文でクエリ・抽出
カラーコントラストチェッカー
WCAG 2.0基準でコントラスト比を計算・AA/AAA判定
OGPプレビュー
Open GraphとTwitter Cardのシェアプレビュー生成
コード行数カウンター
総行数・空行・コメント・実コード行数を言語別に集計
Base64 エンコード/デコード
テキストとBase64の相互変換・ファイル対応
URLエンコード/デコード
URLの特殊文字をエンコード・デコード
ハッシュ生成ツール
MD5, SHA-1, SHA-256, SHA-512ハッシュを一括生成
正規表現テスター
正規表現のリアルタイムテスト・マッチ結果表示
タイムスタンプ変換ツール
UNIXタイムスタンプと日時の相互変換
UUID生成ツール
UUID v4をワンクリック生成・一括生成対応
JWTデコーダー
JWTトークンのヘッダー・ペイロードを解析
テキスト差分チェッカー
2つのテキストを比較し差分をハイライト表示
Lorem Ipsum 生成
ダミーテキストを段落・文・単語数で生成
Markdown プレビュー
Markdownをリアルタイムでプレビュー表示
パスワード生成ツール
文字数・文字種を設定して安全なパスワードを生成
カラーコード変換ツール
HEX・RGB・HSLを相互変換。カラーピッカー付き
JSONフォーマッター・バリデーター
JSONの整形・圧縮・バリデーション。構文エラー検出
文字列ケース変換ツール
camelCase・snake_case・kebab-caseなど10種類に変換
CRONビルダー・パーサー
CRON式を作成・解析。次回実行時刻を表示
SemVer計算ツール
セマンティックバージョニングの解析・比較・バンプ・範囲チェック
chmod権限計算機
Unixファイル権限を視覚的に設定。8進数・シンボル・chmodコマンドを即時生成
進数変換ツール
2進数・8進数・10進数・16進数を相互変換。エンジニア必携コンバーター
QRコード生成ツール
テキスト・URL・WiFi・メール・電話番号からQRコードを無料生成
HTTPステータスコード一覧
100〜511のHTTPステータスコード一覧・検索。REST API設計ガイド付き
元号/西暦変換ツール
令和・平成・昭和・大正・明治と西暦を相互変換。日本語固有ツール
全角/半角変換ツール
全角英数字・記号・カタカナを半角に変換。逆変換も対応
文字コード変換ツール
UTF-8バイト列・Unicodeコードポイント・HTML実体参照・URLエンコードを一括表示
CSSグラデーション生成ツール
linear/radial/conicグラデーションをビジュアルで作成。CSSコードをコピー
CSV ↔ JSON 変換ツール
CSVをJSONに、JSONをCSVに相互変換。ヘッダー行・区切り文字カスタマイズ対応
カラーパレット生成ツール
ベースカラーから補色・類似色・トライアドのパレットを自動生成。HEX/RGB/HSL対応
HTMLエンティティ エンコード/デコード
<>&"などの特殊文字をHTMLエンティティにエンコード/デコード。XSS対策に
文字数カウンター
文字数・単語数・行数をリアルタイム計測。Twitter/note/メタ文字数制限チェック付き
タイムゾーン変換ツール
世界各国のタイムゾーンを変換。現在時刻・任意時刻をリアルタイム表示
画像Base64変換ツール
画像ファイルをBase64文字列に変換。Data URI生成・CSS背景画像用コード即時コピー
単語頻度分析ツール
テキストの単語出現頻度をカウント・ランキング表示。SEOキーワード分析に
テキスト行ソート・重複削除ツール
行単位でソート・逆順・重複削除・シャッフル。テキスト整理に必携
改行・空白クリーナー
改行を削除・空白行を除去・連続改行を圧縮・改行→スペース変換。テキスト整形に
AI正規表現ビルダー
日本語で検索して正規表現を即取得。40+パターン収録・バリエーション切替・リアルタイムテスト
アスペクト比計算ツール
幅・高さからアスペクト比を計算。動画・画像のサイズ変換・リサイズに
MIME Type検索ツール
ファイル拡張子からMIMEタイプを検索。100種類以上収録
.envパーサー・バリデーター
.envファイルをパース・バリデーション。秘密情報検出・JSON変換対応
Markdown→HTML変換ツール
MarkdownをクリーンなHTMLに変換。コピーしてすぐ使える
JSON ↔ YAML 変換
JSONをYAMLに、YAMLをJSONにオンライン変換。設定ファイル・Docker Compose・OpenAPI定義に対応
XMLフォーマッター・バリデーター
XMLを整形・圧縮・バリデーション。構文エラー検出付き。pom.xml・SOAP・SVG・RSSの整形に
SQLフォーマッター・整形ツール
SQLを整形・キーワード大文字化。SELECT/FROM/WHERE/JOINを自動改行。ORMログ・コードレビューに
JSON→TypeScript変換ツール
JSONデータからTypeScriptのinterface/type定義を自動生成。ネスト・配列・null対応
JWT ビルダー
JWTトークンを生成。HS256/HS384/HS512署名。クレーム設定・有効期限追加に対応
SVG最適化ツール
SVGファイルを最適化・圧縮。不要なメタデータ・コメント・エディタ属性を除去しサイズ削減
JSON構造解析ツール
JSONデータの構造を解析し各フィールドの型・役割を日本語で解説。APIレスポンスの理解に
JSON修正ツール
壊れたJSONを自動修正。trailing comma・コメント除去・括弧補完
TOML Parser / JSON Converter
TOML to JSON, JSON to TOML. Cargo.toml, pyproject.toml, Hugo config validation and conversion
OpenAPI Viewer
OpenAPI (Swagger) specification visual viewer. Browse endpoints, parameters, and responses
.gitignore 生成ツール
プロジェクトタイプを選択して.gitignoreファイルを生成。Node.js・Python・React・Rust等14テンプレート対応
メタタグ生成ツール
SEO・OGP・Twitter Cardのメタタグを一括生成。Google検索プレビュー付き
HTML整形・圧縮ツール
HTMLコードを整形（beautify）または圧縮（minify）。インデント設定可能・preタグ保持
CSS整形・圧縮ツール
CSSコードを整形または圧縮。コメント除去・メディアクエリ対応・不要セミコロン削除
JavaScript整形・圧縮ツール
JavaScriptコードを整形または圧縮。文字列リテラル保持・コメント除去・アロー関数対応
IPv4サブネット計算ツール
IPアドレスとCIDRからネットワーク情報を計算。サブネットマスク・ホスト範囲・ブロードキャスト表示
CSS Box Shadow生成ツール
box-shadowをビジュアルUIで生成。複数シャドウ・inset対応。CSSコードをコピー
HTML→JSX変換ツール
HTMLをReact JSXに自動変換。class/for/style/self-closing/コメント一括変換
JSON Schema生成ツール
JSONデータからJSON Schemaを自動生成。型推定・required検出・ネスト対応
セキュアハッシュ生成・検証ツール
ソルト付きSHA-256ハッシュを生成・検証。ラウンド数設定可能。ブラウザ内完結
Docker Run→Compose変換
docker runコマンドをdocker-compose.yml形式に自動変換。ポート・ボリューム・環境変数対応
URLスラッグ生成ツール
テキストからURL用スラッグを生成。日本語→ローマ字変換・セパレータ・最大長設定対応
キーコード確認ツール
キーボードのキーを押すとevent.key・keyCode・codeをリアルタイム表示。履歴機能付き
ダミーデータ生成ツール
名前・メール・電話・住所・UUID等のダミーデータを一括生成。日本語対応・JSON/CSV出力
絵文字検索・コピーツール
絵文字をカテゴリ別に検索・ワンクリックコピー。日本語名検索対応。200+収録
画像フォーマット変換ツール
画像をPNG・JPEG・WebP形式に変換。品質調整・ファイルサイズ比較付き。全処理ブラウザ内完結
Favicon生成ツール
テキストからfaviconを生成。背景色・テキスト色・角丸カスタマイズ。複数サイズ対応
JSON Diff 構造的比較ツール
2つのJSONを構造的に比較。追加・削除・変更をパス表示で可視化。ネスト・配列対応
パーセント計算ツール
3つの計算モードでパーセント計算。比率・割合・変化率を即座に算出。小数・負数対応
CSS三角形生成ツール
CSSボーダーで三角形を生成。8方向対応。サイズ・色を調整しCSSコードをコピー
Schema.org構造化データ生成ツール
Schema.org JSON-LDを生成。Article・Product・FAQ等8タイプ対応。SEO・リッチリザルトに
カラーShades生成ツール
ベースカラーからtint/shade段階を自動生成。HEX/RGB/HSL表示。CSSカスタムプロパティ出力
DevToolBoxについて
103以上の無料開発ツールを提供。全ての処理はブラウザ内で完結し、データは外部に送信されません。 日本語完全対応、ダークモード対応、WCAG 2.2 AA準拠。
Developed by イザークコンサルティング株式会社