Menu

JSON→YAML変換

JSONとYAMLを相互変換、即時バリデーション付き。

著者 Nethanel Bar, Co-founder & CEO

最終更新

本気でプログラミングを学びませんか?

Coddyはブラウザ上で実際にコードを書きながら学ぶサービスです。インタラクティブなレッスン、即時フィードバック、行き詰まったときのAIサポート付き。

JSON YAML 変換ツールとは?

JSONとYAMLは、同じ構造化データ(オブジェクト、配列、文字列、数値、真偽値)を書き表す2つの記法です。JSONは波括弧と角括弧を使い、ほとんどのAPIが話す言語です。YAMLはインデントで構造を表し、設定ファイル(Docker Compose、Kubernetes、GitHub Actions、CIパイプライン)の定番です。JSON YAML変換ツールは、この2つの間を欠落なく相互に変換します。

このツールは双方向に対応しています。JSON → YAMLモードではJSONを解析し、インデント付きのYAMLとして出力します。YAML → JSONモードではYAMLを解析し、同じ内容のJSONを整形して表示します。入力に構文エラーがあれば、黙って失敗するのではなく、パーサーのエラーメッセージをそのまま表示します。

処理はすべてブラウザ内でローカルに実行されます。設定データ、シークレット、ペイロードがサーバーにアップロードされることはありません。

変換しながら身につくこと

  • JSONとYAMLは同じデータモデルを表します。有効なJSONドキュメントはすべて、そのまま有効なYAMLでもあります。
  • YAMLはネストを括弧ではなくインデントで表すため、深い設定ツリーでも読みやすくなります。
  • YAMLの文字列は通常クォート不要ですが、yesno12:30 のような値は特別に解釈されることがあります。迷ったらクォートで囲みましょう。
  • コメント(# like this)はYAMLにはありますがJSONにはないため、JSONを経由して往復するとコメントは消えます。

JSONをYAMLに変換する手順

  1. 変換方向を選ぶ

    JSONをYAMLにするなら JSON → YAML、その逆なら YAML → JSON を選びます。

  2. データを貼り付ける

    JSONまたはYAMLを左側のパネルに貼り付けます。入力中にその場で変換されます。

  3. エラーを修正する

    入力が壊れている場合、右側のパネルにパーサーのエラー内容と行番号が表示されるので、すぐに修正できます。

  4. コピーまたは入れ替える

    結果をワンクリックでコピーするか、入れ替えボタンでそのまま逆方向に変換し直せます。

試してみたい例

シンプルなオブジェクト

Paste a small example into the tool and change one part at a time.

name: Coddyfree: true の、すっきりした2行のYAMLに変換されます。

配列

Copy the original value, run the tool, then compare the result.

配列は、キーの下に - の箇条書きで並ぶYAMLのリストになります。

よくあるミス

  • YAMLでタブとスペースを混在させる - YAMLのインデントはスペース限定で、タブはパースエラーになります。
  • JSONの末尾カンマ - JavaScriptのオブジェクトでは許されますが、厳密なJSONでは無効で、パーサーが失敗します。
  • コメントが往復変換で残ると思い込む - YAML → JSON → YAML と変換すると # コメントはすべて消えます。JSONにはコメントがないからです。

JSON YAML 変換のFAQ

JSONをYAMLに変換するには?
JSON → YAMLモードでJSONを左側のパネルに貼り付けてください。同じ内容のYAMLが即座に右側に表示され、そのままコピーできます。
YAMLをJSONに戻せますか?
はい。YAML → JSONモードに切り替えてYAMLを貼り付ければ、整形されたJSONが出力されます。
データはどこかにアップロードされますか?
いいえ。解析と変換はすべてブラウザ内で完結するため、設定データやシークレットがあなたのマシンの外に出ることはありません。
YAMLのコメントが消えたのはなぜ?
JSONにはコメントという概念がないため、YAMLをJSONに変換して戻す際に # コメントはすべて失われます。

詳しく見る

その他の開発者ツール

Coddy programming languages illustration

Coddyでコードを学ぼう

始める