power-assertの記事ができるまで

• power-assertの使い方 Node.js編 | Web scratch
• power-assertでJavaScriptのテストをする ブラウザ編 | Web scratch
• この記事を書くまでに至る話

power-assert情報量不足

• power-assertの記事だれかが書くと思ってた
• 誰も書いてくれない
• => 自分で書くことにした

事前の経験値

• node.jsでしか利用した事ない
  • intelli-espower-loaderが便利
• ブラウザでのテストに利用したこと無かった

ピースを出す

• 記事を書くのに必要な技術の要素を考える

経験と記憶

• たぶん恐らくなんとかできるはず…

ピースはどこから

• 記憶から
• キーワードベースの記憶
  • 誰かが書いてた
  • リリースノートで見た
  • そういうライブラリがある
  • そういうツールがある
• 全てを自分の経験から得るのは難しい
• 他人の経験から得る

ピースを仮で組み立てる

• とりあえず脳内情報で記事を書く
  • https://gist.github.com/azu/c837cb79a848d3d73c04
• Node.js => できた
• ブラウザ => 一応動いた
• browserify => 一応動いた

ピースが足りない(ブラウザ)

• ブラウザ
  • => SourceMapが無いのでデバッガーが使えない
• browserify
  • => 誤算 : soucemap自動でやってくれなかった
• SourceMapが足りない！！

足りないピースを作ろう

• まずはespowerify (browserify)でsourcemapサポートさせる
  • コネコネしたらsource-map supportできた
• テストないコード => @t_wada => テストあるコード
• sourcemapにより人類にデバッガーがやってきた

ブラウザもできる事が確定

• sourcemapサポートしていけばブラウザもデバッグ対応できる
• Node.js版は既にできてる
  • あまりにも長くなりそうなので、分割して先に記事にする
  • power-assertの使い方 Node.js編 | Web scratch
• ブラウザを引き続き検証

ピースが揃った

• ブラウザ, browserifyでsourcemap対応
  • espower-source
• どの環境でもデバッグ実行ができるようになる

ピースを再構築する

サンプルを作る

• testem
  • azu/power-assert-testem-seed
• karma
  • azu/power-assert-karma-seed

karma-browserifastの問題がでてくる

• karma-browserifast
• fix for windows paths
  • => Macで壊れる
• fix for unix paths
  • => 直した

ブラウザ編の記事を書く

• 書いてる途中でpower-assert 0.6.0 がでる
• browserifyのsourcemapが壊れた
  • => 1時間で直った
• power-assertでJavaScriptのテストをする ブラウザ編 リリース

その他

• karma-browserifastにスタックトレースのsourcemapサポートをPR
  • Add source map support for Karma's reporter by azu · Pull Request #15 · cjohansen/karma-browserifast

おわりに

• お疲れ様でしたー @twada