JSON のヒントとガイド
JSON・YAML・API データを扱う開発者向けの実用記事。
JSON の位置 0 で Unexpected Token <: 来たのは HTML
"Unexpected token <" エラーは、JSON.parse が JSON ではなく HTML ページ (404、ログインリダイレクト、誤った URL) を受け取ったということ。原因を、壊れた/修正後の fetch 例で解説。
5 min readJSON の位置 0 で Unexpected Token u: undefined をパース
"Unexpected token u" エラーは JSON.parse(undefined) を呼んだことを意味します。なぜ undefined が "undefined" になるか、どう防ぐか、安全パースのヘルパーを学びます。
5 min readJSON 内の未終端文字列: 原因と修正
JSON 内の未終端文字列は開きクオートに対応する閉じクオートがないこと —— 普通はエスケープ忘れのクオート、生の改行、または切り詰められたデータ。壊れた例と修正例で解説。
5 min readJSON の不正なエスケープ文字: 原因、例、修正方法
\x エスケープ、Windows パス、正規表現文字列、不正な \u 値、二重エンコード JSON による「bad escaped character in JSON」エラーを修正します。
12 min readJSON データの後の予期しない非空白文字: 修正方法
このエラーは完全な JSON 値の後に余分な内容があることを意味します —— 連結されたオブジェクト、1 ブロックとして parse された NDJSON、末尾のゴミ。余分なデータの見つけ方と直し方。
5 min readJSON Pretty Print vs JSON Format: 何が違うか?
JSON にとって pretty print、format、beautify は同じ意味。理由、本当に違うこと (minify、validate、tree view)、そしてオンラインで JSON を pretty print する方法を解説。
5 min readJSON ツリービューワー: JSON を折りたためる木として探索
JSON をインタラクティブで折りたためる木として表示。大きくネストしたペイロードを、ブラウザ内でアップロード不要に探索できるよう、任意のオブジェクト/配列を展開・折りたたみ。
6 min readYAML フォーマッター: YAML を整形、再インデント、検証
YAML フォーマッターは YAML を再インデントし正規化して読みやすく diff しやすくします。インデント規則、型のワナ、整形 vs JSON 変換の使い分けを学びます。
6 min readXML を JSON に変換: 属性、テキストノード、配列、名前空間
XML を正しく JSON に変換: 属性、テキストノード、繰り返し要素、名前空間が JSON にどう対応するか —— 慣習、エッジケース、JS/Python コードつき。
8 min readJSON を XML へ: ルート要素、配列、属性マッピング
JSON を XML に変換：ルート要素、@ 属性、配列、エスケープ——JS、Python、またはオンラインで。無料コンバーターを試す。
7 min readJSON を CSV に変換する方法 (および逆方向)
JavaScript、Python、オンラインで JSON ↔ CSV を変換。array-of-objects マッピング、クオートの規則、ネスト値、型の強制について解説。
7 min readJSON を検証する方法: 構文と schema 検証
JSON.parse、Python の json.loads、jq、またはブラウザで JSON 構文を検証 —— さらに JSON Schema で構造と型を検査する方法を学ぶ。
8 min readJSON.stringify で JSON を文字列化する方法
JSON.stringify は値を JSON 文字列に変換します。space と replacer 引数、toJSON フック、暗黙に落とされたり例外になる値について学びます。
8 min readJSON vs YAML: 違いと使い分け
JSON と YAML を比較: 構文、型、コメント、Norway problem のようなワナ。YAML は JSON の上位集合 —— 使い分けと変換方法。
7 min readJWT をデコードしてクレームを読む方法
JWT は 3 つの Base64url セクション。JavaScript と Python でヘッダとペイロードをデコードする方法 —— そしてトークンをデコードすることは検証することと同じではない理由。
8 min readJSON Patch vs JSON Merge Patch: RFC 6902 vs 7396
JSON Patch (RFC 6902) は明示的な操作を送る; JSON Merge Patch (RFC 7396) は部分オブジェクトを重ねる。両者を比較し、適切な方を選ぶ。
7 min readCSV と XML を JSON に変換する方法
JavaScript、Python、ブラウザで CSV と XML を JSON に変換。array-of-objects マッピング、XML 属性の扱い、型強制のワナを解説。
7 min readjq チュートリアル: JSON のフィルタと変換
コマンドラインで jq を学ぶ：インストール、整形、選択、フィルタ、map、JSON 編集——コピペできるレシピ付き。
7 min readJSON から TypeScript インターフェースを生成する方法
JSON を TypeScript インターフェースに変換 —— オンラインまたはコードで。ネストオブジェクト、オプショナル vs nullable フィールド、型の同期を扱う。
10 min readJSON Schema とは? 例で学ぶ実用ガイド
JSON Schema とは？JSON の構造を記述・検証する——主要キーワード、実例、JavaScript と Python での検証。詳しく見る。
10 min readJSON を最小化する方法 —— そしてやるべきとき
JSON の最小化はファイルサイズを減らし API 応答を速くするために不要な空白をすべて削除。JavaScript、Python、コマンドライン、ブラウザでの最小化方法 —— そして必要のないときを学ぶ。
9 min readJSON ビューワー vs JSON フォーマッター: 何が違うか?
JSON ビューワー vs フォーマッター：ビューワーはツリーを描画し、フォーマッターはテキストを整形。違いと使い分けを学ぶ。
8 min read"[object Object] is Not Valid JSON" などの JSON 構文エラーを直す
"[object Object] is not valid JSON" や "expected a JSON object, array or literal" が出る? 原因、JSON 構文の正しい修正、末尾カンマの修正、壊れた JSON の自動修復を学ぶ。
9 min readJSON 修復パーサーは実際にどう動くのか
末尾カンマ、シングルクオート、引用符なしキー、Python リテラル、markdown フェンス —— オンライン JSON 修正ツールはすべて処理可能。修復パーサの動作、使いどき、機密データを守る方法を学ぶ。
7 min readJSON 形式の例: オブジェクト、配列、現実のパターン
コピペできる JSON 例: 全データ型、ネスト構造、REST API 応答、設定ファイル、日付形式、GeoJSON —— よくあるエラーパターンとその修正つき。
6 min readJSON を整形する方法: pretty-print、検証、整理
JavaScript の JSON.stringify、Python の json.dumps、コマンドラインの jq、またはブラウザで即座に JSON を整形。キーソート、YAML/CSV → JSON 変換、ビフォーアフター例を含む。
8 min readJSON とは? JSON 形式、構文、ファイルの完全ガイド
JSON (JavaScript Object Notation) は普遍的なデータ交換形式。6 つのデータ型、JSON を厳格にする文法規則、.json ファイルの用途、各言語での JSON パース方法を学ぶ。
7 min read機密 JSON をオンラインツールに貼ってはいけない理由
JWT、API キー、PII をオンライン JSON ツールに貼ると、サーバログ・キャッシュ・インデックスで漏れうる。ブラウザネイティブが安全な理由。
7 min readJSON 文字列リテラルの不正な制御文字: 修正方法
JSON 文字列の中の生のタブ、改行、null バイト、ANSI エスケープがこのエラーを引き起こす。JSON 仕様が禁じる理由、混入する経路、剥がし方/エスケープ方法を学ぶ。
6 min readJSON の位置 1 で Unexpected Token o: 原因と修正
その小文字の "o" は "[object Object]" の 2 文字目。JSON.parse() に文字列ではなく JavaScript オブジェクトを渡しています。この間違いのあらゆる種類と、それぞれの一行修正。
5 min readUnexpected End of JSON Input: 起こる理由と直し方
パーサが構造完了の前に文字列の終わりに到達。原因は、切り詰められた API 応答、閉じていない括弧、空文字列まで多様。5 パターン、5 つの修正。
5 min readBase64 は暗号化ではない：何を隠せて何を隠せないのか
Base64 はエンコードで暗号化ではない。パスワード、JWT ペイロード、API キー、Basic 認証ヘッダ、URL データ、ログが読める理由。
15 min read2 つの JSON ファイルを比較する方法: アルゴリズムとツール
プレーンテキスト diff はキー並び替えを変更として誤検出する。本物の JSON diff の仕組み: キー正規化、LCS 行 diff、意味的比較。
9 min readJSON vs JavaScript オブジェクト: シングルクオートが許されない理由
多くの開発者は JS オブジェクトリテラルを JSON と同一視する。同じではない: シングルクオート、引用符なしキー、末尾カンマ、undefined、NaN —— 全ての違いを例で示す。
7 min readJSON の末尾カンマ: なぜ { "a": 1, } はエラーになるか
JSON オブジェクトや配列の最後の要素の後に余分なカンマがあるだけで SyntaxError。JSON が末尾カンマを禁じる理由、どこから来るか、取り除き方を学ぶ。
6 min readJSON.parse "Unexpected Token" エラーの直し方
"Unexpected token '<'" や "Unexpected token u in JSON at position 0" —— これらはアプリを止める。各種の意味と、正確な直し方を解説。
6 min readJavaScript で壊れた JSON を扱う方法
JSON.parse() は厳しい — 余計なカンマ一つでアプリがクラッシュする。壊れた JSON の典型パターン、try/catch でのエラー捕捉、修復が必要なタイミングを解説。
8 min readJSON.parse Source Access: context.source, BigInts, JSON.rawJSON, and LLM JSON
Use JSON.parse reviver context.source and JSON.rawJSON safely: feature-detect support, rescue large numeric IDs, serialize BigInts, and harden repaired LLM JSON output.
12 min read