const JSON ↔ QueryString = () => {

JSON と URL のクエリ文字列は相互に変換され、ネストされたフィールドは括弧を使用して書き込まれます。
ネットワークリクエストがゼロで、生データがブラウザから流出することはありません。

40 以上のローカルツール · JSON 処理 · 形式変換 · エンコードとデコード · テキスト支援

画像をクリックまたはドラッグします (アップロードせずにローカルで処理します)

画像をクリックまたはドラッグします

品質最長辺格式

準備ができてボリューム：0B 所要時間: 0 ミリ秒

UTF-8 インデント: 4 スペース JSON

ツールの選択

以下のツールライブラリで [カテゴリ] をクリックし、[カード] をクリックします。ワークスペースのタイトルは、対応する機能にすぐに切り替わります。

投稿内容

JSON、コード、または秘密のテキストを左側に貼り付けます。ほとんどのツールは、入力後に「実行」をクリックする必要がなく、自動的に結果を生成します。

結果を見る

右側が処理結果です。 JSON 書式設定を「ツリー/視覚化」に切り替えることができます。比較ツールは、追加、削除、変更を強調表示します。

コピーまたは共有

結果をコピーするか、ファイルをダウンロードするか、「共有」をクリックして Hash リンクを生成します。データはブラウザのアドレスバーにのみ書き込まれ、サーバーには報告されません。

ツールライブラリメニュー

カテゴリごとにモジュールを選択すると、以下のカードとサンプルシーンが連動して切り替わります。

例とシナリオ

現在・JSON コア

「Fill」をクリックしてツールを開き、サンプルを書き込むと、結果を直接確認できます。

JSON フォーマット

インターフェース応答の美化

JSON を圧縮してインデントを展開し、ツリービューを切り取る

{
  "status": "success",
  "code": 200,
  "data": { "user": { "id": 1001, "name": "Ada" }, "list": [1, 2, 3] }
}

JSON 文法チェック

余分なカンマを見つける

一般的な予期しないトークンの代わりにエラー行をマークします

{
  "ok": true,
  "msg": "多余逗号会报错",
}

JSON5 分析

JSON5 → 標準 JSON

コメント、一重引用符、および末尾のカンマは解析可能な JSON に変換されます。

{
  // 配置注释
  env: 'dev',
  retries: 3,
  hosts: ['a.local', 'b.local',],
}

JSONPath クエリ

価格 > の書籍タイトルを抽出します。 20

表現$.store.book[?(@.price>20)].title→ 三体、アルゴリズム

{
  "store": {
    "book": [
      { "title": "三体", "price": 48 },
      { "title": "JSON 手册", "price": 12 },
      { "title": "算法", "price": 88 }
    ]
  }
}

JSON 比較Diff

2 つの展開構成

レプリカが変更され、デバッグが削除され、リージョンが追加されました

古い

{"env":"prod","replicas":2,"debug":false}

B 新しい

{"env":"prod","replicas":4,"region":"cn-east"}

JSON キーソート

キーをアルファベット順に並べ替える

ネストされたオブジェクトも diff を容易にするために再配置されます。

{
  "z": 1,
  "m": 2,
  "a": { "c": 3, "b": 2 }
}

JSON ↔ YAML

JSON → YAML

方向は、K8s ドラフト用に JSON → YAML が選択されました

{
  "service": "api",
  "replicas": 2,
  "ports": [80, 443]
}

エンティティコードを生成する

JSON → TypeScript

言語は TypeScript で、ネストは複数の型レベルに分割されます。

{
  "id": 1,
  "name": "Ada",
  "tags": ["dev"],
  "profile": { "city": "Shanghai", "vip": true }
}

JSON ↔ XML

JSON → XML

方向は JSON → XML に選択されており、ルートノードはルートのレイヤーでラップされます。

{
  "user": { "name": "Ada", "age": 18, "tags": ["dev", "ops"] }
}

JSON ↔ CSV

JSON → CSV

方向は JSON → CSV が選択されており、最初の行がヘッダーとして使用されます。

[
  { "id": 1, "name": "Ada" },
  { "id": 2, "name": "Bob" }
]

JSON → SQL INSERT

JSON → INSERT

テーブル名は選択されたユーザーです

[
  { "id": 1, "name": "Ada" },
  { "id": 2, "name": "Bob" }
]

キャメルケース/下線

snake_case → camelCase

CamelCaseを対象として選択し、ネストされたキーも一緒に変更します。

{
  "user_id": 1,
  "nick_name": "Ada",
  "profile_info": { "city_name": "SH" }
}

コードの美化/圧縮

JS美化

選択した JS の美化を入力します

function hello(name){if(!name)return;console.log('hi '+name)}

コードの美化/圧縮

SQL 美化

選択したタイプ SQL 美化

select u.id, u.name
from users u
join orders o on u.id = o.user_id
where o.amount > 100
order by o.created_at desc;

コードの美化/圧縮

CSS 美化

選択したタイプ CSS 美化

.box{display:flex;align-items:center;background:#2563eb;padding:8px 16px}

Base64 エンコーディング

中国語 → Base64

デコードには代わりに「Base64 decode」を使用してください。

DevBox ローカルツールボックス

URL エンコーディング

クエリパラメータのエンコーディング

漢字とスペースは%XXになります

https://api.example.com/search?keyword=格式化 JSON

ハッシュ

SHA-256

アルゴリズムは SHA-256 が選択されており、同じ入力サマリーは変更されません。

hello-devbox

タイムスタンプ

Unix → 現地時間

秒単位で 10 桁、ミリ秒単位で 13 桁

1710000000

Unicode 中国語から中国語への変換

漢字 → \u

漢字を選択した方向 → \u

こんにちはDevBox

JWT

トークンの解析

トークンを貼り付けた後、「解析」をクリックします。プロダクションキーを使用しないでください

header.payload.signature

HTML エスケープ/エスケープ

HTML エスケープ

ラベルが DOM として扱われないように、エスケープする方向が選択されています。

<div class="box">A & B</div>

文字列処理

行ごとに重複を削除

行ごとに重複を削除し、最初に出現したものを保持する操作が選択されています。

Ada
Bob
Ada
Cara

定期テスト

数字を抽出する

表現\d+、選択されたフラグ g

order-1001 paid 88
order-1002 paid 12

文字列処理

単語数

選択した文字/行の統計を操作します

Hello JSONNote
JSON 工具箱

簡単なJS操作

短い JS を実行する

サンドボックス iframe、信頼できないコードを投稿しないでください

const sum = (a, b) => a + b;
sum(1, 2);

QRコード

テキスト→QRコード

記入後「QRコードを生成」をクリック

https://jsonnote.com

CSS グラデーションの生成

キー CSS グラデーション

始点・終点・角度を変更して背景をコピー

linear-gradient(135deg, #2563eb, #a855f7)

画像圧縮

地元の地図

アップロードせずにドラッグするだけです。調整可能な質量と最長辺

JPG / PNG / WebP

使用説明書

どのツールをいつ使用するかをモジュールごとに学びます。 [ツールの表示] をクリックすると、対応するカテゴリにジャンプし、上記の例を使用してワンクリックでワークスペースに入力します。

JSON コア

これは、インターフェイスのデバッグ、ログのトラブルシューティング、構成の比較に最もよく使用されます。構造を確認するために、最初にフォーマットすることをお勧めします。構文に問題がある場合は、検証を使用して行番号を特定します。

応答本文を 1 行に圧縮して貼り付け、「JSON 形式」を選択すると右側が展開されます。ツリービューではキー値を直接変更できます。アドレスからロードする必要がある場合は、確認後に「プル」をクリックします (ネットワーク要求が開始されます)。
新聞Unexpected token代わりに「構文チェック」を使用すると、余分なカンマや括弧が欠落している行がマークされます。
コメントまたは末尾のカンマを含む構成には「JSON5 parse」を使用します。これにより、標準の JSON が出力されます。
2 つの構成を比較するには: 「JSON 比較 Diff」を開きます。それらを 1 つに結合するには、「JSON Merge」を使用します。
一部のフィールドのみを取得します。「JSONPath」を開きます。契約を推測または検証するには、「JSON Schema」を使用します。

右上隅の「設定」でインデントスペースを変更すると、書式設定やキーソートも変更されます。

ビューツール

マルチフォーマット変換とエンティティ

運用保守構成やバックエンドモデルと接続する場合、オンライン変換ステーションを行き来する必要がありません。

JSON ↔ YAML / TOML / XML / CSV: 最初に方向を選択してから、ソーステキストを貼り付けます。
XML は解析可能なドキュメントである必要があります。 JSON→XML の場合、ルートノードは 1 つのレイヤーでラップされます。root。
「エンティティコードの生成」は、Java、Go、Python、TypeScript、C#、PHP、Kotlin、Swift、Rust、GraphQL などで動作します。
JSON → SQL INSERT、curl / Postman 相互変換、キャメルケースアンダースコア変更キーはすべて相互変換に分類されます。

変換が失敗した場合は、右側のエラーメッセージを参照してください。最初にフォーマットして JSON が正当であることを確認してから相互に変換すると、成功率が高くなります。

ビューツール

コードの美化とテキスト Diff

JS / SQL を 1 行にまとめて投稿するか、2 つのログまたは設定ドラフトを比較します。

「コード美化/圧縮」では、まずタイプ（JS美化、SQL美化など）を選択すると、結果が右側に表示されます。
圧縮オプションはコメントと冗長な空白を削除しますが、これはボリュームの比較には適していますが、運用ビルダーとしての使用には適していません。
「テキスト Diff」は左右の列の任意のテキストであり、相違点が行ごとに強調表示されます。 JSONである必要はありません。

美化の種類はワークスペースの右上で切り替えます。

ビューツール

エンコード、ハッシュ、JWT、RSA

すべてブラウザ内で計算されます。本番環境ではキー、トークン、プレーンテキストを使用しないでください。また、実際のプライバシー情報を投稿しないでください。

Base64 / URL: エンコードとデコードは 2 つのツールです。逆に貼り付けないように注意してください。
ハッシュ: テキストまたはローカルファイル。 HMAC は右側のキーを入力する必要があります。整合性第一 SHA-256 / SHA-512。
JWT: 解析すると、unix/ISO/ローカル時間が得られます。生成と検証には HS256 または RS256 を使用できます。
AES-GCM: パスワード導出キー、暗号文は JSON です。 RSA やはり最初に「キーを生成」してから復号化します。
タイムスタンプ: 純粋にデジタルで、秒またはミリ秒で自動的に判断されます。「現在時刻」を使用して、ワンクリックでローカルと ISO を入力することもできます。

キーはローカルでのみ処理され、運用環境データはポストされません。

ビューツール

テキストアシスタント

エスケープ、重複排除、正規化、単語カウント。リスト、ログスニペット、ページに挿入されるテキストの処理に適しています。

HTML エスケープ: 置く<div>ページに安全に挿入できるソリッドなキャラクターになるか、反転します。
文字列処理: スペース、改行、大文字と小文字の削除、重複の削除、空白行の削除、文字統計。
通常のテスト: 正規表現の列に入力し、オプションでフラグを選択すると、一致したものが強調表示されます。

同じツールで、オプションを変更することでスペース、大文字と小文字を削除し、配列を分割できます。

ビューツール

その他のガジェット

画像、QR コード、グラデーション、短い JS はすべてローカルで処理され、サーバーを経由しません。

シンプルな JS 実行: サンドボックス iframe で短いスクリプトを実行します。信頼できないコードを貼り付けないでください。
画像圧縮/形式変換/Exif: ローカルの Canvas または解析、アップロードではありません。
QR コード: 生成するテキストを入力するか、認識する画像をドラッグします。
CSS グラデーション: 開始点、終了点、角度を調整し、生成されたグラデーションをコピーします。background声明。

画像やQRコードはブラウザ上で完結し、ファイルはアップロードされません。

ビューツール

JSON ↔ QueryString使い方

現在のツールが下のツールライブラリで選択されていることを確認します (またはカテゴリタブから切り替えます)。
JSON またはテキストを左側の入力領域に貼り付けます。
結果は右側に自動的に表示されます。必要に応じて、コピー、ダウンロード、または「共有」をクリックできます。

よくある質問

データはサーバーにアップロードされますか?
しません。このツールはブラウザ内で計算を実行します。
貼り付けても出力されませんか?
ほとんどのツールは、約 120 ミリ秒の入力一時停止後に結果を自動的に出力します。 RSA、JWT、写真などはパネルボタンをクリックする必要があります。

製品ドキュメント

01.データセキュリティとローカルコンピューティング

JSON の処理、エンコード、デコード、ハッシュ、JWT、RSA などはすべてブラウザ内で行われます。原文バックエンドには送信されません。キーと個人データをオンラインページに貼り付けることは依然として推奨されていません。

02.リアルタイムのフィードバックと共有

手ぶれ補正を入力するとすぐに結果が表示されます。リンクを共有して使用する#tool=&data=Hash パラメーターを渡し、スクリプト呼び出しに適応して、サーバーがコンテンツを保存しないようにします。

03.ワークスペースボタンの説明

全画面表示: トップバーとツールライブラリを非表示にし、エディターのみを残します。
共有: 現在のツールをエンコードしてアドレス Hash に入力し、完全な URL を同僚に送信して再現します。
ダウンロード: 右側の結果をファイルとして保存します。
結果のクリア/コピー: 入力をクリアするか、クリップボードに書き込みます。

04.よくある質問

貼り付け後に出力が表示されないのはなぜですか?

RSA、JWT、写真、グラデーション、JS ランナーはパネル上のボタンをクリックする必要があります。残りのツールは、約 120 ミリ秒の一時停止後に入力を自動的に処理します。
JSON もちろんそれは理解できますが、それは違法だと言われていますか？

標準 JSON では、コメント、一重引用符、および末尾のコンマは許可されません。このタイプのテキストを解析するには JSON5 を使用するか、最初にコメントを削除してからフォーマットしてください。
共有リンクは特に長いですか?

データはHashに書き込まれ、サイズはブラウザURLの長さによって制限されます。大きなファイルはローカルに貼り付けて、共有リンクに依存しないでください。
次回はダークテーマがオンになるでしょうか？

テーマ、インデント、フォントサイズはローカルマシン localStorage に存在するため、ブラウザを変更するかサイトデータをクリアした後にリセットする必要があります。

0 ms

ネットワーク伝送遅延なし

100%

純粋なクライアント操作

40+

ローカルツールモジュール

ツールの選択

投稿内容

結果を見る

コピーまたは共有

ツールライブラリメニュー

例とシナリオ

使用説明書

JSON コア

マルチフォーマット変換とエンティティ

コードの美化とテキスト Diff

エンコード、ハッシュ、JWT、RSA

テキストアシスタント

その他のガジェット

JSON ↔ QueryString使い方

よくある質問

製品ドキュメント

01.データセキュリティとローカルコンピューティング

02.リアルタイムのフィードバックと共有

03.ワークスペースボタンの説明

04.よくある質問

エディターの設定