書籍でのPromise実行環境について

[azu]

#12 と関係するけど、この書籍に出てくるサンプルを実行する環境の定義、紹介やjsfiddle的なの実行出来るやつが必要そう。

#17 と合わせてもいい気がする。

埋め込んでるサンプルコードで、基本的にincludeで書いてるやつはそのままコピペで実行できるようなコード(Promiseがあれば)だと思うので、asciidocの埋め込みマクロでコードに印を付けて、
JavaScriptでjsFiddle APIを叩いて実行用のページを開くとかできると良さそう。

[source,js]
----
include::embed/embed-code.js[]
----

それぞれのコードのjsFiddleを真面目に用意するのは更新コストが高い。

[azu]

includeするときにそのblockに[[ファイル名]]でファイル名のIDをつけておけば、インライン書いたものか外部読み込みしたのものかを分けられそうな気がする。

<div id="notification-as-promise.js" class="listingblock">
<div class="title">notification-as-promise.js</div>
<div class="content">
<pre class="CodeRay"><code class="js language-js">...</code></pre>
</div>
</div>

最初の頃のはファイル名のID付けてなかったのでここを統一すればできそう。

[azu]

それぞれ埋め込んでるファイルにはIDとしてファイル名を振るようにした

28fafb4

[azu]

実行サンプルを用意するかどうか とは別に、少なくてもHTMLページにはypromiseとか読み込んで置いて、コンソールでpromiseを使えるようにしておくべきだと思う

[azu]

sandboxのrunnerについて

• eval everything - Running Student Code at Code School // Speaker Deck
• Codecademy/stuff.js
• codeschool/abecedary

[azu]

Asciidocでincludeとコード一緒に書けないと思ったけど、できた。。

[source,js]
[[promise-all-xhr.js]]
.promise-all-xhr.js
----
include::embed/embed-promise-all-xhr.js[]
main().then(function (value) {
    console.log(value);
}).catch(function(error){
    console.log(error);
});
----

これ使えば、sandbox な runner立ち上げるやつなんとかできそう。
(既存のやつ全部書き換え必要な気がするけど、後runnerマークみたいなの必要そう)

[azu]

Role を使えば、コードに対して任意のクラスを付けられる。これで実行したいやつのマーカーとして使えそう

[.summary,source,javascript]
[[promise-then-passing-value.js]]
.promise-then-passing-value.js
----
include::src/promise-then-passing-value.js[]
----

[azu]

#122 で実行したいマーカーをつけていく