No-Code Automation · レッスン

JSONとXMLレスポンスの解析

API呼び出しで返される複雑なJSONやXMLデータから、必要な情報を抽出する技術を身につけます。

「JSONとXMLレスポンスの解析」はCoddyKit上の無料No-Code Automationレッスンです。これはレッスン3/4です。下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。これはNo-Code Automation学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 No-Code Automationコースには全4レッスンが含まれています。

このレッスンの一部はまだ翻訳されておらず、英語で表示されています。

Why Parse API Responses?

When you make an API call or receive a webhook, the data often comes in a structured format like JSON or XML. To use this data in your automation, you need to "parse" it.

Parsing means extracting specific pieces of information from a larger block of structured data. It's like finding a specific ingredient in a recipe. Without parsing, all you have is a raw string of text, which isn't very useful.

What is JSON?

JSON (JavaScript Object Notation) is a lightweight data-interchange format. It's human-readable and easy for machines to parse and generate.

It's built on two structures:

Objects: Collections of name/value pairs, like a dictionary or map. Surrounded by curly braces {}.
Arrays: Ordered lists of values, like a list. Surrounded by square brackets [].

Here's a simple JSON object:

{
  "name": "Coddy",
  "age": 3,
  "isStudent": true
}

Common JSON Data Types

JSON supports several data types:

Strings: Text enclosed in double quotes (e.g., "Hello")
Numbers: Integers or floating-point (e.g., 123, 3.14)
Booleans: true or false
Null: Represents an empty or non-existent value (null)
Objects: Nested {} structures
Arrays: Nested [] lists

Understanding these types helps you know what kind of data to expect.

Extracting Values from JSON

To get a value from a JSON object, you typically refer to its "key" (the name). In no-code tools, this often looks like a field selector.

Let's say we want the "name" and "age" from our previous example. We'd target these keys.

import json

data_string = '{"name": "Coddy", "age": 3, "isStudent": true}'
data = json.loads(data_string)

print(data["name"])
print(data["age"])

Working with Nested JSON

JSON can have objects inside objects, creating a "nested" structure. To access data in nested objects, you chain the keys.

Imagine a user object with an address object inside it:

{
  "user": {
    "firstName": "Jane",
    "lastName": "Doe",
    "address": {
      "street": "123 Main St",
      "city": "Anytown"
    }
  }
}

Accessing Nested Data

To get the "city" from the nested example, you'd go through user, then address, then city. No-code platforms often represent this with dot notation (e.g., user.address.city) or nested selectors.

import json

nested_data_string = '''
{
  "user": {
    "firstName": "Jane",
    "lastName": "Doe",
    "address": {
      "street": "123 Main St",
      "city": "Anytown"
    }
  }
}
'''
data = json.loads(nested_data_string)

print(data["user"]["address"]["city"])

Handling JSON Arrays (Lists)

JSON arrays are ordered lists of values. These values can be strings, numbers, or even other objects! When an API returns a list of items, it's often in an array.

You often need to loop through arrays to process each item. In no-code tools, this is handled by "Iterator" or "Loop" modules.

{
  "products": [
    {"id": 1, "name": "Laptop"},
    {"id": 2, "name": "Mouse"},
    {"id": 3, "name": "Keyboard"}
  ]
}

Understanding XML

XML (Extensible Markup Language) is another popular format for data exchange, especially in older systems or specific industries. It uses tags to define elements, similar to HTML.

XML documents have a hierarchical structure, starting with a root element. Each element can have attributes (like properties) and child elements.

Here's a basic XML example:

<root>
  <item id="1">
    <name>Product A</name>
    <price>19.99</price>
  </item>
  <item id="2">
    <name>Product B</name>
    <price>29.99</price>
  </item>
</root>

Accessing XML Data

Extracting data from XML involves navigating its tree-like structure. You identify elements by their tag names and can access their text content or attributes.

No-code platforms provide specific modules to parse XML, allowing you to select elements by path or iterate through child elements.

import xml.etree.ElementTree as ET

xml_string = '''
<root>
  <item id="1">
    <name>Product A</name>
    <price>19.99</price>
  </item>
  <item id="2">
    <name>Product B</name>
    <price>29.99</price>
  </item>
</root>
'''
root = ET.fromstring(xml_string)

# Find the first item's name
first_item_name = root.find('item/name').text
print(f"First item name: {first_item_name}")

# Find an attribute
second_item_id = root.findall('item')[1].get('id')
print(f"Second item ID: {second_item_id}")

Quick Check: Data Extraction

Consider the following JSON response from an API:

{
  "order": {
    "orderId": "XYZ789",
    "customer": {
      "id": 101,
      "email": "test@example.com"
    },
    "items": [
      {"itemId": "A1", "quantity": 2},
      {"itemId": "B2", "quantity": 1}
    ]
  }
}

Recap: Parsing API Responses

We've covered the essentials of parsing JSON and XML data, which are crucial for working with APIs and webhooks.

JSON uses objects {} and arrays [], accessed by keys or indices.
XML uses tags <element> and attributes, accessed by navigating its hierarchical structure.
No-code platforms provide specialized modules (like "Parse JSON" or "XML Parser") to help you extract the data you need for your automations.

Mastering parsing allows you to unlock the full potential of integrated applications!

よくある質問

「JSONとXMLレスポンスの解析」レッスンは無料ですか？

はい。「JSONとXMLレスポンスの解析」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、No-Code Automationコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 No-Code Automationコースには全4レッスンが含まれています。

「JSONとXMLレスポンスの解析」で何を学びますか？

API呼び出しで返される複雑なJSONやXMLデータから、必要な情報を抽出する技術を身につけます。ブラウザで直接実行するハンズオンコードでNo-Code Automationを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

No-Code Automationを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのNo-Code Automationは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。これはレッスン3/4です。

「JSONとXMLレスポンスの解析」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このNo-Code Automationレッスンでコードを書いて実行できますか？

はい。すべてのNo-Code Automationレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

← No-Code Automationに戻る