開発者

開発者のためのツール集:JSON 整形、色変換、Base64・URL エンコード、UUID、正規表現など。すべてブラウザ内で動作し、送信は一切ありません。

JSON 整形ツール

JSON を整形・圧縮・検証します。

開発者 開く

カラーコード変換ツール

HEX・RGB・HSL を相互変換します。

開発者 開く

UUID ジェネレーター

ランダムな v4 UUID をまとめて生成します。

開発者 開く

Base64 エンコード・デコード

テキストを Base64 でエンコード・デコードします。

開発者 開く

URL エンコード・デコード

URL をエンコード・デコードします(パーセントエンコード)。

開発者 開く

正規表現テスター

正規表現をテストし、一致箇所をハイライトします。

開発者 開く

QRコード生成ツール

テキストやURLからQRコードを作成。

開発者 開く

JSON ⇄ CSV 変換ツール

JSONとCSVを双方向に変換。

開発者 開く

CSSグラデーション生成ツール

グラデーションを作成し、すぐ使えるCSSをコピー。

開発者 開く

WCAGコントラストチェッカー

文字色と背景色のアクセシビリティを検証。

開発者 開く

JWTデコーダー

JWTトークンのヘッダーとクレームを検査。

開発者 開く

cron式パーサー

crontabを平易な言葉に翻訳し、次回実行を確認。

開発者 開く

HTMLエンティティ変換

HTMLエンティティを名前付き・数値で相互変換。

開発者 開く

CSS圧縮ツール

CSSを圧縮または整形、削減バイト数も表示。

開発者 開く

SQL整形ツール

SQLクエリを整形:キーワードとインデント。

開発者 開く

XML整形ツール

XMLを整形・検証、エラーを表示。

開発者 開く

文字列エスケープ

1つの文字列を、JSON・JS・HTML・URL・Base64に一括エスケープ。

開発者 開く

サブネット計算

IP+CIDRからネットワーク・ブロードキャスト・ホスト範囲・マスクを算出。

開発者 開く

chmod計算

rwx権限にチェック:8進数と記号表記をリアルタイムに。

開発者 開く

URL解析

URLを分解:プロトコル・ホスト・パス・デコード済みパラメータ。

開発者 開く

HTTPステータスコード

HTTPコードを検索:意味と使いどころ。

開発者 開く

ユーザーエージェント解析

User-Agent文字列からブラウザ・OS・エンジンを抽出。

開発者 開く

ULID・NanoID生成

時系列でソート可能な一意なID、UUIDの代替。

開発者 開く

JSON → TypeScript変換

JSONオブジェクトを型付きTypeScriptインターフェースに変換。

開発者 開く

CSV → Markdown表変換

CSVを、配置指定付きのMarkdown表に変換。

開発者 開く

メタタグ生成

title・description・Open Graph・Twitter、ソーシャルカードのプレビュー付き。

開発者 開く

robots.txt生成

robots.txtを作成:エージェント、許可、サイトマップ。

開発者 開く

box-shadow ジェネレーター

多層のCSSシャドウをライブプレビューで作成。

開発者 開く

border-radius ジェネレーター

角を丸め、有機的なブロブ形状を作成。

開発者 開く

HEXビューア

ファイルをHEXとASCIIで確認、マジックバイトから種別を判定。

開発者 開く

MIMEタイプ

拡張子からMIMEタイプを、その逆も検索。

開発者 開く

SVGクリーナー

SVGを軽量化:コメント・メタデータ・空白を削除し、削減量を表示。

開発者 開く

JSON差分

2つのJSONを比較し、追加・削除・変更を検出。

開発者 開く

px / rem / em 変換

CSS単位 px・rem・em・pt・% を、基準値を指定して相互変換。

開発者 開く

Unicode文字インスペクター

各文字を分解:U+コードポイント・10進・UTF-8バイト・HTMLエンティティ。

開発者 開く

cubic-bezier ジェネレーター

ハンドルをドラッグしてCSSアニメーションのイージング曲線を作成、アニメ付きプレビュー。

開発者 開く

Flexbox ジェネレーター

Flexboxコンテナをリアルタイムで調整し、すぐ使えるCSSをコピー。

開発者 開く

テキストシャドウ生成

多層のテキストシャドウをライブプレビューとコピー可能なCSSで作成。

開発者 開く

グラスモーフィズム生成

すりガラス効果(背景ぼかし)をライブプレビューとコピー可能なCSSで作成。

開発者 開く

CSS Grid ジェネレーター

CSSグリッド(列・行・gap)をリアルタイムで構築し、CSSをコピー。

開発者 開く

CSS clamp() ジェネレーター

2つの画面幅の間で流動的なCSS clamp()サイズ(レスポンシブ文字)を生成。

開発者 開く

自分のIPアドレス

公開IPアドレス(IPv4/IPv6)と接続情報を表示。

開発者 開く

JSON→YAML変換

JSONを読みやすいYAMLにきれいなインデントで変換。設定ファイルに最適。

開発者 開く

CSV→JSON変換

CSVをJSON(オブジェクト配列)に変換。ヘッダー有無と区切りを調整可能。

開発者 開く