Web制作・開発
Web制作・開発者向け無料ツール
コードやURLの確認・変換・生成を、インストールやアカウント登録なしで処理できます。
作業の流れ
1
対象のデータやコードを選ぶ
2
確認・変換・生成を実行する
3
結果をコピーして作業へ戻る
この仕事で使うツール
HTML、SQL、Markdown、JSON、XML、URL、Base64など、Web制作・開発の確認・整形・変換をすぐ処理できる無料ツール集です。
QRコード作成URLやテキストからQRコードをブラウザ内で生成し、PNGで保存します。使う →JSON整形・チェックJSONを整形・圧縮し、構文エラーも確認します。使う →XML整形XMLをインデントして読みやすく整形し、構文エラーも確認します。使う →Base64 エンコード・デコード日本語を含むテキストをBase64へ変換・復元します。使う →URLエンコード・デコードURL用の文字列をパーセントエンコード／デコードします。使う →URLクエリ解析URLのクエリパラメータを見やすく一覧化します。使う →URLスラッグ作成タイトルや文章をURL向けの短い文字列へ整形します。使う →SHAハッシュ生成テキストからSHA-256 / SHA-384 / SHA-512をブラウザ内で生成します。使う →JWTデコーダーJWTのheader / payloadをブラウザ内でデコードします。署名検証はしません。使う →UUID生成UUID v4をブラウザ内でまとめて生成します。使う →CSS clamp() 生成最小/最大サイズとviewport範囲から流動的なclamp式を生成します。使う →HEX / RGB / HSL 色変換HEXまたはRGB色を、HEX・RGB・HSLへ相互表示します。使う →大文字・小文字・ケース変換UPPER、lower、Title、snake_case、kebab-case、camelCaseへ変換します。使う →アスペクト比計算幅と高さから比率を簡約し、指定幅/高さの対応寸法を計算します。使う →ファイル転送時間計算ファイルサイズと転送速度から、理論上どのくらい時間がかかるか計算します。使う →HTMLを編集してブラウザ表示を確認HTMLを編集しながら、ブラウザ上の表示結果を確認します。使う →読みにくいHTMLを改行・インデント整形圧縮・連結されたHTMLを改行し、入れ子を見やすく整形します。使う →1行のSQLを改行・インデント整形1行になったSQLを主要句で改行し、読みやすく整えます。使う →CSS／JavaScript／HTMLの空白・コメントを削除コードの不要な空白・コメントを削り、軽量化した結果を出力します。使う →Markdownの表示結果をプレビューMarkdownを入力し、HTMLとしての見え方を確認します。使う →HTML特殊文字をエンティティ変換・復元HTML特殊文字をエンティティへ変換、またはエンティティから復元します。使う →文字のUnicodeコードポイントを確認絵文字や記号を含む文字のUnicodeコードポイントを調べます。使う →文字列・2進数・10進数・16進数を相互変換文字列とバイト単位の2進数・10進数・16進数を相互に確認します。使う →
利用時の注意
機密情報や実運用中の秘密鍵・トークンは入力しないでください。