Skip to content

Commit

Permalink
refactor(embed): 埋め込むスクリプトにそれぞれIDを付加するように変更
Browse files Browse the repository at this point in the history
  • Loading branch information
azu committed May 8, 2014
1 parent 307eaa0 commit 28fafb4
Show file tree
Hide file tree
Showing 10 changed files with 27 additions and 7 deletions.
2 changes: 2 additions & 0 deletions Ch1_WhatsPromises/promise_overview.adoc
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,8 @@ promise.catch(onRejected)
以下のようなサンプルコードを見てみましょう。

[source,js]
[[promise-workflow.js]]
.promise-workflow.js
----
include::embed/embed-promise-workflow.js[]
----
Expand Down
2 changes: 1 addition & 1 deletion Ch1_WhatsPromises/readme.adoc
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
= Chapter.1 - Promisesとは何か
:imagesdir: Ch1_WhatsPromises/

Promisesとは何かを初めて簡単な概要の紹介です
Promisesとは何かの簡単な概要の紹介です


include::what_is_promise.adoc[]
Expand Down
1 change: 1 addition & 0 deletions Ch1_WhatsPromises/writing_promises.adoc
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@ promiseオブジェクトを作る流れは以下のようになっています
実際にXHRでGETをするものをpromiseオブジェクトにしてみましょう。

[[xhr-promise.js]]
.xhr-promise.js
[source,js]
----
include::embed/embed-xhr-promise.js[]
Expand Down
2 changes: 2 additions & 0 deletions Ch2_HowToWrite/onrejected-or-catch.adoc
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,8 @@
次のようなコードを見ていきます。

[source,js]
[[then-throw-error.js]]
.then-throw-error.js
----
include::embed/embed-then-throw-error.js[]
----
Expand Down
4 changes: 4 additions & 0 deletions Ch2_HowToWrite/promise-all.adoc
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,8 @@
全ての通信が完了(resolveまたはreject)された時に、次の`.then`が呼び出されます。

[source,js]
[[promise-all-xhr.js]]
.promise-all-xhr.js
----
include::embed/embed-promise-all-xhr.js[]
----
Expand Down Expand Up @@ -48,6 +50,8 @@ main().then(function (results) {
次のようなタイマーを使った例を見てみると分かりやすいです。

[source,js]
[[promise-all-timer.js]]
.promise-all-timer.js
----
include::embed/embed-promise-all-timer.js[]
----
Expand Down
5 changes: 3 additions & 2 deletions Ch2_HowToWrite/promise-and-array.adoc
Original file line number Diff line number Diff line change
Expand Up @@ -13,8 +13,9 @@

=== コールバックで複数の非同期処理

[[xhr-callback]]
[source,js]
[[multiple-xhr-callback.js]]
.multiple-xhr-callback.js
----
include::embed/embed-multiple-xhr-callback.js[]
----
Expand Down Expand Up @@ -78,7 +79,7 @@ main().then(function (value) {
});
----

<<xhr-callback, コールバックスタイル>>と比較してみると次の事がわかります。
<<multiple-xhr-callback.js, コールバックスタイル>>と比較してみると次の事がわかります。

* `JSON.parse` をそのまま使っている
* `main()` はpromiseオブジェクトを返している
Expand Down
5 changes: 5 additions & 0 deletions Ch2_HowToWrite/promise-race.adoc
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,8 @@
Promise.allの時と同じタイマーを使った例を見てみましょう

[source,js]
[[promise-race.js]]
.promise-race.js
----
include::embed/embed-promise-race.js[]
----
Expand All @@ -21,10 +23,13 @@ include::embed/embed-promise-race.js[]
最初に解決したpromiseオブジェクト以外は、その時点で呼ばれるのかを見てみましょう

[source,js]
[[promise-race-other.js]]
.promise-race-other.js
----
include::embed/embed-promise-race-other.js[]
----


先ほどのコードに `console.log` をそれぞれ追加しただけの内容です。

実行してみると、winnter/loser どちらの`setTimeout` の中身が実行されて `console.log` がそれぞれ出力されている事がわかります。
Expand Down
6 changes: 3 additions & 3 deletions Ch3_Testing/control_tests.adoc
Original file line number Diff line number Diff line change
Expand Up @@ -43,8 +43,8 @@ Fulfilled or Rejected どちらの状態になって欲しいかを明示する
まずは、先ほどの`.then`の例を元にonRejectedを期待してテスト出来る
`shouldRejected`というヘルパー関数を作ってみたいと思います。

[[shouldRejected.js]]
.shouldRejected.js
[[shouldRejected-test.js]]
.shouldRejected-test.js
[source,js]
----
include::embed/embed-shouldRejected-test.js[]
Expand Down Expand Up @@ -85,7 +85,7 @@ image::img/promise-test.png[Promise onRejected test]
同様に、promiseオブジェクトがFulfilledになることを期待する`shouldFulfilled`も書いてみましょう。

[[shouldFulfilled.js]]
.shouldFulfilled.js
.shouldFulfilled-test.js
[source,js]
----
include::embed/embed-shouldFulfilled-test.js[]
Expand Down
2 changes: 2 additions & 0 deletions Ch3_Testing/mocha_support_promise.adoc
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,9 @@ Promiseのテストの場合は`done()`の代わりに、promiseオブジェク

実際にどういう風に書くかの例を見て行きたいと思います。


[source,js]
[[mocha-promise-test.js]]
.mocha-promise-test.js
----
include::test/mocha-promise-test.js[]
Expand Down
5 changes: 4 additions & 1 deletion index.adoc
Original file line number Diff line number Diff line change
Expand Up @@ -21,8 +21,11 @@ ifeval::["{backend}" == "html5"]
endif::[]

[IMPORTANT]
Working on the book. Contributingは https://github.com/azu/promises-book[Github] から
=====
*この書籍はまだ作業中です!*
Working on the book. Contributingは https://github.com/azu/promises-book[Github] から
=====

// 各章はH1から始めているので、一つ下げる
:leveloffset: 1
Expand Down

0 comments on commit 28fafb4

Please sign in to comment.