開発者

開発者のためのツール集: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(オブジェクト配列)に変換。ヘッダー有無と区切りを調整可能。

開発者 開く
★

CSVエディター

CSVを表計算のように編集:セル・行・列・並べ替え・書き出し。

開発者 開く
★

Markdownテーブル生成

編集可能なグリッド→貼り付け可能なMarkdown表。

開発者 開く
★

SRT字幕エディター

.srt 字幕を編集し再同期。

開発者 開く
★

リッチテキストエディター → HTML

ビジュアルで書いてきれいなHTMLを取得。

開発者 開く
★

CSSパターン生成

純CSSの背景パターン(ストライプ・ドット・市松)。

開発者 開く
★

フォント軽量化(サブセット化)TTF・OTF・WOFF

フォントを解析し、必要な文字だけ残して TTF と WOFF に書き出し。

開発者 開く