この章では、JavaScriptにおけるPromiseについて簡単に紹介していきます。 What Is Promise まずPromiseとはそもそもどのようなものでしょうか? Promiseは非同期処理を抽象化したオブジェクトとそれを操作する仕組みのことをいいま す。 詳しくはこれから学んでいくとして、PromiseはJavaScriptで発見された概念ではあり ません。 最初に発見されたのは E言語14におけるもので、 then(function(result){ // 取得成功の処理 }).catch(function(error){ // 取得失敗時の処理 }); promiseオブジェクトを返す 非同期処理を抽象化したpromiseオブジェクトというものを用意し、 そのpromiseオブジェ クトに対して成功時の処理と失敗時の処理の関数を登録するようにして使います。 コールバック関数と比べると何が違うのかを簡単に見ると、 先ほどの複数のXHRの結果をまとめて取得する処理は、 Promise.all を使うとシンプルに 書くことができます。 先ほどの例の getURL はXHRによる通信を抽象化したpromiseオブジェクトを返していま す。 Promise.all に通信を抽象化したpromiseオブジェクトの配列を渡すことで、 全ての 通信が完了(FulFilledまたはRejected)した時に、次の .then を呼び出すことができます。

この章では、JavaScriptにおけるPromiseについて簡単に紹介していきます。 What Is Promise まずPromiseとはそもそもどのようなものでしょうか? Promiseは非同期処理を抽象化したオブジェクトとそれを操作する仕組みのことをいいま す。 詳しくはこれから学んでいくとして、PromiseはJavaScriptで発見された概念ではあり ません。 最初に発見されたのは E言語17におけるもので、 then((result) => { // 取得成功の処理 }).catch((error) => { // 取得失敗時の処理 }); promiseオブジェクトを返す 非同期処理を抽象化したpromiseオブジェクトというものを用意し、 そのpromiseオブジェ クトに対して成功時の処理と失敗時の処理の関数を登録するようにして使います。 コールバック関数と比べると何が違うのかを簡単に見ると、 先ほどの複数のXHRの結果をまとめて取得する処理は、 Promise.all を使うとシンプルに 書くことができます。 先ほどの例の fetchURL はXHRによる通信を抽象化したpromiseオブジェクトを返してい ます。 Promise.all に通信を抽象化したpromiseオブジェクトの配列を渡すことで、 全て の通信が完了(FulfilledまたはRejected)した時に、次の .then を呼び出すことができま

classAttributeIconSize 0 class Dummy { -field1 #field2 ~method1() +method2() } @enduml 3.5 Abstract と Static 静的または抽象的なメソッドまたはフィールドは {static} または {abstract} 修飾子を使用すること で定義することができます。 これらの修飾子は行の始めまたは終りに使用することができます。{static} and in blue end note @enduml PlantUML 言語リファレンスガイド (1.2019.3) 39 / 159 3.10 抽象クラスとインタフェース 3 クラス図 3.10 抽象クラスとインタフェース 抽象クラスは、キーワード abstract または abstract class を使用して宣言できます。 そのクラスは イタリック体で印字されます。 キーワード drawing using skinparam genericDisplay old command. 3.15 特殊な目印 通常、目印文字 (C,I,E,A) は、クラス、インターフェイス、列挙型と抽象クラスのために使用されます。 しかし、つぎの例のように単一の文字と色を追加し、ステレオタイプを定義するクラスに独自の目印 を作成することができます： @startuml class System

classAttributeIconSize 0 class Dummy { -field1 #field2 ~method1() +method2() } @enduml 3.5 Abstract と Static 静的または抽象的なメソッドまたはフィールドは {static} または {abstract} 修飾子を使用すること で定義することができます。 これらの修飾子は行の始めまたは終りに使用することができます。{static} and in blue end note @enduml PlantUML 言語リファレンスガイド (1.2019.2) 39 / 159 3.10 抽象クラスとインタフェース 3 クラス図 3.10 抽象クラスとインタフェース 抽象クラスは、キーワード abstract または abstract class を使用して宣言できます。 そのクラスは イタリック体で印字されます。 キーワード drawing using skinparam genericDisplay old command. 3.15 特殊な目印 通常、目印文字 (C,I,E,A) は、クラス、インターフェイス、列挙型と抽象クラスのために使用されます。 しかし、つぎの例のように単一の文字と色を追加し、ステレオタイプを定義するクラスに独自の目印 を作成することができます： @startuml class System

classAttributeIconSize 0 class Dummy { -field1 #field2 ~method1() +method2() } @enduml 3.5 Abstract と Static 静的または抽象的なメソッドまたはフィールドは {static} または {abstract} 修飾子を使用すること で定義することができます。 これらの修飾子は行の始めまたは終りに使用することができます。{static} and in blue end note @enduml PlantUML 言語リファレンスガイド (1.2019.6) 39 / 173 3.10 抽象クラスとインタフェース 3 クラス図 3.10 抽象クラスとインタフェース 抽象クラスは、キーワード abstract または abstract class を使用して宣言できます。 そのクラスは イタリック体で印字されます。 キーワード skinparam genericDisplay old コマンドにより非表示にすることができます。 3.15 特殊な目印 通常、目印文字 (C,I,E,A) は、クラス、インターフェイス、列挙型と抽象クラスのために使用されます。 しかし、つぎの例のように単一の文字と色を追加し、ステレオタイプを定義するクラスに独自の目印 を作成することができます： @startuml class System

classAttributeIconSize 0 class Dummy { -field1 #field2 ~method1() +method2() } @enduml 3.5 Abstract と Static 静的または抽象的なメソッドまたはフィールドは {static} または {abstract} 修飾子を使用すること で定義することができます。 これらの修飾子は行の始めまたは終りに使用することができます。{static} and in blue end note @enduml PlantUML 言語リファレンスガイド (1.2019.4) 39 / 167 3.10 抽象クラスとインタフェース 3 クラス図 3.10 抽象クラスとインタフェース 抽象クラスは、キーワード abstract または abstract class を使用して宣言できます。 そのクラスは イタリック体で印字されます。 キーワード skinparam genericDisplay old コマンドにより非表示にすることができます。 3.15 特殊な目印 通常、目印文字 (C,I,E,A) は、クラス、インターフェイス、列挙型と抽象クラスのために使用されます。 しかし、つぎの例のように単一の文字と色を追加し、ステレオタイプを定義するクラスに独自の目印 を作成することができます： @startuml class System

classAttributeIconSize 0 class Dummy { -field1 #field2 ~method1() +method2() } @enduml 3.5 Abstract と Static 静的または抽象的なメソッドまたはフィールドは {static} または {abstract} 修飾子を使用すること で定義することができます。 これらの修飾子は行の始めまたは終りに使用することができます。{static} and in blue end note @enduml PlantUML 言語リファレンスガイド (1.2019.9) 39 / 174 3.10 抽象クラスとインタフェース 3 クラス図 3.10 抽象クラスとインタフェース 抽象クラスは、キーワード abstract または abstract class を使用して宣言できます。 そのクラスは イタリック体で印字されます。 キーワード skinparam genericDisplay old コマンドにより非表示にすることができます。 3.15 特殊な目印 通常、目印文字 (C,I,E,A) は、クラス、インターフェイス、列挙型と抽象クラスのために使用されます。 しかし、つぎの例のように単一の文字と色を追加し、ステレオタイプを定義するクラスに独自の目印 を作成することができます： @startuml class System

ze 0 class Dummy { -field1 #field2 ~method1() +method2() } @enduml 3.5 Abstract と Static 静的または抽象的なメソッドまたはフィールドは {static} または {abstract} 修飾子を使用すること で定義することができます。 これらの修飾子は行の始めまたは終りに使用することができます。{static} note right on link #blue this is my note on right link and in blue end note @enduml 3.10 抽象クラスとインタフェース 抽象クラスは、キーワード abstract または abstract class を使用して宣言できます。 そのクラスは イタリック体で印字されます。 キーワード interface, drawing using skinparam genericDisplay old command. 3.15 特殊な目印 通常、目印文字 (C,I,E,A) は、クラス、インターフェイス、列挙型と抽象クラスのために使用されます。 PlantUML 言語リファレンスガイド (1.2019.1) 40 / 147 3.16 パッケージ 3 クラス図 しかし、つぎの例のように単一の文字と色を追加

classAttributeIconSize 0 class Dummy { -field1 #field2 ~method1() +method2() } @enduml 3.6 Abstract と Static 静的または抽象的なメソッドまたはフィールドは {static} または {abstract} 修飾子を使用すること で定義することができます。 これらの修飾子は行の始めまたは終りに使用することができます。{static} note right on link #blue this is my note on right link and in blue end note @enduml 3.12 抽象クラスとインタフェース 抽象クラスは、キーワード abstract または abstract class を使用して宣言できます。 そのクラスは イタリック体で印字されます。 キーワード interface, 言語リファレンスガイド (1.2020.23) 59 / 305 3.17 特殊な目印 3 クラス図 3.17 特殊な目印 通常、目印文字 (C,I,E,A) は、クラス、インターフェイス、列挙型と抽象クラスのために使用されます。 しかし、つぎの例のように単一の文字と色を追加し、ステレオタイプを定義するクラスに独自の目印 を作成することができます： @startuml class System

classAttributeIconSize 0 class Dummy { -field1 #field2 ~method1() +method2() } @enduml 3.6 Abstract と Static 静的または抽象的なメソッドまたはフィールドは {static} または {abstract} 修飾子を使用すること で定義することができます。 これらの修飾子は行の始めまたは終りに使用することができます。{static} note right on link #blue this is my note on right link and in blue end note @enduml 3.11 抽象クラスとインタフェース 抽象クラスは、キーワード abstract または abstract class を使用して宣言できます。 そのクラスは イタリック体で印字されます。 キーワード interface, 言語リファレンスガイド (1.2020.22) 49 / 293 3.16 特殊な目印 3 クラス図 3.16 特殊な目印 通常、目印文字 (C,I,E,A) は、クラス、インターフェイス、列挙型と抽象クラスのために使用されます。 しかし、つぎの例のように単一の文字と色を追加し、ステレオタイプを定義するクラスに独自の目印 を作成することができます： @startuml class System