【Processing】XMLの使い方【データを整理して保存し、それを読み込んで使うための方法】

【Processing】XMLの使い方【データを整理して保存し、それを読み込んで使うための方法】
  • URLをコピーしました!
ワタタク

今回の記事の目的はProcessingの「XML」を理解し、自分なりに使ってみること。

この記事を書いた人

クリエイティブコーダー Watataku のプロフィール写真
ワタタク(Watataku)

上達の研究家 / アーティスト

「才能」ではなく「論理(システム)」で、人の心を動かす機能するアートを探究中

【文系・36歳・未経験】から独学でクリエイティブコーディングに挑戦し、独自の思考法で以下の実績を達成

  • 開始1年8ヶ月目までに公募6つに挑戦し、3つ入選(勝率50%)
  • 開始1年9ヶ月目に、虎ノ門ヒルズ ステーションタワー49階 スカイガーデン&プールのために制作した作品が展示される

記事内のProcessingのバージョンは4.3。

目次

【Processing】XMLについて

XMLについて
  • Processingで使うXMLは、「Extensible Markup Language(拡張可能なマークアップ言語)」の略
    • マークアップ言語とは、データやテキストを構造化して記述するための言語です。特別なタグを使って情報の区切りや階層を示します。このタグにより、コンピュータがデータの内容や意味を理解しやすくなります
      • XMLではデータを <name><age> といったタグで囲んで表現
  • 【注意点】XMLを使うときは、正しい構文(文法)で書くことが大切。間違えると、データが正しく読み込めない

【Processing】XMLの使い方【画像・データに保存したXML・コード】

コードのフォルダに保存しているXMLのデータ。

<?xml version="1.0"?>
<pets>
<pet id="0" species="shiba">dog</pet>
<pet id="1" species="calico cat">cat</pet>
<pet id="2" species="scottish fold">cat</pet>
</pets>
XML xml;

void setup() {
  // XMLファイル "pets.xml" を読み込みます
  xml = loadXML("pets.xml");
  
  // XMLノード "pet" のすべての子ノードを取得します
  XML[] children = xml.getChildren("pet");

  // すべての "pet" ノードに対してループを実行します
  for (int i = 0; i < children.length; i++) {
    // 各 "pet" ノードから "id" 属性を取得します
    int id = children[i].getInt("id");
    
    // 各 "pet" ノードから "species" 属性を取得します
    String coloring = children[i].getString("species");
    
    // 各 "pet" ノードの内容(テキスト)を取得します
    String name = children[i].getContent();
    
    // 取得した情報をコンソールに出力します
    println(id + ", " + coloring + ", " + name);
  }
}

【Processing】XMLはどう役に立つのか

XMLは、データビジュアリゼーションのような作品をつくるときの役に立つ。

【Processing】XMLを使ってみた感想

僕が興味のあるデータビジュアリゼーションの役に立つ知識を使えるようになって嬉しい。

ワタタク

それでは今日もレッツワクワクコーディング。

ワタタク(Watataku)
上達の研究家
アナログ絵画(2025.11~) × クリエイティブコーディング(2024.3~)

「不完全な人間(Analog)」が、「完全な論理(Algorithm)」を武器にどこまで行けるか。

手描きの一本の線(One)をコードで無限(All)に拡張し、再び一つの作品へ定着させる。「才能」ではなく「発見」と「システム」で描く、人生をかけた実験記録。

溢れる思考を、独自の脳内OS「Watataku Blueprint」で整理し、初心者から世界で活躍するまでの「激闘」と「攻略本」を公開しています。

▼【創作×上達】思考を「作品」に変える、モレスキン6冊の運用設計図
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次