開発者ツール
84 ツールJSON、Base64、CSS、SQL、HTML — 開発者に必要なすべて。
JSONフォーマッター
JSONデータを無料でオンラインでフォーマット、検証、整形します。
QRコード生成器
URL、テキスト、Wi-Fiパスワードなどのためのカスタマイズ可能なQRコードを生成します。
Base64エンコーダー/デコーダー
テキストをBase64にエンコード、またはBase64をテキストにデコードします。
カラーピッカー＆変換器
色を選択してHEX、RGB、HSL、RGBA形式間で即座に変換します。
UUID生成器
ランダムUUID (v4)を即座に生成。一度に最大100個まで一括生成可能。
正規表現テスター
リアルタイムマッチングとハイライトで正規表現をテスト・デバッグします。
URLエンコーダー/デコーダー
URLとクエリパラメータをオンラインでエンコードまたはデコードします。
ハッシュ生成器
テキストからSHA-1、SHA-256、SHA-384、SHA-512ハッシュをオンラインで生成します。
Unixタイムスタンプ変換器
Unixタイムスタンプを人間が読める日付に、またはその逆に変換します。
JWTデコーダー
JSON Webトークン(JWT)をデコードして検査します。ヘッダー、ペイロード、クレーム、有効期限を確認できます。
SQLフォーマッター
SQLクエリをオンラインでフォーマット、整形、圧縮できます。MySQL、PostgreSQL、SQLite、標準SQLに対応。
JSON-CSV変換器
JSONデータをCSV形式に、CSVをJSONに即座に変換します。開発者向け無料オンライン変換器。
CSV → JSON変換ツール
CSVデータをJSON形式に即座に変換。カスタム区切り文字、ヘッダーオプション、ファイルアップロードに対応。
CSSグラディエント生成器
ビジュアルエディターで美しいCSSグラディエントを作成します。CSSコードを即座にコピーできます。
IPアドレス検索
IPアドレスの位置情報、ISPなどの詳細を検索します。
Cron式ジェネレーター
ビジュアルエディターでCron式を解析、検証、生成します。次のスケジュール実行時間を確認できます。
SEOメタタグ生成器
SEO、Open Graph、Twitterカード用の完全なHTMLメタタグを生成します。
CSS → Tailwind変換ツール
通常のCSSプロパティをTailwind CSSユーティリティクラスに変換。レイアウト、スペーシング、タイポグラフィなどに対応。
JSON ↔ YAML変換ツール
JSONとYAML形式を即座に変換。DevOpsや設定ファイルに最適です。
HTMLエンティティ エンコーダー/デコーダー
特殊文字をHTMLエンティティにエンコード、またはHTMLエンティティをテキストにデコードします。Web開発者必須ツール。
ファビコンジェネレーター
画像やテキスト/絵文字からファビコンを作成。Web、iOS、Android向けの全サイズを生成します。
カラーコントラストチェッカー
アクセシビリティのためのWCAGカラーコントラスト比確認。テキストと背景色のAA/AAA準拠を検証。
カラーパレット生成器
色彩理論を活用して美しいカラーパレットを生成。補色、類似色、三色配色など多様な調和タイプに対応。
OG画像ジェネレーター
SNS共有用のOpen Graph画像を作成。ウェブサイトリンクの美しいプレビューカードを生成します。
JavaScript 圧縮ツール
JavaScriptコードをオンラインで圧縮・整形。コメントや空白を削除してJSファイルサイズを即座に削減。
CSS圧縮ツール
CSSコードをオンラインで圧縮・整形します。コメントや空白を削除し、ファイルサイズを即座に削減します。
HTML圧縮ツール
HTMLコードをオンラインで圧縮・整形します。コメントや余分な空白を削除し、ファイルサイズを削減します。
HTTPステータスコード
HTTPステータスコードを検索し、説明・使用例・サンプルを確認できます。1xx〜5xxコードの完全リファレンス。
CSSボックスシャドウジェネレーター
ライブプレビューでCSSボックスシャドウを視覚的に生成。オフセット・ぼかし・広がり・色・複数レイヤーをカスタマイズできます。
XMLフォーマッター
XMLドキュメントをオンラインでフォーマット、検証、圧縮します。インデントをカスタマイズしてXMLを見やすく表示します。
テキスト ↔ バイナリ変換器
テキストをバイナリコードに、バイナリをテキストに変換します。2進数、8進数、10進数、16進数エンコードをサポート。
基数変換器
2進数、8進数、10進数、16進数間で数値を変換します。
chmod計算機
Linuxファイル権限を8進数とシンボリック表記で計算。視覚的なchmodコマンドジェネレーター。
JSONスキーマ生成ツール
JSONデータからJSONスキーマを自動生成。型、フォーマット、ネスト構造を自動検出します。
画像 ↔ Base64変換ツール
画像をBase64データURIに変換してHTMLやCSSに埋め込めます。ドラッグ&ドロップまたはBase64貼り付けでデコードも可能。
HTML → Markdown コンバーター
HTMLコードを綺麗なMarkdownに瞬時に変換します。見出し、リスト、リンク、画像、コードブロックなどに対応しています。
HTML → JSX コンバーター
HTMLをReact JSXに即座に変換します。classをclassNameに、インラインスタイルをオブジェクトに変換し、void要素を自己終了タグにします。
cURLコマンドビルダー
cURLコマンドをビジュアルで作成します。HTTPメソッド、URL、ヘッダー、リクエストボディ、オプションを設定してコマンドをコピーします。
Markdownテーブルジェネレーター
Markdownテーブルを視覚的に作成し、フォーマットされた出力を即座にコピー
URLパーサー
URLをコンポーネントに分解します — プロトコル、ホスト名、ポート、パス、クエリパラメータ、フラグメント。
CSSフレックスボックスジェネレーター
CSSフレックスボックスレイアウトを視覚的に設計し、生成されたCSSコードをコピーします。
CSSグリッドジェネレーター
CSSグリッドレイアウトを視覚的に設計し、生成されたCSSコードをコピーします。
JSON差分チェッカー
2つのJSONオブジェクトを並べて比較し、追加・削除・変更された項目を即座に確認します。
CSS Clip Pathジェネレーター
ドラッグ可能なハンドルでCSS clip-path形状を視覚的に作成します。ポリゴン、円、楕円のコードを生成します。
HTMLテーブルジェネレーター
行、列、スタイルオプションをカスタマイズして、きれいなHTMLテーブルコードを生成します。
CSSアニメーションジェネレーター
ライブプレビュー付きで、タイミング、継続時間、イージングをカスタマイズしてCSSアニメーションを生成します。
カラーコンバーター
HEX、RGB、HSL、HSV形式間でカラーを瞬時に変換します。リアルタイムプレビュー付き。
MarkdownをHTMLに変換
MarkdownをクリーンなセマンティックなHTMLに即時変換します。見出し、太字、斜体、リスト、リンク、画像、コードブロックなどをサポート。
Bcryptハッシュジェネレーター
PBKDF2-SHA256を使用してブラウザ内でbcrypt形式のパスワードハッシュを生成・検証します。
JSON to TypeScript インターフェース生成ツール
JSONオブジェクトをTypeScriptのinterfaceまたはtype aliasに即座に変換します。ネストされたオブジェクト、配列、null、混合型をすべて処理します。
Robots.txt ジェネレーター
ビジュアルエディターでウェブサイト用の robots.txt ファイルを作成できます。検索エンジンボットがクロールできるページを制御しましょう。
.gitignore ジェネレーター
あらゆる技術スタック用の.gitignoreファイルを生成します。言語とフレームワークを選択するだけで、すぐに使える.gitignoreが作成されます。
XML → JSON コンバーター
XMLドキュメントを即座にJSON形式に変換します。属性、ネストされた要素、配列に対応しています。
CSS単位コンバーター
CSSの単位を変換: px、rem、em、vh、vw、%、pt、cm、mm。ベースフォントサイズとビューポートを調整して正確な結果を得ましょう。
キーコードビューア
キーを押してJavaScriptキーボードイベントのプロパティを確認: key、code、keyCode、which、location、修飾キー状態。
SVG最適化ツール
メタデータ、コメント、エディタ固有の属性を削除してSVGファイルを最適化・軽量化します。視覚的な品質を損なわずにファイルサイズを削減できます。
数値フォーマッター
Intl.NumberFormat APIを使用して、ロケール固有のスタイル、通貨、桁区切り、小数点以下の桁数で数値を書式設定します。
メールアドレス検証ツール
メールアドレスを瞬時に検証します。フォーマットチェック、一般的なドメインのタイポ検出、ローカルパート・ドメイン・TLDの詳細分析。
HTMLテキスト変換
HTMLタグを除去してプレーンテキストに変換。改行を保持し、エンティティをデコードし、HTMLからテキストを抽出します。
カラーシェードジェネレーター
ベースカラーからティントとシェードの完全なパレットを生成。Tailwind風の11段階カラーをHEX、HSL、RGB形式で取得できます。
CSS詳細度計算機
CSSセレクターの詳細度を計算・比較します。(A,B,C)の内訳を即座に確認し、棒グラフで視覚化して、スタイルの競合時にどのセレクターが優先されるかを理解します。
CSS 角丸ジェネレーター
リアルタイムプレビューでCSS border-radiusの値を視覚的に生成します。各コーナーを個別または均一に調整し、pxまたは%単位を選択して、ワンクリックでCSSをコピーできます。
CSPジェネレーター
ウェブサイト用のContent Security Policy (CSP)ヘッダーを生成します。セキュリティレベルのプリセットでディレクティブを設定し、カスタムソースを追加して完全なヘッダー値をコピーできます。
.htaccessジェネレーター
リダイレクト、キャッシュ、セキュリティ、パフォーマンスのためのApache .htaccess設定ファイルを生成します。必要なルールを選択してすぐに使用できる設定をコピーしてください。
CSSフィルタージェネレーター
ライブプレビューでCSSフィルター効果を作成します。ブラー、輝度、コントラスト、グレースケール、色相回転、彩度、セピアなどを調整し、すぐに使えるCSSをコピーしてください。
YAMLバリデーター
オンラインでYAML構文を検証・フォーマットします。エラーを即座に検出し、正しいインデントで有効なYAMLを整形します。
サブネット計算機
IPアドレスとCIDR表記からサブネット情報を計算します。ネットワークアドレス、ブロードキャスト、ホスト範囲、サブネットマスクなどを確認できます。
モックデータジェネレーター
名前・メール・住所など現実的な偽データセットを生成します。JSON・CSV・SQL形式でエクスポートできます。
JSON ↔ XML 変換ツール
JSONをXMLに、XMLをJSONにブラウザ上で即座に変換します。API連携、設定ファイル変換、データ変換に最適です。
YAML ↔ JSON 変換
YAMLをJSONに、またはJSONをYAMLにブラウザで即座に変換します。ネストされたオブジェクト、配列、全YAMLデータ型をサポート。
CSV to XML 変換
CSVデータを即座にXML形式に変換します。ルートタグと行タグ名をカスタマイズし、引用符付きフィールドと特殊文字を処理します。
Gitコマンドジェネレーター
包括的なGitコマンドリファレンスとジェネレーターです。カテゴリでフィルタリングし、やりたいことで検索し、パラメータを入力して、すぐに実行できるコマンドをコピーできます。
px ↔ rem/em コンバーター
CSSのピクセル値をremおよびem単位に変換し、逆変換も行います。変換参照表付き。
テキスト暗号化/復号化
ブラウザ内でAES-256-GCMを使ってテキストを暗号化・復号化します。データはサーバーに送信されません。
JSON to SQL
JSONデータをSQL INSERT文に即座に変換します。MySQL、PostgreSQL、SQLite、SQL Serverに対応し、CREATE TABLE生成オプションもあります。
JWTエンコーダー
カスタムペイロードクレームで署名済みJSON Web Token（JWT）を作成します。ブラウザ内でHS256（HMAC-SHA256）を使って完全に署名します。
HTMLフォーマッター
適切なインデントでHTMLを整形します。スペース2個、スペース4個、またはタブのインデントと属性の折り返しをサポートします。
JSONPathテスター
JSONPath式をJSONデータに対してリアルタイムで評価します。フィルター、スライス、ワイルドカード、再帰的探索に対応しています。
CSS三角形ジェネレーター
borderトリックを使って純粋なCSSで三角形を生成します。方向、サイズ、色を選んで、CSSをすぐにコピーできます。
UTMビルダー
utm_source、utm_medium、utm_campaignなどを使って追跡可能なキャンペーンURLを構築します。すべてクライアントサイドで処理されます。
CSS cubic-bezierジェネレーター
ドラッグ可能な制御点エディターとライブアニメーションプレビューで、CSS cubic-bezierイージングカーブを視覚的に作成します。
CSS グラスモーフィズム ジェネレーター
4種類の背景に対するライブプレビューでフロストガラス風UIパネルを作成。ガラスを高級に見せる saturate() のテクニックを含むクロスブラウザ対応のCSSを出力します。
CSS ローダージェネレーター
JavaScriptなしで動くCSSローディングスピナーを作成。6つのスタイルに加え、色・サイズ・速度を自由にカスタマイズし、HTMLとCSSをそのままコピーできます。
CSS テキストストロークジェネレーター
-webkit-text-strokeで縁取り文字の効果を作成。透明・単色・グラデーション塗り、ドロップシャドウをライブプレビューしながら、CSSをワンクリックでコピーできます。