AngularJSを使ってみました | DevelopersIO
毎度お世話になっております。クラスメソッドの稲毛です。 6月の中旬にGoogle Developers Blogで「AngularJS」という新しいWebテンプレートフレームワークが発表されました。 MVCモデルを採用しているということで、実際にモデルの変更がビューに反映される様を確認できるサンプルを作成してみました。 Twitter Search Sample 今回作成したのは、テキスト入力へ検索ワードを入力しエンターキーを押下すると、TwitterのSearch API（JSONP）でツイートを検索し一覧表示するといったサンプルです。 HTML 1. スクリプトをロードする AngularJSのスクリプトファイルを読み込みます。 <script type="text/javascript" src="http://code.angularjs.org/angular-1.0.0.min
javascriptのテストのはなし：SugerTest | DevelopersIO
今回はマイナーであろうSugerTestを紹介します。 ユニットテスト用のライブラリで、JsUnitTestをベースとした拡張版?という感じですね。 実際に利用するにはSugarTestのライブラリと合わせてJsUnitTestのライブラリをロードする必要があります。テスト実行結果の画面はJsUnitTestの画面そのものです。 準備 ここからSugerTestのライブラリを落とします。 先に書いた通り、JsUnitTestとSugarTestのライブラリ両方を使う必要がありますが、ダウンロードしたSugerTestのライブラリの中にJsUnitTestも含まれているので、特に気にする必要はないです。 ダウンロードしたzipを解凍するとassetというディレクトリがあって、その中にJsUnitTestとSugerTestのjsが入っているのでそれをhtmlで指定します。 また、htmlのb
javascriptのテストのはなし：YUI | DevelopersIO
今回はYUIのユニットテストを紹介します。 YUIは「Yahoo! User Interface Library」の略称で、webアプリケーション開発用のJavaScriptとCSSのユーティリティ群です。 http://developer.yahoo.co.jp/yui/によると YUIは拡張性、速さ、堅牢さに実績があり、米国Yahoo!や世界中のフロントエンドエンジニアによって開発されているため、JavaScriptを活用するプロフェッショナルの業務にも耐えうる実用性を持ったJavaScriptライブラリとなっています。 との事です。 準備 現時点でのYUIの最新版は3.4.1でhttp://yui.yahooapis.com/3.4.1/build/yui/yui-min.jsにホスティングされているので、それを読み込んでおきます。 記述 基本 YUI.use("test", fun
javascriptのテストのはなし：Sinon.JS(その1) | DevelopersIO
QUnitについてある程度分かった所で、今回はSinon.JSというライブラリを紹介します。 Sinon.JSをテストフレームワークと合わせて使う事で様々なテストができる様になります。特定のテストフレームワークには依存していないのでQUnit以外でも使えます。Sinon.JSのサイトに行けばいくつかのテストフレームワークのアダプタがあります。 Sinon.JSにはいくつかの機能があるので順に紹介します。今回はSpyとStubとMockの3つについてです。テストフレームワークにはQUnitを使っています。 準備 本題に入る前に、準備です。Sinon.JSのライブラリをhttp://sinonjs.org/からダウンロードして適当な位置に配置して、テストで使うhtmlにロードしておきます。 Spy Spyは、メソッドが呼ばれた時の引数や戻り値、エラーなどを監視する事ができます。 これはSino
Backbone.js の記事一覧 | DevelopersIO
# Backbone.js の記事一覧【後編】Backbone.jsでつくるMVPなUIパターン【スクロールスパイ】 山形 孝造2013.04.01【前編】Backbone.jsでつくるMVPなUIパターン【スクロールスパイ】 山形 孝造2013.04.01Backbone.jsでつくるMVPなUIパターン【リスト】 山形 孝造2013.03.04Backbone.jsでつくるMVPなUIパターン【タブ】 山形 孝造2013.02.27Backbone.jsにおけるModel-View-Presenterアーキテクチャパターン 山形 孝造2013.02.26Backbone.jsでPOSTでXMLを返す 深澤 豪2012.10.02backbone.jsとcoffee scriptを組み合わせた小さいサンプル 中村 修太2011.12.301クラスメソッド株式会社主なカテゴリAWSで探すA
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
