thenは常に新しいpromiseオブジェクトを返す ..... 31 Promiseと配列 ..... 33 Promise.all ..... 38 Promise.race ..... 41 then or catch? ..... 42 Chapter.3 - Promiseのテスト ..... 45 基本的なテスト ..... 45 MochaのPromiseサポート ..... 49 49 意図したテストを書くには ..... 54 Chapter.4 - Advanced ..... 58 Promiseのライブラリ ..... 58 Promise.resolveとThenable ..... 61 throwしないで、rejectしよう ..... 70 DeferredとPromise ..... 73 Promise.raceとdelayによるXHRのキャンセル raceとdelayによるXHRのキャンセル ..... 78 Promise.prototype.doneとは何か? ..... 88 Promiseとメソッドチェーン ..... 94 Promiseによる逐次処理 ..... 102 Promises API Reference ..... 110 Promise#then ..... 110 Promise#catch ..... 110

thenは常に新しいpromiseオブジェクトを返す ..... 34 Promiseと配列 ..... 37 Promise.all ..... 42 Promise.race ..... 45 then or catch? ..... 46 Chapter.3 - Promiseのテスト ..... 49 基本的なテスト ..... 49 MochaのPromiseサポート ..... 53 53 意図したテストを書くには ..... 58 Chapter.4 - Advanced ..... 62 Promiseのライブラリ ..... 62 Promise.resolveとThenable ..... 65 throwしないで、rejectしよう ..... 74 DeferredとPromise ..... 77 Promise.raceとdelayによるXHRのキャンセル raceとdelayによるXHRのキャンセル ..... 83 Promise.prototype.done とは何か？93 Promiseとメソッドチェーン 100 Promiseによる逐次処理 108 Chapter.5 -Async Function 116 Async Functionとは 116 Async Functionの構文 119 await 式 121 Async Functionと配列

ーネントです。 ・シーケンス図 ・ユースケース図 ・クラス図 ・オブジェクト図 アクティビティ図 ・コンポーネント図 • 配置図 ・状態遷移図（ステートマシン図） ・タイミング図 以下のような、UML 以外の図もサポートしてます。 • JSON Data • YAML Data • Network diagram (nwd) ・ワイヤーフレーム アーキテクチャ図 ・仕様及び記述言語 ・仕様及び記述言語 (SDL) • Ditaa ・ガントチャート ・マインドマップ • WBS 図 (作業分解図) • AsciiMath や JLaTeXMath による、数学的記法 ER 図 各ダイアグラムは、シンプルで直感的に書くことができます。 Alice -> Bob: Another authentication Request Alice <-- Bob: another ## 1 シーケンス図 ### 1.1 基本的な例 シーケンス → を、2つの分類子間のメッセージを描画するために使います。分類子を、明示的に宣言する必要はありません。 点線の矢印を使う場合は、→とします。 また、<- や <-- を使うこともできます。これらによって図の見た目が変わることはありませんが、可読性を高めることができます。ただし、以上の方法はシーケンス図だけに当てはまり

ためのコンポーネントです。 ・シーケンス図 ・ユースケース図 ・クラス図 ・アクティビティ図 ・コンポーネント図 ・状態遷移図（ステートマシン図） ・オブジェクト図 • 配置図 ・タイミング図 以下のような、UML 以外の図もサポートしてます。 ・ワイヤーフレーム ・アーキテクチャ図 ・仕様及び記述言語 (SDL) • Ditaa ・ガントチャート • AsciiMath 1 シーケンス図 ### 1.1 基本的な例 シーケンス→を、2つの分類子間のメッセージを描画するために使います。分類子を、明示的に宣言する必要はありません。 点線の矢印を使う場合は、--→とします。 また、<ーや<ーを使うこともできます。これらは図を変更することなく、可読性を高めることができます。ただし、以上の方法はシーケンス図だけに当てはまります。ほかの種類の図には当てはまりません。 [Image](/uploads/documents/8/7/e/e/87ee323b42b10b44ecc87373199d205f/p3_1.jpg) キーワード as を使って分類子の名前を変更することができます。 アクターや分類子の背景色を、HTMLコードや色名を使って変更することもできます。 @startuml actor Bob #red ' The only difference between actor

ためのコンポーネントです。 ・シーケンス図 ・ユースケース図 ・クラス図 ・アクティビティ図 ・コンポーネント図 ・状態遷移図（ステートマシン図） ・オブジェクト図 • 配置図 ・タイミング図 以下のような、UML 以外の図もサポートしてます。 ・ワイヤーフレーム ・アーキテクチャ図 ・仕様及び記述言語 (SDL) • Ditaa ・ガントチャート • マインドマップ マインドマップ • WBS 図 (作業分解図) • AsciiMath や JLaTeXMath による、数学的記法 各ダイアグラムは、シンプルで直感的に書くことができます。 ## 1 シーケンス図 ### 1.1 基本的な例 シーケンス→を、2つの分類子間のメッセージを描画するために使います。分類子を、明示的に宣言する必要はありません。 点線の矢印を使う場合は、--→とします。 また、< また、<ーや<ーを使うこともできます。これらによって図の見た目が変わることはありませんが、可読性を高めることができます。ただし、以上の方法はシーケンス図だけに当てはまります。ほかの種類の図には当てはまりません。 @startuml Alice -> Bob: Authentication Request Bob -> Alice: Authentication Response Alice

