anchor.diff:  onReadyを呼ぶ前にDOMが読み込みが完了していない::
       `DOMContentLoaded`のイベントハンドラとしてコールバック関数を設定する
   
  -そのため、`onReady(fn)`が呼ばれるまでにDOMが読み終わってるかで、
  +そのため、このコードは配置する場所によって、
   コンソールに出てくるメッセージの順番が変わってしまいます。
   
   この問題の対処法として常に非同期で呼び出すように統一することです。
  
positive.code: ----
  
  JavaScriptは上から実行されていくため、まず最初に`<1>`が実行されますね。
  そして次に`resolve(42);`が実行されます。
  
  そのため、この`promise`オブジェクトは`promise.then`で`<3>`のコールバック関数を登録する時点で、
  `42`という値にFulFilledされています。
  
  `promise.then`を行う時点でpromiseオブジェクトの状態が決まっているため、
  プログラム的には同期的にコールバック関数に`42`を渡して呼び出す事はできますね。
  
  しかし、Promiseでは`promise.then`の時点でpromiseの状態が決まっていても、
  そこで登録したコールバック関数は非同期で呼び出される仕様になっています。
  
  何故、同期的に呼び出せるのにわざわざ非同期的に呼び出しているでしょうか?
  
  
negative.code: <<Promise.resolve, `Promise.resolve(value)`>> 等を使った場合、
  promiseオブジェクトがすぐにresolveされるので、`.then` に登録した関数も同期的に処理が行われるように錯覚してしまいます。
  
  しかし、実際には`.then`で登録した関数が呼ばれるのは、非同期となります。
  
  [role="executable"]
  [source,javascript]
  