Jestを使ってみてのハマりどころメモ - console.lealog();
JestいいですよねJest。 あれこれプラグインとかライブラリとか入れなくてもだいたいのことができて。 さて、この1ヶ月くらいひたすらJestでテストを書き続けて、ハマったとこをメモ。 逆に言えば、ここに書いてないことでは一切困ってなくて、Jest最高って感じ。 Karmaみたいなブラウザでテストする機能さえつけばもう一生ついていきます感すらある。 before / afterでもasync Docsにそれらしいコードはないけどできる。 beforeAll(done => { // some async tasks done(); }); beforeEach(async () => { await asyncTask(); }); afterEach(async done => { await asyncTask(); asyncTask2(done); }); afterAll(()
Marionette.ViewのonShow/onRenderの違い - console.lealog();
backbone.js - marionette.js view difference between onShow vs onRender? - Stack Overflow こういう記事もあるようですが、 似てるけどどっち使えば良いの？ってなったときに。 この差を知ってこそのマリオネッターですよ。 どちらもフックとして使える var HogeView = Marionette.ItemView.extend({ onRender: function() { console.log('onRender!'); }, onShow: function() { console.log('onShow!'); } }); で、 var hogeLayout = new HogeLayout(); hogeLayout.someRegion.show(new HogeView()); // ->
Requirejsを使う時の覚書 - console.lealog();
巷ではあまり評判よくないんですかね？ 個人としては、そこまでらいふちぇいんじんぐってほどではないけども、 それなりに使えるケースもあると思うんですけど・・。 というわけで、個人的にメモっておきます。 シングルトンを作る 割とよくあるケースだと思います。 define([], function() { var MyModule = function() { // ... }; // newして返す return (new MyModule()); }); こうすると一応どこでrequireしても同じものが返ってくるように。 ただ厳密には、getInstanceみたいなメソッド作って、 明示的に初期化できるようにしてから運用したほうが幸せになれる感がある。 require/defineの違い 違いがないようで違う。 define([], function() { // ... }); requ
いまさらrequestAnimationFrameを理解する - console.lealog();
理解できたらいいな・・。 だいぶ今さら感はあるのですが、改めて知っておきたいタイミングなので。 参考：window.requestAnimationFrame - Web API リファレンス | MDN 一定間隔で処理を繰り返す CanvasでもCssアニメーションでも、「描画処理を繰り返し実行する」ところは一緒。 そこをどうやって実装するかという話で、今まではsetIntervalやsetTimeoutを再帰で呼んだりしてました。 setInterval var anim = function() { console.log('Animations here.'); }; window.setInterval(anim, 1000); 一番わかりやすいし手軽です。 だいたいいつもコレなんじゃないでしょうか。 setTimeout var anim = function() { cons
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
