![](https://watataku-artist-katsuyaku.com/wp-content/uploads/2024/03/watataku-hukidashi-light-blue.png)
今回の記事の目的はProcessingの「JSONObject
」を理解し、自分なりに使ってみること。
この記事を書いた人
![](https://watataku-artist-katsuyaku.com/wp-content/uploads/2024/03/watataku-user-profile-illustrationi-light-blue.png)
![](https://watataku-artist-katsuyaku.com/wp-content/uploads/2024/03/watataku-user-profile-illustrationi-light-blue.png)
- クリエイティブコーディングで制作した作品と、上達のためにやったこと・学習過程を発信
- コンセプトは「クリエイティブコーディング1万時間の歩き方」
- 2024年にProcessingの構文のアウトプットを終え、2025年から作品制作開始(クリエイティブコーディングで作成した作品集)
目次
【Processing】JSONObjectについて
JSONObjectについて
- JSONObjectは「JSONオブジェクト」と読みます
- JSONはデータを送ったり保存したりするための特別なフォーマット。ファイル形式の名前は.json
- Objectはモノって意味
- ProcessingでJSONObjectはデータを整理して保存するために使う
- 例えば、色や位置などの情報をまとめて管理
- 【注意点】間違った形でデータを入れると、正しく読めなくなるので気をつけること
- 例えば、{}や[]を正しく使うことが大事です。
【Processing】JSONObjectの使い方【画像とコード】
![【Processing】JSONObjectの使い方【画像とコード】](https://watataku-artist-katsuyaku.com/wp-content/uploads/2024/11/how-to-use-loadjsonarray-in-processing-loading-multiple-data-at-once1.png)
![【Processing】JSONObjectの使い方【画像とコード】](https://watataku-artist-katsuyaku.com/wp-content/uploads/2024/11/how-to-use-loadjsonarray-in-processing-loading-multiple-data-at-once1.png)
jsonファイルの中身。
[
{
"name": "たけし"
},
{
"name": "さくら"
},
{
"name": "こうた"
},
{
"name": "あかり"
}
]
// friends.jsonというファイルを読み込みます
JSONArray friends = loadJSONArray("friends.json"); // friends.jsonを読み込んでJSON配列として格納します
// 読み込んだデータの数を表示します
println("友達の数は " + friends.size() + " 人です。"); // JSON配列のサイズ、つまり友達の数を表示します
// 各友達の名前を表示します
for (int i = 0; i < friends.size(); i++) { // 友達の数だけ繰り返します
JSONObject friend = friends.getJSONObject(i); // 各友達の情報をJSONオブジェクトとして取得します
String name = friend.getString("name"); // 友達の名前を取得します
println("友達の名前は " + name + " です。"); // 友達の名前を表示します
}
【Processing】JSONObjectはどう役に立つのか
ゲームを作るときにキャラクターの情報をまとめたり、絵の中の色々なパーツのデータを管理したりするのに役立つ。
【Processing】JSONObjectを使ってみた感想
データビジュアリゼーションの表現をするときに、JSONObjectは使えそうだ。
![](https://watataku-artist-katsuyaku.com/wp-content/uploads/2024/03/watataku-hukidashi-light-blue.png)
![](https://watataku-artist-katsuyaku.com/wp-content/uploads/2024/03/watataku-hukidashi-light-blue.png)
![](https://watataku-artist-katsuyaku.com/wp-content/uploads/2024/03/watataku-hukidashi-light-blue.png)
それでは今日もレッツワクワクコーディング。