インタラクティブなステップバイステップチュートリアルでJSONの基礎を学ぶ(初心者向け)

上級

これはBuilding Blocks分野の自動化ワークフローで、20個のノードを含みます。主にSet, ManualTriggerなどのノードを使用。 対話のなステップバイステップチュートリアルでJSONの基礎を学ぶ(初心者向け)

前提条件
  • 特別な前提条件なし、インポートしてすぐに使用可能

使用ノード (20)

ワークフロープレビュー
ノード接続関係を可視化、ズームとパンをサポート
ワークフローをエクスポート
以下のJSON設定をn8nにインポートして、このワークフローを使用できます
{
  "meta": {
    "instanceId": "e409ea34548a2afe2dffba31130cd1cf2e98ebe2afaeed2a63caf2a0582d1da0"
  },
  "nodes": [
    {
      "id": "8edca697-2dc4-490e-9850-60a96284c299",
      "name": "実行開始",
      "type": "n8n-nodes-base.manualTrigger",
      "position": [
        -2000,
        100
      ],
      "parameters": {},
      "typeVersion": 1
    },
    {
      "id": "cb671298-90c8-4c39-a91c-d993c8ecf1b2",
      "name": "文字列",
      "type": "n8n-nodes-base.set",
      "position": [
        -1380,
        100
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "e87952cb-878e-4feb-8261-342eaf887838",
              "name": "json_example_string",
              "type": "string",
              "value": "This is a simple string. In JSON, it's always enclosed in double quotes."
            }
          ]
        }
      },
      "typeVersion": 3.4
    },
    {
      "id": "a2331e78-a752-433f-a5e3-d95a373d202b",
      "name": "キー&値",
      "type": "n8n-nodes-base.set",
      "position": [
        -1660,
        100
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "e87952cb-878e-4feb-8261-342eaf887838",
              "name": "key",
              "type": "string",
              "value": "value"
            },
            {
              "id": "b5f030f4-6650-4181-881f-de44790bb24b",
              "name": "another_key",
              "type": "string",
              "value": "another_value"
            }
          ]
        }
      },
      "typeVersion": 3.4
    },
    {
      "id": "f6ffeffb-98c3-4278-8ec5-2aa39220924d",
      "name": "数値",
      "type": "n8n-nodes-base.set",
      "position": [
        -1100,
        100
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "e87952cb-878e-4feb-8261-342eaf887838",
              "name": "json_example_integer",
              "type": "number",
              "value": 10
            },
            {
              "id": "12345",
              "name": "json_example_float",
              "type": "number",
              "value": 12.5
            }
          ]
        }
      },
      "typeVersion": 3.4
    },
    {
      "id": "410682bb-a744-4db6-b08b-a63f67741576",
      "name": "ブール値",
      "type": "n8n-nodes-base.set",
      "position": [
        -820,
        100
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "e87952cb-878e-4feb-8261-342eaf887838",
              "name": "json_example_boolean",
              "type": "boolean",
              "value": true
            }
          ]
        }
      },
      "typeVersion": 3.4
    },
    {
      "id": "5e2948b0-6d60-4f4a-a150-89d41e8c4ed7",
      "name": "配列",
      "type": "n8n-nodes-base.set",
      "position": [
        -260,
        100
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "e87952cb-878e-4feb-8261-342eaf887838",
              "name": "json_example_array",
              "type": "array",
              "value": "[\"first element\", 2, false, null]"
            }
          ]
        }
      },
      "typeVersion": 3.4
    },
    {
      "id": "8f7dc470-f140-4427-970d-738cef81b7fa",
      "name": "オブジェクト",
      "type": "n8n-nodes-base.set",
      "position": [
        20,
        100
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "e87952cb-878e-4feb-8261-342eaf887838",
              "name": "json_example_object",
              "type": "object",
              "value": "{\"key\":\"value\",\"array\":[1,2,3],\"boolean\":false,\"integer\":123,\"sub_object\":{\"sub_key\":\"Find me!\"}}"
            }
          ]
        }
      },
      "typeVersion": 3.4
    },
    {
      "id": "0622c22e-920c-4122-9143-15c310da3861",
      "name": "付箋",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -2220,
        -360
      ],
      "parameters": {
        "color": 7,
        "width": 460,
        "height": 620,
        "content": "### Tutorial - What is JSON?\n\nWelcome! This workflow will teach you the basics of JSON, the language that apps and n8n nodes use to exchange information.\n\n**What is JSON?**\nImagine a contact card:\n- **Name:** John Doe\n- **Age:** 30\n- **Has Children:** Yes\n- **Phone Numbers:** [\"555-1234\", \"555-5678\"]\n\n\nJSON is just a way of writing this down so a computer can understand it perfectly.\n\n**How to use this tutorial:**\n1.  Click **\"Execute Workflow\"**.\n2.  Click on each node, one by one, in order.\n3.  Look at the node's output in the panel on the right and read the associated sticky note to understand what's happening."
      },
      "typeVersion": 1
    },
    {
      "id": "9be83d5e-2a5f-4ae2-8480-520ba0f5fa6b",
      "name": "付箋1",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -1740,
        -240
      ],
      "parameters": {
        "width": 260,
        "height": 500,
        "content": "#### The Heart of JSON: Key & Value\n\nEverything in JSON is built on this pair:\n- A **Key** (the name of the data, always in double quotes `\"`).\n- A **Value** (the data itself).\n\n\n`\"key\": \"value\"`\n\nIn this node's output, you see two key/value pairs. This is the basic building block for everything that follows."
      },
      "typeVersion": 1
    },
    {
      "id": "a4855cf1-8d0d-4c2f-acaf-0f9127a58418",
      "name": "付箋2",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -1460,
        -240
      ],
      "parameters": {
        "width": 260,
        "height": 500,
        "content": "#### Data Type: String\n\nA string is simply **text**.\n- **Syntax:** The text is always enclosed in double quotes `\" \"`.\n\n\nLook at the output: the value of `json_example_string` is the text we defined."
      },
      "typeVersion": 1
    },
    {
      "id": "016132fc-2d78-4ef3-87ed-c4e91ccca2f4",
      "name": "付箋3",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -1180,
        -240
      ],
      "parameters": {
        "width": 260,
        "height": 500,
        "content": "#### Data Type: Number\n\nThis is simply a number. It can be a whole number (integer) like 10, or a decimal (float) like 12.5.\n- **Syntax:** Just write the number directly, **WITHOUT quotes**.\n\n\n`\"age\": 30` (Correct)\n`\"age\": \"30\"` (Incorrect, this is a String!)\n\nThis distinction is crucial for doing math!"
      },
      "typeVersion": 1
    },
    {
      "id": "b5122335-74de-4f59-b72d-898e9e0a0667",
      "name": "付箋4",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -900,
        -240
      ],
      "parameters": {
        "width": 260,
        "height": 500,
        "content": "#### Data Type: Boolean\n\nThis is a value that can only be **TRUE** or **FALSE**.\n- **Syntax:** `true` or `false` (always lowercase and **WITHOUT quotes**).\n\n\nThink of it like a light switch: on (`true`) or off (`false`). It's very useful for conditions (If/Then logic)."
      },
      "typeVersion": 1
    },
    {
      "id": "e697becb-8572-4ab5-b675-d7bb9015fc09",
      "name": "付箋5",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -340,
        -240
      ],
      "parameters": {
        "width": 260,
        "height": 500,
        "content": "#### Data Type: Array\n\nAn array is an **ordered list** of items.\n- **Syntax:** Starts with `[` and ends with `]`. Items are separated by commas.\n\n\nAn array can hold anything: strings, numbers, booleans, and even other arrays or objects!"
      },
      "typeVersion": 1
    },
    {
      "id": "7a5e09f8-3a36-43c3-8740-deb602c320ef",
      "name": "付箋6",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -60,
        -240
      ],
      "parameters": {
        "width": 280,
        "height": 500,
        "content": "#### Data Type: Object (JSON Object)\n\nThis is the main concept! An object is a **collection of key/value pairs**.\n- **Syntax:** Starts with `{` and ends with `}`.\n\n\nThis is what allows us to structure complex data, like our contact card from the beginning. Notice how this object contains all the other data types we've seen!"
      },
      "typeVersion": 1
    },
    {
      "id": "295696bd-cc6a-4812-aad3-9c0189166120",
      "name": "Null",
      "type": "n8n-nodes-base.set",
      "position": [
        -540,
        100
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "e87952cb-878e-4feb-8261-342eaf887838",
              "name": "json_example_null",
              "type": "null",
              "value": null
            }
          ]
        }
      },
      "typeVersion": 3.4
    },
    {
      "id": "9fd77ab6-99aa-4b1f-90df-ba2cfbd99410",
      "name": "付箋7",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -620,
        -240
      ],
      "parameters": {
        "width": 260,
        "height": 500,
        "content": "#### Data Type: Null\n\nThis special type means \"nothing,\" \"no value,\" or \"empty.\"\n- **Syntax:** `null` (lowercase and **WITHOUT quotes**).\n\n\nIt's different from `0` (which is a number) or `\"\"` (which is an empty string). `null` is the intentional absence of a value."
      },
      "typeVersion": 1
    },
    {
      "id": "ffb386b3-73c9-48d5-8b85-31bcb20ad301",
      "name": "Using JSON (Expressions)",
      "type": "n8n-nodes-base.set",
      "position": [
        360,
        100
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "e87952cb-878e-4feb-8261-342eaf887838",
              "name": "message",
              "type": "string",
              "value": "=Hello, the number from the tutorial is: {{ $('Number').item.json.json_example_integer }}"
            },
            {
              "id": "61f385f4-b8e2-4c69-b873-9ffc3ab3fe94",
              "name": "sub_key",
              "type": "string",
              "value": "={{ $json.json_example_object.sub_object.sub_key }}"
            },
            {
              "id": "bd752a0f-64bf-44b1-b39b-fca28e86aa5b",
              "name": "array_second_item",
              "type": "string",
              "value": "={{ $json.json_example_object.array[1] }}"
            }
          ]
        }
      },
      "typeVersion": 3.4
    },
    {
      "id": "43dae41f-2bfc-4acb-a4b5-072d5bc1c20a",
      "name": "付箋8",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        240,
        -240
      ],
      "parameters": {
        "color": 5,
        "width": 340,
        "height": 500,
        "content": "#### ⭐ THE KEY STEP: Using JSON in n8n!\n\nNow for the magic. How do you use data from a previous node? With **expressions** `{{ }}`.\n\nThis node creates a custom message. Look at the value of the `message` field:\n`Hello, the number from the tutorial is: {{ $('Number').item.json.json_example_integer }}`\n\nIt dynamically pulled the number `10` from the \"Number\" node! This is how you make your nodes talk to each other."
      },
      "typeVersion": 1
    },
    {
      "id": "34aeec49-684c-4b49-9c64-9946d5554e4e",
      "name": "最終試験",
      "type": "n8n-nodes-base.set",
      "position": [
        720,
        100
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "e87952cb-878e-4feb-8261-342eaf887838",
              "name": "summary_string",
              "type": "string",
              "value": "={{ $('String').item.json.json_example_string }}"
            },
            {
              "id": "12345",
              "name": "summary_number",
              "type": "number",
              "value": "={{ $('Number').item.json.json_example_integer }}"
            },
            {
              "id": "67890",
              "name": "summary_boolean",
              "type": "boolean",
              "value": "={{ $('Boolean').item.json.json_example_boolean }}"
            },
            {
              "id": "abcde",
              "name": "summary_null",
              "type": "null",
              "value": "={{ $('Null').item.json.json_example_null }}"
            },
            {
              "id": "fghij",
              "name": "summary_array",
              "type": "array",
              "value": "={{ $('Array').item.json.json_example_array }}"
            },
            {
              "id": "klmno",
              "name": "summary_object",
              "type": "object",
              "value": "={{ $('Object').item.json.json_example_object }}"
            }
          ]
        }
      },
      "typeVersion": 3.4
    },
    {
      "id": "6f605bd8-20e4-4e0c-af7a-927e6e4ef854",
      "name": "付箋9",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        600,
        -240
      ],
      "parameters": {
        "color": 6,
        "width": 340,
        "height": 500,
        "content": "#### 🎓 FINAL EXAM: Putting It All Together\n\nThis last node creates a final object by using expressions to pull data from **all the previous nodes**.\n\nClick on this node and look at the expressions in each field. It's a perfect summary of everything you've learned.\n\n**Congratulations! You now understand the basics of JSON and how to use it in n8n.**"
      },
      "typeVersion": 1
    }
  ],
  "pinData": {},
  "connections": {
    "295696bd-cc6a-4812-aad3-9c0189166120": {
      "main": [
        [
          {
            "node": "5e2948b0-6d60-4f4a-a150-89d41e8c4ed7",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "5e2948b0-6d60-4f4a-a150-89d41e8c4ed7": {
      "main": [
        [
          {
            "node": "8f7dc470-f140-4427-970d-738cef81b7fa",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "f6ffeffb-98c3-4278-8ec5-2aa39220924d": {
      "main": [
        [
          {
            "node": "410682bb-a744-4db6-b08b-a63f67741576",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "8f7dc470-f140-4427-970d-738cef81b7fa": {
      "main": [
        [
          {
            "node": "ffb386b3-73c9-48d5-8b85-31bcb20ad301",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "cb671298-90c8-4c39-a91c-d993c8ecf1b2": {
      "main": [
        [
          {
            "node": "f6ffeffb-98c3-4278-8ec5-2aa39220924d",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "410682bb-a744-4db6-b08b-a63f67741576": {
      "main": [
        [
          {
            "node": "295696bd-cc6a-4812-aad3-9c0189166120",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "a2331e78-a752-433f-a5e3-d95a373d202b": {
      "main": [
        [
          {
            "node": "cb671298-90c8-4c39-a91c-d993c8ecf1b2",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "8edca697-2dc4-490e-9850-60a96284c299": {
      "main": [
        [
          {
            "node": "a2331e78-a752-433f-a5e3-d95a373d202b",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "ffb386b3-73c9-48d5-8b85-31bcb20ad301": {
      "main": [
        [
          {
            "node": "34aeec49-684c-4b49-9c64-9946d5554e4e",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  }
}
よくある質問

このワークフローの使い方は?

上記のJSON設定コードをコピーし、n8nインスタンスで新しいワークフローを作成して「JSONからインポート」を選択、設定を貼り付けて認証情報を必要に応じて変更してください。

このワークフローはどんな場面に適していますか?

上級 - ビルディングブロック

有料ですか?

このワークフローは完全無料です。ただし、ワークフローで使用するサードパーティサービス(OpenAI APIなど)は別途料金が発生する場合があります。

関連ワークフロー

ワークフロー情報
難易度
上級
ノード数20
カテゴリー1
ノードタイプ3
難易度説明

上級者向け、16ノード以上の複雑なワークフロー

作成者
Lucas Peyrin

Lucas Peyrin

@lucaspeyrin

Innovative builder with a passion for crafting automation solutions that solve real-world challenges. From streamlining workflows to driving efficiency, my work empowers teams and individuals to achieve more with less effort. Experienced in developing scalable tools and strategies that deliver results with n8n, supabase and cline.

外部リンク
n8n.ioで表示

このワークフローを共有

カテゴリー

カテゴリー: 34