アクティビティ図 • コンポーネント図 • 状態遷移図（ステートマシン図） • オブジェクト図 • 配置図 • タイミング図 以下のような、UML 以外の図もサポートしてます。 • JSON Data • ワイヤーフレーム • アーキテクチャ図 • 仕様及び記述言語 (SDL) • Ditaa • ガントチャート • マインドマップ • WBS 図 (作業分解図) • width of a node @endwbs PlantUML 言語リファレンスガイド (1.2020.23) 182 / 305 13 DISPLAY JSON DATA 13 Display JSON Data JSON format is widely used in software. You can use PlantUML to visualize your data. "fruit":"Apple", "size":"Large", "color":"Red" } @endjson 13.1 Complex example You can use complex JSON structure. @startjson { "firstName": "John", "lastName": "Smith", "isAlive": true, "age": 27, "address":

アクティビティ図 • コンポーネント図 • 状態遷移図（ステートマシン図） • オブジェクト図 • 配置図 • タイミング図 以下のような、UML 以外の図もサポートしてます。 • JSON Data • ワイヤーフレーム • アーキテクチャ図 • 仕様及び記述言語 (SDL) • Ditaa • ガントチャート • マインドマップ • WBS 図 (作業分解図) • width of a node @endwbs PlantUML 言語リファレンスガイド (1.2020.22) 170 / 293 13 DISPLAY JSON DATA 13 Display JSON Data JSON format is widely used in software. You can use PlantUML to visualize your data. "fruit":"Apple", "size":"Large", "color":"Red" } @endjson 13.1 Complex example You can use complex JSON structure. @startjson { "firstName": "John", "lastName": "Smith", "isAlive": true, "age": 27, "address":

オブジェクト図 • アクティビティ図 • コンポーネント図 • 配置図 • 状態遷移図（ステートマシン図） • タイミング図 以下のような、UML 以外の図もサポートしてます。 • JSON Data • Network diagram (nwdiag) • ワイヤーフレーム • アーキテクチャ図 • 仕様及び記述言語 (SDL) • Ditaa • ガントチャート • [Ref. QA-5776] PlantUML 言語リファレンスガイド (1.2021.1) 192 / 392 11 JSON データを表示する 11 JSON データを表示する JSON 形式は、様々なソフトウェアで使われています。 PlantUML を使って JSON データを可視化することができます。 この機能を使うには、 • @startjson キーワードで開始し、 • @endjson キーワードで終了する必要があります。 @startjson { "fruit":"Apple", "size":"Large", "color":"Red" } @endjson 11.1 複雑な例 複雑な JSON 構造を使用することができます。 @startjson { "firstName": "John", "lastName": "Smith", "isAlive": true, "age": 27

オブジェクト図 • アクティビティ図 • コンポーネント図 • 配置図 • 状態遷移図（ステートマシン図） • タイミング図 以下のような、UML 以外の図もサポートしてます。 • JSON Data • YAML Data • Network diagram (nwdiag) • ワイヤーフレーム • アーキテクチャ図 • 仕様及び記述言語 (SDL) • Ditaa [Ref. QA-5776] PlantUML 言語リファレンスガイド (1.2021.2) 195 / 398 11 JSON データを表示する 11 JSON データを表示する JSON 形式は、様々なソフトウェアで使われています。 PlantUML を使って JSON データを可視化することができます。 この機能を使うには、 • @startjson キーワードで開始し、 • @endjson キーワードで終了する必要があります。 @startjson { "fruit":"Apple", "size":"Large", "color":"Red" } @endjson 11.1 複雑な例 複雑な JSON 構造を使用することができます。 @startjson { "firstName": "John", "lastName": "Smith", "isAlive": true, "age": 27

オブジェクト図 • アクティビティ図 • コンポーネント図 • 配置図 • 状態遷移図（ステートマシン図） • タイミング図 以下のような、UML 以外の図もサポートしてます。 • JSON Data • YAML Data • Network diagram (nwdiag) • ワイヤーフレーム • アーキテクチャ図 • 仕様及び記述言語 (SDL) • Ditaa [Ref. QA-5776] PlantUML 言語リファレンスガイド (1.2021.2) 205 / 411 11 JSON データを表示する 11 JSON データを表示する JSON 形式は、様々なソフトウェアで使われています。 PlantUML を使って JSON データを可視化することができます。 この機能を使うには、 • @startjson キーワードで開始し、 • @endjson キーワードで終了する必要があります。 @startjson { "fruit":"Apple", "size":"Large", "color":"Red" } @endjson 11.1 複雑な例 複雑な JSON 構造を使用することができます。 @startjson { "firstName": "John", "lastName": "Smith", "isAlive": true, "age": 27

オブジェクト図 • アクティビティ図 • コンポーネント図 • 配置図 • 状態遷移図（ステートマシン図） • タイミング図 以下のような、UML 以外の図もサポートしてます。 • JSON Data • YAML Data • Network diagram (nwdiag) • ワイヤーフレーム • アーキテクチャ図 • 仕様及び記述言語 (SDL) • Ditaa QA-5340 and adapted from QA-6852] 2.18 Display JSON Data on Usecase diagram 2.18.1 Simple example @startuml allowmixing actor Actor usecase Usecase json JSON { "fruit":"Apple", "size":"Large", "color": "color": ["Red", "Green"] } @enduml [Ref. QA-15481] For another example, see on JSON page. PlantUML 言語リファレンスガイド (1.2023.11) 59 / 544 3 クラス図 3 クラス図 クラス図は、プログラミング言語で伝統的に採用されている構文を真似て設計されています。 この設計手法は簡潔で

Promiseの本 次のサンプルでは https://azu.github.io/promises-book/json/ comment.json という azu.github.io ドメイン以下にあるリソースを 取得する例が登場します。 azu.github.io ドメイン以下のJSONには、別ドメインからの取得が許 可する設定がされています。 また、 httpbin.org42 というドメインがリソース取得の例として登場しま send(); } // <1> JSONパースを安全に行う function jsonParse(callback, error, value) { if (error) { callback(error, value); } else { try { const result = JSON.parse(value); io/promises-book/json/comment.json", jsonParse.bind(null, callback)); }, people(callback) { return fetchURLCallback("https://azu.github.io/promises-book/json/people.json", jsonParse.bind(null

できません。 次のサンプルでは https://azu.github.io/promises-book/json/ comment.json という azu.github.io ドメイン以下にあるリソースを 取得する例が登場します。 azu.github.io ドメイン以下のJSONには、別ドメインからの取得が許 可する設定がされています。 また、 httpbin.org37 というドメインがリソース取得の例として登場しま Promiseの本 // <1> JSONパースを安全に行う function jsonParse(callback, error, value) { if (error) { callback(error, value); } else { try { var result = JSON.parse(value); io/promises-book/json/ comment.json', jsonParse.bind(null, callback)); }, people: function getPeople(callback) { return getURLCallback('https://azu.github.io/promises-book/json/people

black skinparam usecaseBorderColor DarkSlateGray 使用者 << 人類 >> "主數據庫" as 數據庫 << 應用程式 >> (草創) << 一桿 >> "主数据燕" as (贏余) << 基本的 >> 使用者 -> (草創) 使用者 --> (贏余) 數據庫 --> (贏余) @enduml PlantUML 言語リファレンスガイド (1.2019.3)

black skinparam usecaseBorderColor DarkSlateGray 使用者 << 人類 >> "主數據庫" as 數據庫 << 應用程式 >> (草創) << 一桿 >> "主数据燕" as (贏余) << 基本的 >> 使用者 -> (草創) 使用者 --> (贏余) 數據庫 --> (贏余) @enduml PlantUML 言語リファレンスガイド (1.2019.2)