Sapporo.js というコミュニティで発表した時の資料。 2012年頃の JavaScript並行プログラミング とそのちょっと先に出てきた技術について紹介していた。

1. Concurrent Programming in
JavaScript
SEINO Yoshinori
Sapporo.js

2. 自己紹介
• 情野 吉紀
• 職業 デバッガー
• プログラミング好き
• 趣味プログラミングしない
• JavaScriptほとんど書かない

3. おしながき
• 導入
• カタログ
• 未来

4. • 導入
• 並行プログラミングカタログ
• 未来

5. メリット
• なんでしょう？
• JavaScript 1スレッドしかないよね？

6. JSスレッドモデル
• シングルスレッドのように振る舞う
• デッドロック、競合状態と無縁
• WebWorkerについては後でね
• サイ本6版 p.352
• 13.3.3 クライアントサイドJavaScriptスレッドモデル

7. メリット
• 複数の処理を並行に実行できると
• scriptロード
• ユーザ入力応答
• 通信
• DOM操作
• などを、待機時間なしに実行できる

8. デメリット
• なんでしょう？

9. デメリット
• キュータスク処理時間は50msec以下
• 続・ハイパフォーマンスWebサイト
• メンテナンス性の低下
• デバッグの難化
• 実行順序が非決定的

10. どうにかならないの？

11. • 導入
• 並行プログラミングカタログ
• 未来

12. カタログ
• コールバックネスト
• setTimeoutイディオム
• Web Workers
• node.jsスタイルAPI
• Promise/A(+)
• Flow.js ( NOT Flow-js )

13. コールバックネスト
• ユースケース
• 非同期API

14. setTimeoutイディオム
• ユースケース
• ユーザ応答性を高めるために処理を
分割したい
• 続・ハイパフォーマンスWebプログラミング
• http://please-sleep.cou929.nu/using-javascript-timer-for-ui-
performance.html

15. Web Workers
• ユースケース
• ユーザ応答性を高めるために処理を
分割したい
• とりわけ重い処理(100ms over)を並行
処理したい
• Web Workers

16. node.jsスタイルAPI
• ユースケース
• node.jsアプリケーションを作る際に
書く
• http://dev.classmethod.jp/server-
side/asyn/

17. Promise/A(+)
• ユースケース
• 非同期API間でデータを引き継ぐ場合
• 例外処理が必要な場合

18. Flow.js
• ユースケース
• 処理フローがグラフ構造のように複
雑になる場合

19. 未来
• Web Workers
• Task.js - http://taskjs.org/
• generators + promises = tasks
• Fiber - https://npmjs.org/package/fibers
• Actor -

20. 参考文献
• JavaScript 第6版

21. 次回予告
• Io : Prototype Programming Language
• JavaScript: Power of Simplicity Part2
Functional Programming