CATEGORY / WEB

Web・開発

JSON、色、URLなど、Web制作で頻出する素材を安全に整えます。

44VERIFIED TOOLS

この棚の道具

すべてブラウザ内処理

01JSON整形・検証JSONを読みやすく整形または圧縮し、構文エラーの位置と原因を示します。02カラーコントラスト確認文字色と背景色のコントラスト比を計算し、WCAGの目安に照らして判定します。03URLクリーナー共有URLから追跡用パラメータを取り除き、読みやすいリンクに整えます。04HTMLプレビューHTMLから危険な要素・属性を外し、安全確認用のソースを表示します。05Markdownプレビュー見出し・強調・リンク・リスト・引用・コードをHTMLへ変換します。06CSSグラデーション生成色・角度・種類から、背景用のCSSグラデーションを作ります。07Box-shadow生成位置・ぼかし・広がり・色からCSSの影を組み立てます。08favicon生成文字と色から、拡大しても鮮明なSVG faviconと設置タグを作ります。09robots.txtヘルパークロール許可方針・除外パス・サイトマップからrobots.txt草案を作ります。10メタタグプレビューtitle・description・URLから検索表示風テキストとOGタグを作ります。11リダイレクトルール作成移転元・移転先の一覧からApache・Nginx・Vercel用ルールを作ります。12ハッシュ生成UTF-8文字列からSHA-256またはFNV-1a 32bitのハッシュ値を計算します。13JWTデコーダJWTのheader・payloadをBase64URLデコードし、有効期限表記も確認します。14Cookie文字列パーサCookieヘッダーを名前と値へ分け、URLエンコードされた値も読みやすくします。15Unicodeコードポイント確認各文字のUnicodeコードポイント・UTF-8バイト・正規化形を一覧にします。16HTMLエンティティ変換HTMLの特殊文字（&<> など）を実体参照へエンコード、または元の文字へデコードします。17Unicodeエスケープ変換文字と \uXXXX などのエスケープ表記を相互変換します。JSON・JavaScript・CSSに対応します。18JSON⇄YAML変換設定ファイルでよく使うJSONとYAMLを相互変換します。19JSON→TypeScript型定義生成JSONデータから、TypeScriptのinterface型定義を自動生成します。20JSONパス抽出JSONから、ドット記法のパス（user.address.city や items.0.name）で値を取り出します。21XML整形XMLを読みやすくインデント整形、または1行へ圧縮します。22SQL整形SQL文の主要キーワードで改行し、読みやすく整形します。23SQL IN句・VALUES生成改行区切りのリストから、SQLのIN句やINSERTのVALUES句を生成します。24CSS整形・圧縮CSSを読みやすく展開、または余分な空白を除いて圧縮（minify）します。25HTML→Markdown変換基本的なHTMLをMarkdown記法へ変換します。見出し・リンク・強調・リストに対応します。26Markdown表ジェネレータタブ区切りやCSVのデータから、Markdownの表を生成します。27正規表現エスケープ文字列を正規表現でそのまま一致させるため、特殊文字をエスケープします。28MD5・SHA-1・CRC32計算文字列のMD5・SHA-1・SHA-256・CRC32ハッシュ値をまとめて計算します。29HMAC-SHA256生成秘密鍵とメッセージからHMAC-SHA256を計算します。APIの署名検証などに使います。30Base32・Base58変換文字列をBase32（RFC 4648）やBase58（Bitcoin系）へエンコード・デコードします。31ランダム文字列生成指定した文字種と長さで、ランダムな文字列を生成します。開発・テスト用途に。32ULID・NanoID・UUID v7生成時系列でソート可能なULIDやUUID v7、短いNanoIDを生成します。33サブネット計算IPアドレスとCIDRから、ネットワークアドレス・ブロードキャスト・ホスト範囲・台数を計算します。34IPアドレス変換IPv4と整数値を相互変換し、IPv6アドレスを短縮・展開します。35Unixパーミッション計算chmodの数値表記（755）と記号表記（rwxr-xr-x）を相互変換します。36htpasswd生成（SHA）Basic認証用の.htpasswdエントリを生成します（{SHA}方式）。37カラーコード変換色をHEX・RGB・HSL・CMYKで相互に表示します。38配色パレット生成基準色から、補色・トライアド・類似色などの配色パレットを生成します。39CSS clamp()計算画面幅に応じて滑らかに変化する、レスポンシブなフォントサイズのclamp()式を生成します。40px↔rem↔pt変換CSSの px・rem・em・pt を相互変換します。41srcset・sizes生成レスポンシブ画像のimgタグ（srcset・sizes属性）を生成します。42メールアドレス形式チェックメールアドレスの一覧を形式チェックし、よくある入力ミスを指摘します。43Punycode変換日本語ドメイン（IDN）とPunycode（xn--）を相互変換します。44UTMパラメータビルダーURLに計測用のUTMパラメータを付与し、キャンペーンURLを作成します。