TOOL TOPIC
Web開発・コード
コードやデータ形式を検査・整形・変換したいときに、専用環境を開かずブラウザですぐ使えます。
138関連ツール
Free登録不要
JA / EN言語対応
この分野でよくある作業
URL、HTTP、JSON、HTML、CSS、JWT、正規表現、ハッシュなど、Web制作・開発で使う小道具をまとめています。
1
URLやHTTPリクエストを分解する
2
JSON・XML・HTML・SQLを整形する
3
JWT・正規表現・ハッシュ・UUIDを確認する
この分野のツール
必要な作業に最も近いツールを選んでください。
サンプルJSONからJSON Schema生成サンプルJSONからDraft-07互換のJSON Schemaを推定し、コピー・保存できます。使う →DMARCレコード生成DMARCポリシー、集約レポート先、適用率などからDNS TXTレコードを生成します。使う →SPFレコード生成送信元IP、include、a・mx、末尾ポリシーからSPF用TXT値を生成します。使う →CAAレコード生成証明書発行を許可するCAやiodef通知先からCAAレコード候補を生成します。使う →DNS TXTレコード整形長いTXT値を255文字単位に分割し、DNS設定へ貼りやすい形に整えます。使う →llms.txt生成サイト名、概要、主要ページからllms.txt案を生成します。アクセス制御ではなく案内用ファイルとして作成します。使う →AIクローラー向けrobots.txt生成主要なAIクローラーUser-agentのAllow/Disallow方針を選び、robots.txt追記用ブロックを生成します。使う →X-Robots-Tag生成noindex、nofollow、nosnippetなどを組み合わせてHTTPヘッダー値を生成します。使う →HSTSヘッダー生成max-age、includeSubDomains、preloadからStrict-Transport-Securityヘッダーを生成します。使う →URLパーサー（構成要素を分解）URLをprotocol・host・port・path・query・fragmentに分解して表示します。使う →HTTPリクエスト文字列パーサー生のHTTPリクエスト文字列を、request line・headers・bodyに分解して確認します。使う →正規表現テスターJavaScript正規表現をflagsチェックボックス付きで検証し、マッチ箇所のハイライト、位置、キャプチャグループ、置換プレビューを確認できます。使う →URLエンコード・デコードURL用の文字列をパーセントエンコード／デコードします。使う →JSON整形・チェックJSONを整形・圧縮し、構文エラーの行・列、インデント、キー並べ替え、構造統計を確認できます。結果はコピー・JSON保存できます。使う →Base64 エンコード・デコード日本語を含むテキストをBase64へ変換・復元します。使う →UUID v4 / v7生成UUID v4をブラウザ内でまとめて生成します。使う →SHAハッシュ生成テキストからSHA-256 / SHA-384 / SHA-512をブラウザ内で生成します。使う →パスワード生成文字種と長さを指定して、ランダムなパスワードを端末内で生成します。使う →URLスラッグ作成タイトルや文章をURL向けの短い文字列へ整形します。使う →CSS clamp() 生成最小/最大サイズとviewport範囲から流動的なclamp式を生成します。使う →mailtoリンク生成宛先・件名・本文からmailtoリンクを生成します。使う →URLクエリ解析URLのクエリパラメータを見やすく一覧化します。使う →TOTPジェネレーター（2FAコード生成）Base32の秘密鍵またはotpauth:// URIからTOTPコードをブラウザ内で生成します。使う →JWTデコーダーJWTのheader / payloadをブラウザ内でデコードします。署名検証はしません。使う →JSONキー並べ替えJSONオブジェクトのキーを再帰的にアルファベット順へ並べ替えます。使う →JSON配列 重複削除JSON配列から同一要素を重複削除します。使う →XML整形XMLをインデントして読みやすく整形し、構文エラーも確認します。使う →Markdown表生成タブ区切りまたはカンマ区切りの表データからMarkdown表を生成します。使う →HTMLを編集してブラウザ表示を確認HTMLを編集しながら、ブラウザ上の表示結果を確認します。使う →読みにくいHTMLを改行・インデント整形圧縮・連結されたHTMLを改行し、入れ子を見やすく整形します。使う →1行のSQLを改行・インデント整形1行になったSQLを主要句で改行し、読みやすく整えます。使う →CSS／JavaScript／HTMLの空白・コメントを削除コードの不要な空白・コメントを削り、軽量化した結果を出力します。使う →Markdownの表示結果をプレビューMarkdownを入力し、HTMLとしての見え方を確認します。使う →HTML特殊文字をエンティティ変換・復元HTML特殊文字をエンティティへ変換、またはエンティティから復元します。使う →文字のUnicodeコードポイントを確認絵文字や記号を含む文字のUnicodeコードポイントを調べます。使う →文字列・2進数・10進数・16進数を相互変換文字列とバイト単位の2進数・10進数・16進数を相互に確認します。使う →QRコード作成URLやテキストからQRコードをブラウザ内で生成し、PNG・SVGで保存して再読取確認します。使う →ロゴ入りQRコード作成ロゴやイラストを中央に入れたQRコードを作成し、PNG・SVG出力とブラウザ内再読取チェックを行います。使う →おしゃれ・デザインQRコード作成ドット形状・色・グラデーションを変えたデザインQRを作成し、PNG・SVG出力と読み取り確認まで行います。使う →QRコード読み取りテストQRコード画像を4条件で読み取り、公開・印刷前に読めるかブラウザ内で簡易テストします。使う →JSON差分チェッカー2つのJSONを比較し、追加・削除・変更されたパスを一覧化します。使う →JSON SchemaバリデーターJSON Schema（Draft-07系）でJSONデータを検証し、エラー箇所を表示します。使う →JSONPathテスターJSONPath式をJSONに適用し、一致した値とパスを確認します。使う →JSON↔YAML変換JSONとYAMLを相互変換し、構文エラーも確認します。使う →Cron式生成・解析5フィールドCron式を入力・生成し、構文検証、人が読める説明、プリセット、実行環境の注意、次回5回の実行時刻を確認できます。使う →User-AgentパーサーUser-Agent文字列からブラウザ・OS・端末種別を推定します。使う →CIDR/Subnet計算（IPv4・IPv6）IPv4・IPv6 CIDRのネットワーク範囲、先頭・末尾、アドレス数を計算します。使う →IP範囲→CIDR変換開始IPと終了IPを、範囲ぴったりの最小CIDR一覧へ変換します。使う →TITLE/META文字数チェッカーtitleとmeta descriptionの文字数・UTF-8バイト数を確認し、長さの目安を表示します。使う →SERPプレビュー検索結果を想定したタイトル・URL・説明文のプレビューを作成します。使う →vCard・名刺QRコード作成氏名・会社・電話・メール等をvCard形式のQRコードにします。使う →METAタグ生成title・description・robots・viewportの基本HTMLタグを生成します。使う →OGP / Open Graphプレビュータイトル・説明・画像URLからOGPカードの見え方を簡易プレビューします。使う →OGPタグ生成og:title・description・url・image等のOpen Graphタグを生成します。使う →canonicalタグ生成正規URLからcanonical linkタグを生成し、絶対URLとして確認します。使う →hreflangタグ生成言語コードとURLの一覧からhreflangとx-defaultタグを生成します。使う →robots.txt生成Allow・Disallow・Sitemapを指定してrobots.txtを生成します。使う →XML Sitemap生成URL一覧からXML Sitemapを生成し、lastmod等も任意指定できます。使う →JSON-LD整形・基本検証JSON-LDを整形・圧縮し、@contextや@type等の基本構造を確認します。使う →Wi-Fi QRコード作成SSID・暗号化方式・パスワードからWi-Fi接続用QRコードを作成します。使う →メールQRコード作成宛先・件名・本文からメール作成用QRコードを生成します。使う →電話番号QRコード作成電話番号から発信用QRコードを生成します。使う →SMS QRコード作成電話番号と本文からSMS送信用QRコードを生成します。使う →位置情報QRコード作成緯度・経度から位置情報を開くQRコードを生成します。使う →イベント・カレンダーQRコード作成日時・場所・説明からカレンダーイベント用QRコードを生成します。使う →QRコード画像読み取りQRコード画像を選択してブラウザ内で内容を読み取ります。使う →バーコード作成Code128・EAN-13・UPC-A等のバーコードをブラウザで生成します。使う →バーコード読み取り画像内の対応バーコードをブラウザAPIで検出・読み取ります。使う →Twitter / X Cardタグ生成X Card用metaタグを入力内容から生成します。使う →robots.txt構文チェック貼り付けたrobots.txtの主要ディレクティブと基本構文を確認します。使う →XML Sitemap構文チェックXML SitemapのXML構文とURLエントリの基本構造を確認します。使う →FAQ Schema生成質問と回答からFAQPage JSON-LDを生成します。使う →Breadcrumb Schema生成階層名とURLからBreadcrumbList JSON-LDを生成します。使う →favicon HTMLタグ生成favicon・apple-touch-icon・manifestのlinkタグ一式を生成します。使う →Web App Manifest生成PWA用manifest.webmanifestをフォームから生成します。使う →PWA manifest検証Web App Manifest JSONの必須・推奨項目をブラウザ内で確認します。使う →Query Stringビルダーキーと値からURLクエリ文字列を生成・解析します。使う →MIME Type検索拡張子またはMIME Typeから代表的な対応関係を検索します。使う →HTTPステータスコード検索HTTPステータスコードの意味と分類を検索します。使う →Punycode変換国際化ドメイン名をUnicodeとPunycodeの間で変換します。使う →Data URI生成・解析テキストやファイルからData URIを生成し、Data URIを解析します。使う →Markdown→HTML変換Markdownをブラウザ内でHTMLへ変換し、コードとプレビューを確認します。使う →JSONフラット化入れ子のJSONをドット区切りのフラットなキーへ展開します。使う →フラットJSONを入れ子に復元ドット区切りキーのフラットJSONを入れ子構造へ復元します。使う →JSON→TypeScript型生成JSONサンプルからTypeScriptのinterface/type定義を推定して生成します。使う →JSON PointerテスターRFC 6901形式のJSON PointerでJSON内の値を参照します。使う →CSV→XML変換CSVを行・列構造のXMLへブラウザ内で変換します。使う →XML→CSV変換繰り返し要素を持つXMLを表形式CSVへ変換します。使う →XML→JSON変換XMLを属性とテキストを保持したJSONへ変換します。使う →JSON→XML変換JSONを指定ルート名のXMLへ変換します。使う →URI Componentエンコード・デコードencodeURIComponent / decodeURIComponent相当の変換をブラウザ内で行います。使う →UUID v4 / v7一括生成・形式指定UUID v4を複数生成し、大文字・ハイフン有無を指定できます。使う →ランダム文字列生成長さ・件数・文字種を指定して暗号学的乱数ベースの文字列を生成します。使う →JWT有効期限チェックJWTのexp・nbf・iatをデコードし、有効期限状態を確認します。使う →Content-Security-Policy生成主要ディレクティブを選んでContent-Security-Policyヘッダーを生成します。使う →Permissions-Policy生成camera・microphone・geolocation等の許可範囲からヘッダーを生成します。使う →Cache-Controlヘッダー生成public/private、max-age、immutable等からCache-Controlを生成します。使う →CORSヘッダー生成Origin・Method・Header・Credentials設定からCORSヘッダー例を生成します。使う →Referrer-Policy選択・生成用途を確認しながらReferrer-Policyヘッダーを選択・生成します。使う →security.txt生成連絡先・有効期限・Canonical等からRFC 9116向けsecurity.txtを生成します。使う →.htaccessリダイレクト生成旧パスと転送先URLからApache向け301/302リダイレクト設定を生成します。使う →nginxリダイレクト生成旧パスと転送先URLからnginx向け301/302リダイレクト設定を生成します。使う →chmodパーミッション計算3桁のchmod数値とrwx表記を相互確認します。使う →Semantic Version比較SemVer 2.0.0形式の2バージョンを比較し、大小関係を判定します。使う →相対URL→絶対URL解決Base URLと相対URLからブラウザと同じ規則で絶対URLを生成します。使う →Subresource Integrityハッシュ生成テキストまたはファイルからsha256/384/512のSRI値を生成します。使う →HTTPヘッダー解析HTTPヘッダー文字列を名前と値に分解し、重複ヘッダーも確認します。使う →Cookieヘッダー解析Cookieヘッダーをキーと値に分解し、URLデコード結果も確認できます。使う →dotenv（.env）解析KEY=VALUE形式の.envテキストを解析し、JSONへ変換します。使う →Authorizationヘッダー生成BasicまたはBearerのAuthorizationヘッダーをブラウザ内で生成します。使う →正規表現エスケープ通常文字列を正規表現のリテラルとして安全に使える形へエスケープします。使う →SQL IN句リスト生成行ごとの値からSQLのIN (...)リストを生成します。使う →CSS詳細度（Specificity）計算CSSセレクターの詳細度をID・class・要素の組み合わせとして計算します。使う →CSS単位変換（px/rem/em/vw/vh）基準フォントサイズとビューポートを指定してpx・rem・em・vw・vhを相互換算します。使う →HTTP Date・RFC 7231日時変換日時をHTTP Date（RFC 7231）・ISO 8601・Unix秒へ相互確認しやすい形に変換します。使う →IPアドレス検証・正規化IPv4・IPv6を検証し、正規化表記と代表的な特殊用途範囲を確認します。使う →MACアドレス整形・検証MACアドレスを検証し、コロン・ハイフン・Cisco形式へ整形します。使う →UUID検証・バージョン確認UUIDの形式・variant・versionを確認します。使う →ULID生成時刻順に並べやすい26文字のULIDをブラウザ内で生成します。使う →cURL → fetch変換基本的なcurlコマンドをブラウザfetch()コードへ変換します。使う →fetch → cURL生成URL・HTTPメソッド・ヘッダー・bodyから再利用しやすいcurlコマンドを生成します。使う →Accept-Language解析Accept-Languageヘッダーを言語タグとq値に分解し、優先順で表示します。使う →YAML整形・構文チェックYAMLを構文チェックして整形し、JSONプレビューも確認できます。使う →INI ⇄ JSON変換INI形式とJSONを相互変換し、sectionとkey/valueを整理します。使う →JSON Merge Patch適用RFC 7396方式のJSON Merge Patchを対象JSONへ適用します。使う →JSON配列をキーで並べ替えJSON配列を指定キーで昇順・降順に並べ替えます。使う →Content-Type解析Content-Typeヘッダーをmedia type・charset・boundaryなどへ分解します。使う →Acceptヘッダー解析HTTP Acceptヘッダーをmedia rangeとq値に分解し、優先順で表示します。使う →Content-Disposition解析Content-Dispositionヘッダーをdisposition・name・filename・filename*へ分解します。使う →URLクエリパラメータ並べ替えURLのクエリパラメータをキー・値で並べ替え、追跡パラメータ除去もできます。使う →HTMLテーブル→CSV変換HTMLのtable要素を選択してCSVへ変換します。使う →Base64URL エンコード・デコードUTF-8テキストとURLセーフBase64を相互変換します。使う →PKCE code_verifier・challenge生成OAuth 2.0 PKCE用のcode_verifierとS256 code_challengeをブラウザ内で生成します。使う →URL正規化・追跡パラメータ除去URLを正規化し、UTM等の追跡パラメータ削除・クエリ並べ替えを行います。使う →NDJSON・JSON配列 相互変換JSON Lines（NDJSON）とJSON配列を相互変換します。使う →URLクエリパラメータ差分比較2つのURLのクエリパラメータをキー単位で追加・削除・変更比較します。使う →HTTPキャッシュ Freshness計算Date・Age・max-ageからHTTPキャッシュの残りFreshnessを概算します。使う →SQLテストデータ INSERT生成列型と行数を指定してテスト用INSERT文をまとめて生成します。使う →
関連するガイド
ツールの使い分けや、作業前後の判断を確認できます。
HSTS・CSP・CORS・Cache-Controlは、何が違う？判断や失敗しやすい点を整理します。読む →robots.txt・llms.txt・X-Robots-TagでAIクローラーをどう扱う？判断や失敗しやすい点を整理します。読む →SPF・DKIM・DMARC・CAAをどう使い分ける？ DNS設定の役割整理判断や失敗しやすい点を整理します。読む →robots.txt・noindex・sitemap・canonical、何が違う？判断や失敗しやすい点を整理します。読む →JSONと正規表現、エラーになったとき最初にどこを見る？判断や失敗しやすい点を整理します。読む →Cron式が環境によって違う理由――「式は合ってるのに動かない」を減らす見方判断や失敗しやすい点を整理します。読む →サイト公開前に、ドメイン・ホスティング・HTTPSを確認判断や失敗しやすい点を整理します。読む →
利用場面から探す
作業全体から必要なツールをたどれます。
関連する早見表
形式や単位を確認しながら作業できます。