ためのコンポーネントです。 ・シーケンス図 ・ユースケース図 ・クラス図 ・アクティビティ図 ・コンポーネント図 ・状態遷移図（ステートマシン図） ・オブジェクト図 • 配置図 ・タイミング図 以下のような、UML 以外の図もサポートしてます。 ・ワイヤーフレーム ・アーキテクチャ図 ・仕様及び記述言語 (SDL) • Ditaa ・ガントチャート • MindMap ## 1 シーケンス図 ### 1.1 基本的な例 シーケンス→を、2つの分類子間のメッセージを描画するために使います。分類子を、明示的に宣言する必要はありません。 点線の矢印を使う場合は、--→とします。 また、<ーや<ーを使うこともできます。これらによって図の見た目が変わることはありませんが、可読性を高めることができます。ただし、以上の方法はシーケンス図だけに当てはまります。ほかの種類の図には当てはまりません。 。ほかの種類の図には当てはまりません。 @startuml Alice -> Bob: Authentication Request Bob -> Alice: Authentication Response Alice -> Bob: Another authentication Request Alice <-- Bob: another authentication

ーネントです。 ・シーケンス図 ・ユースケース図 ・クラス図 ・オブジェクト図 アクティビティ図 ・コンポーネント図 • 配置図 ・状態遷移図（ステートマシン図） ・タイミング図 以下のような、UML 以外の図もサポートしてます。 • JSON Data • YAML Data • Network diagram (nwd) ・ワイヤーフレーム アーキテクチャ図 ・仕様及び記述言語 ・仕様及び記述言語 (SDL) • Ditaa ・ガントチャート ・マインドマップ • WBS 図 (作業分解図) • AsciiMath や JLaTeXMath による、数学的記法 ER 図 各ダイアグラムは、シンプルで直感的に書くことができます。 Alice -> Bob: Another authentication Request Alice <-- Bob: another ## 1 シーケンス図 ### 1.1 基本的な例 シーケンス → を、2つの分類子間のメッセージを描画するために使います。分類子を、明示的に宣言する必要はありません。 点線の矢印を使う場合は、→とします。 また、<-や<--を使うこともできます。これらによって図の見た目が変わることはありませんが、可読性を高めることができます。ただし、以上の方法はシーケンス図だけに当てはまります。ほかの種類の図には当てはまりません。

ーネントです。 ・シーケンス図 ・ユースケース図 ・クラス図 ・オブジェクト図 アクティビティ図 ・コンポーネント図 • 配置図 ・状態遷移図（ステートマシン図） ・タイミング図 以下のような、UML 以外の図もサポートしてます。 • JSON Data • YAML Data • Network diagram (nwd) ・ワイヤーフレーム アーキテクチャ図 ・仕様及び記述言語 ・仕様及び記述言語 (SDL) • Ditaa ・ガントチャート ・マインドマップ • WBS 図 (作業分解図) • AsciiMath や JLaTeXMath による、数学的記法 ER 図 各ダイアグラムは、シンプルで直感的に書くことができます。 ## 1 シーケンス図 PlantUML によるシーケンス図の作成は、驚くほど簡単です。この使いやすさは、直感的で覚えやすいように設 とを意味します。 ・ テキストとグラフィックの相関： もう一つの際立った特徴は、テキスト表現とグラフィカルな出力の間の緊密な類似性です。この調和のとれた相関性により、テキスト原稿がグラフィカルなダイアグラムに正確に変換され、最終的なアウトプットに不快な驚きを与えることなく、まとまりのある予測可能なデザイン体験を提供します。 • 効率的な制作プロセス： テキストとグラフィカルな結果との間に強

ためのコンポーネントです。 ・シーケンス図 ・ユースケース図 ・クラス図 ・オブジェクト図 ・アクティビティ図 ・コンポーネント図 • 配置図 ・状態遷移図（ステートマシン図） ・タイミング図 以下のような、UML 以外の図もサポートしてます。 • JSON Data • Network diagram (nwd) ・ワイヤーフレーム アーキテクチャ図 ・仕様及び記述言語 ・仕様及び記述言語 (SDL) • Ditaa ・ガントチャート ・マインドマップ • WBS 図 (作業分解図) • AsciiMath や JLaTeXMath による、数学的記法 ER 図 各ダイアグラムは、シンプルで直感的に書くことができます。 Alice -> Bob: Another authentication Request Alice <-- Bob: another ## 1 シーケンス図 ### 1.1 基本的な例 シーケンス → を、2つの分類子間のメッセージを描画するために使います。分類子を、明示的に宣言する必要はありません。 点線の矢印を使う場合は、→とします。 また、<-や<--を使うこともできます。これらによって図の見た目が変わることはありませんが、可読性を高めることができます。ただし、以上の方法はシーケンス図だけに当てはまります。ほかの種類の図には当てはまりません。

ためのコンポーネントです。 ・シーケンス図 ・ユースケース図 ・クラス図 ・アクティビティ図 ・コンポーネント図 ・状態遷移図（ステートマシン図） ・オブジェクト図 • 配置図 ・タイミング図 以下のような、UML 以外の図もサポートしてます。 ・ワイヤーフレーム ・アーキテクチャ図 ・仕様及び記述言語 (SDL) • Ditaa ・ガントチャート • AsciiMath 1 シーケンス図 ### 1.1 基本的な例 シーケンス→を、2つの分類子間のメッセージを描画するために使います。分類子を、明示的に宣言する必要はありません。 点線の矢印を使う場合は、--→とします。 また、<や<--を使うこともできます。これらは図を変更することなく、可読性を高めることができます。ただし、以上の方法はシーケンス図だけに当てはまります。ほかの種類の図には当てはまりません。 [Image](/uploads/documents/9/4/7/0/94706fb20166dba8308d08161fed7ddb/p3_1.jpg) キーワード as を使って分類子の名前を変更することができます。 アクターや分類子の背景色を、HTMLコードや色名を使って変更することもできます。 @startuml actor Bob #red ' The only difference between