Fast Text Format Tools
フォーマット、変換、およびワークフローの合理化を行う、超高速ユーティリティの究極のコレクション。
お気に入り
最近使用したツール
最近追加されたツール
テキストとツール
大文字小文字＆コンバーター
文字列の大文字小文字の変換、URLエンコード、Base64のデコードを即座に行います。
エンコーダー / デコーダー
URL、Base64、HTMLエンティティなどのさまざまな形式をエンコードおよびデコードします。
リストソーター＆重複削除
テキスト配列をアルファベット順、数値順、または長さ順に瞬時に並べ替え、重複行を削除します。
正規表現置換
正規表現を実行し、ライブマッチを確認し、チートシートを使用します。
テキスト差分
2つのテキストブロックを並べて比較し、違いを強調表示します。
テキスト統計
単語、文字、文をカウントし、読書時間を推定し、キーワード密度を確認します。
翻訳機
数十の言語間でテキストを即座に翻訳します。
コードとフォーマット
Base64 からファイルへ
Base64 文字列や Data URI を、ダウンロード可能なファイル（画像、PDF、ドキュメント、音声）に即座にデコード・プレビューします。
コード美化
JSON、JavaScript、CSS、HTMLコードを美化、検証、圧縮して整理された読みやすい構文にします。
CSS フォーマット
カスタムインデントで CSS スタイルシートを整形、美化、検証、圧縮します。
CSS ビジュアルジェネレーター
ボックスシャドウ、グラデーション、Flexbox、Grid レイアウトの CSS コードを視覚的に生成してエクスポートします。
CSV から JSON/SQL
CSVデータをJSON配列またはSQL INSERT文に変換します。
cURL から Fetch
cURLコマンドをJavaScript Fetch APIコードに簡単に変換します。
HTML / XML
乱雑なコードを即座に整形、圧縮、クリーンアップします。
HTML から JSX への変換
HTML タグと属性を React 互換の JSX に変換するクライアント側ツール。
HTML から Tailwind CSS への変換
標準のインラインスタイルや CSS 宣言を、プレビュー付きで Tailwind CSS ユーティリティクラスに変換します。
JS 難読化ツール
読みやすい JavaScript コードを難読化および圧縮されたコードに変換し、ロジックを保護します。
JSON から コード
JSONオブジェクトをさまざまな言語の型付きモデルに変換します。
JSON ツリービューアー
複雑な JSON データを視覚的に展開、折りたたみ、検索、フィルタリングし、パスを簡単に検査できます。
Markdown
ライブHTMLプレビューを使用して生のマークダウンを記述します。
Source Map ビューア
クライアント側で .map ファイルをアップロードし、スタックトレースを復元・逆最小化するツール。
SQL フォーマッター
乱雑なSQLクエリを美化し、フォーマットします。
文字列のエスケープとアンエスケープ
JSON 文字列、SQL クエリ、HTML、Java/C# 向けに、引用符、バックスラッシュ、改行を安全にエスケープ（および復元）します。
SVG オプティマイザー
生のSVGコードを圧縮およびクリーンアップします。
SVG を PNG/WEBP に変換
HTML Canvas を利用して SVG コードまたはファイルをダウンロード可能な画像にラスタライズするクライアント側ツール。
XML ユーティリティ
XML文字列のフォーマットと圧縮を行います。
YAML <-> JSON
YAMLとJSONを瞬時に変換します。
データと暗号
Bcrypt ハッシュ
Bcryptパスワードをローカルで生成および検証します。
エポックタイム
タイムスタンプを人間が読める日付に変換します。
ハッシュ ジェネレーター
MD5、SHA-1、SHA-256、SHA-512の暗号化ハッシュを計算します。
JWT デコーダー
JSON Web Token をフォーマットされたヘッダーおよびペイロードデータに安全に解析します。
HMAC ジェネレーター
SHA-256、SHA-512、MD5、および秘密鍵を使用して、暗号化HMAC署名を計算および検証します。
ジェネレーター
ASCII アート
巨大なアスキーアートテキストバナーを生成します。
バーコードジェネレーター
テキストから線形バーコード（UPC、EAN、Code39）を Canvas で生成するクライアント側ツール。
CHMOD 計算機
Linuxファイルの権限を簡単に計算します。
カラーコントラスト
WCAG カラーコントラストのアクセシビリティを確認します。
カラーフォーマット
HEX、RGB、HSLのカラーコードを即座に変換します。
Cron デコーダー
cronスケジュールを人間が読めるテキストに翻訳します。
ファビコンジェネレーター
通常の画像を汎用互換性のある.icoファイルに変換し、標準的なWebアプリアイコンサイズを生成します。
画像 Base64
画像ファイルを Base64 Data URI 文字列および CSS background-image プロパティに変換します。
画像圧縮ツール
ブラウザ内で JPEG、PNG、WEBP、AVIF 画像をローカルに圧縮・最適化します。
マークダウンテーブルジェネレーター
ユーザーが簡単に行/列を追加し、完全にフォーマットされた Markdown テーブル構文を即座に出力できるビジュアル グリッド エディター。
メタタグ＆Open Graphジェネレーター
SEOメタタグ、Twitterカード、Facebook Open Graphタグを生成し、視覚的にプレビューします。
モックデータジェネレーター
数百行の偽のテスト データ (名前、電子メール、住所、日付、クレジット カード) を生成し、データベース テスト用に CSV、JSON、または SQL INSERT ステートメントとしてエクスポートします。
パスワード生成ツール
暗号化アルゴリズムを使用して強力で安全なパスワードを作成します。
PDFツールキット
ブラウザ内で100%安全かつローカルにPDFページの結合、分割、抽出、回転、並べ替えを行います。
プレースホルダーテキスト
UIモックアップ用にランダムなプレースホルダーテキストを作成します。
QR コード
テキストまたはURLから、スケーラブルでスキャン可能なQRコードを作成します。
正規表現テスターと正規表現ビルダー
リアルタイムの一致およびキャプチャ グループのハイライト表示、構文説明の内訳、および複数文字列テスト モードを使用して正規表現をテストします。
Robots.txt ジェネレーター
有効なrobots.txtルールとクローラーディレクティブを作成し、AIスクレイパーをブロックします。
UUID / GUID
汎用一意識別子 (v4) を即座に生成します。
XMLサイトマップジェネレーター
検索エンジン向けにカスタムURL、更新頻度、優先度を指定した有効なXMLサイトマップを構築します。
金融と単位
ネットワーク
DNS 検索
リアルタイムでDNSレコードを確認します。
HTTP ヘッダービューアー
ブラウザが送信するHTTPリクエストヘッダーを表示します。
インターネット速度テスト
ダウンロードおよびアップロードの接続速度をテストします。
IP 検索
IPアドレスとジオロケーションデータを検索します。
MAC ベンダー検索
MACアドレスからハードウェアベンダーを特定します。
RDAP 検索
RDAP 経由でドメインおよび IP の登録情報、レジストラ、ネームサーバー、DNSSEC 状態を照会。
リダイレクト＆リンクトレース
短縮URLの隠れたリンク先を暴き、HTTP 301/302リダイレクトチェーン全体を最終目的地まで追跡します。
SSL 証明書チェッカー
任意のドメインのライブ SSL/TLS 証明書、発行者チェーン、有効期限カウントダウン、SAN ドメイン、フィンガープリントを検査。
サブネット計算機
CIDRネットワークマスクとIP範囲を計算します。
URL パーサー
URLクエリ文字列を簡単に抽出および構築します。
User-Agent 解析
User-Agent文字列からOSとブラウザ情報を抽出します。
Webhook テスター
カスタムヘッダー、HMAC署名、およびライブレスポンス検査を使用してWebhook配信を送信、テスト、デバッグします。
HTML から JSX への変換
HTML タグと属性を React 互換の JSX に変換するクライアント側ツール。
結果はここに表示されます...使い方
HTML コードを入力欄に貼り付けると、React 互換の JSX を即座に生成します。インライン CSS スタイルの変換、SVG 属性のキャメルケース化、コンポーネント化をサポートします。
よくある質問
JSXとは何ですか?
JavaScript XML (JSX) は、使い慣れた HTML のような構造でユーザー インターフェイスがどのように見えるかを記述するために React で使用される JavaScript の構文拡張です。
JSX では「クラス」を使用できないのはなぜですか?
「class」は JavaScript の予約キーワードです。 JSX は、「className」を使用して要素の CSS クラス属性を定義します。
JSX では「for」が「htmlFor」に変更されるのはなぜですか?
「for」は JavaScript の予約済みループ キーワードです。 JSX は、<label> 要素で「htmlFor」を使用して、要素を入力要素 ID に関連付けます。
JSX ではインライン スタイルはどのように記述されますか?
HTML インライン スタイル (style="margin-top: 10px; background-color: red;") は、キャメルケース キーを使用して JavaScript オブジェクトに変換する必要があります: style={{ marginTop: '10px', backgroundColor: 'red' }}。
JSX ではなぜすべてのタグを閉じる必要があるのでしょうか?
HTML とは異なり、JSX では厳密な XML 構文規則が適用されます。void 要素 (<img>、<input>、<br>、<hr> など) は明示的に自己終了する必要があります (<img />、<br />)。
HTML イベント ハンドラーはどのように JSX に変換されますか?
HTML の小文字イベント属性 (onclick、onchange、onsubmit) はキャメルケース (onClick、onChange、onSubmit) に変換され、文字列ではなく関数参照を受け入れます。
HTML コメントはどのように JSX に変換されますか?
HTML コメント (<!-- comment -->) は、中かっこ内の JavaScript コメント式 ({/* comment */}) に変換する必要があります。
JSX はブール属性をどのように処理しますか?
HTML では、disabled、checked、required などの属性は単独で使用できます。 JSX では、<buttondisabled> の指定は <buttondisabled={true}> の短縮形です。
JSX における SVG 属性の違いは何ですか?
ストローク幅、フィルルール、クリップパスなどのハイフンで囲まれた SVG 属性は、React ではキャメルケース (ストローク幅、フィルルール、クリップパス) に変換されます。
HTML は安全に変換されていますか?
はい。すべてのタグ解析、属性マッピング、JSX フォーマットはブラウザーの完全にクライアント側で実行されます。
結果が見つかりません
検索キーワードを変更してもう一度お試しください。