clavierのブックマーク - はてなブックマーク

React.js + Webpack + ContainerJSでTODOリストを作ってみた - うなの日記
React.js + Webpack + ContainerJS でTODOリストを作ってみたので、手順をまとめます。以前書いた、Knockout + ContainerJS でテスタブルにToDoリストを作るチュートリアル - うなの日記の改訂版。最近流行ってるライブラリのお試しも兼ねて、いろいろ組み合わせて使ってみようという試みです。ソース全体はこちらで公開しているので、あわせて参照ください。ポイントモジュールローダーを require.js → Webpack にソースはクラス単位で分割管理して、Webpackで1ファイルにまとめてリリースします。 WebpackだとAMDもCommonJSも両方扱えるので、npmのライブラリが使いやすくなるのは大きいかな。あと、Loaderも便利ですね。 Viewモジュールを Knockout.js → React.js に流行って
clavier 2015/03/19
CommonJS

javascript

development

gulp

jasmine

Flux
リンク
Seleniumを使ったWeb UI自動テストシステムの構築でやったことまとめ - うなの日記
Seleniumを使ったWeb UIの自動テストシステムを作ったので、やったこと・感想などをまとめてみます。テスト対象テスト対象は、AJAXなWebアプリです。サーバーはREST APIを提供するのみで、UIは全てJavaScriptという構成。サポートブラウザはIE7以降,Firefox3.6以降。(特定の組織内で使うものなので、Operaなどは未サポートです。) 使用したSelenium 2.x 系列を使いました。 WebDriverと統合されたあとのやつです。言語はJavaを使用。テストの目的以下を目的としました。機能追加/不具合改修でのデグレード防止機能追加や不具合改修に伴う動作不正を検出し、デグレードを未然に防止する。動作確認コストの削減による開発効率の向上ブラウザごとの動作確認を自動テストを利用して行うことで、機能実装時の確認工数を減らす。リリース前のリ
clavier 2014/07/28
firefox

API

java

ajax

selenium
リンク
非同期処理の待ち合わせ - うなの日記
非同期処理の実行完了を待ち合わせるユーティリティを書いてみました。要件複数の非同期処理を実行し、すべての処理の実行完了後に特定の処理を実行したい。実装 JavaScriptはシングルスレッドで動作しているらしいので同期化は不要。こんなのでいいはずです。コンストラクタで「すべての処理の実行完了後に行う処理」と「待つ処理の数」を渡す。非同期処理で実行する関数にWait#createCallBack()で処理の完了を通知する機能を付加して実行。(または、実行完了後にWait#createCallBack()で作成した関数を実行し、処理の完了を通知する。) 非同期処理の実行後に、完了した処理数のカウンタを増やし、「待つ処理の数」と同じになったら、「すべての処理の実行完了後に行う処理」を実行する。 /*** * 複数の非同期処理の実行を待ち合わせるユーティリティ * @param {Fun
clavier 2011/03/07
javascript
リンク
1