Fork me on GitHub

2013-07-16のJS: Jasmineとモック、Chrome Dev Tools新機能まとめ、ESLint

Edit on GitHub 編集履歴を見る

JSer.info #131 - JavaScriptでテストのためのspyやmock,stubといった機能を提供するライブラリといえばSinon.JSが有名ですが、
主にBDDなテストフレームワークとしての認識が強いJasmineには類似する機能がSpiesという名前で内蔵されています。(matcher扱いもされがち)

Advanced Jasmine - Front-End JavaScript Unit Testing というスライドでは、JasmineのSpiesを使ったテストについて簡単にまとまっています。
Unit Testing JavaScript and Backbone.JS // Speaker Deck のスライドも一緒に見ておくといいかもしれません。

また、最近はJasmine本が色々出てるのでそれらを探してみるのもいいかもしれません

Chrome DevTools Revolutions 2013 - HTML5 Rocksという記事では、Google I/Oの話を元に最近のChrome Dev Toolsの機能についてまとめられています。

ChromeはDevTools以外にも、Skia Debugger描画系の情報を見る方法が色々あるので詳しく見たい方には便利かもしれないです。

まだα版で開発中という感じですが、JSHintなどのようにJavaScriptのLintツールとしてESLintが公開されています。
JSHintとの違いについてはFrequently Asked Questionsにも書かれていますが、Lintのルール自体がpluggableになってるのが特徴的です。

ヘッドライン

✎JavaScript library ReleaseNote

Underscore.js 1.5.1リリース
https://github.com/jashkenas/underscore/releases/tag/1.5.1

✎node.js ReleaseNote

Node v0.10.13リリース

✎AMD JavaScript library ReleaseNote

RequireJS 2.1.7 リリース

✎JavaScript MVC library

Knockout v2.3.0リリース
3.0.0βもリリースされた。

✎firefox Tools ReleaseNote

SlimerJS 0.8リリース
パッケージにXulRunnerを同梱するように、CasperJSから利用できるようになった

✎JavaScript Tools

CasperJS 1.1-beta1リリース。
Gecko版PhantomJSなSlimerJSをサポート

✎JavaScript windows testing

Chutzpah 2.4.2リリース

✎WebStorm ReleaseNote

WebStorm 7 build 130.1167リリース。
TypeScript 0.9のサポート、Karma + istanbulでのコードカバレッジをサポート.

アーティクル

✎firefox sound API

Firefox 24でWeb Audio APIのサポート

✎JavaScript デザインパターン 翻訳

JavaScriptでのデザインパターン:
シングルトン、コンポジット、ファサード、アダプター、デコレーター、ファクトリ、プロキシ、オブザーバー、コマンドについて

✎canvas 3D

CanvasAPIで3D表現をする方法について。
3Dの基本となる座標変換、カメラの定義、アフィン変換などについて詳しく説明されてる

✎jQuery JavaScript thought

Deferredを使った非同期コードのリファクタリングの話。
具体性のある感じになってて用途がつかみやすい

✎browser Tools

PhantomJSを使って様々な画面サイズでCaptchaをまとめて取る方法

✎css 翻訳

CSS Architectureの翻訳

✎JavaScript

setImmediate()のuse caseとrequestAnimationFrame()、process.nextTick()について。
polyfillの実装について等

✎Chrome デバック まとめ

Chrome Dev Toolsの新機能まとめ.
Workspaces、Sass+SourceMap、Reverse port forwarding 、Flame chart、FPS、描画領域の表示、オブジェクトのallocationの計測、Canvasプロファイリング

✎JavaScript tutorial library

soma.jsを使ったアプリケーションを作りながら、デザインパターンの紹介やどうやったら疎結合になるのかについて等色々書かれてる
https://github.com/somajs/somajs

✎Sass まとめ

Sassについての記事まとめ

✎JavaScript person インタビュー

Addy Osmani インタビュー
Yeoman、Chrome Dev Tools、TasteJS、JavaScript Future、Dart、情報源の移り変わり

スライド、動画関係

✎jasmine スライド

Jasmineについてのスライド。
メソッド、コンストラクタのモックの使い方、Fake Timer、DOM fixture、非同期テスト、matcherについて等

✎JavaScript ECMA スライド

@esdiscussの方によるGenerator *, Template Stringについてのスライド.
Template Stringの実用的な使い方について

サイト、サービス、ソフトウェア関係

✎AngularJS tutorial

AngularJSについて学ぶサイト
Egghead.ioの動画などを含めて、段々と学べる感じになってる

ツール、ライブラリ関係

✎JavaScript css design library

フラットデザインなフロントエンドフレームワーク
CSS、JavaScript + UIコンポーネントな感じ

✎JavaScript Tools

JavaScriptのLintツール.
Lintのルールをpluginとして管理できる仕組みを持ってる

✎JavaScript library

Util、DOM操作、アニメーション、Promise、IE互換のためのJSONやXHR、event handler等の機能を持ったライブラリ。
ビルド用の条件分岐が細かく入っていて、カスタムビルドできるようになってる。

✎JavaScript MVC library

Dependency injection,Facade pattern,Observer pattern, Command pattern, Mediator pattern,
Templatesなどの実装が入ったMV*ライブラリ。
本体の行数は意外と小さい。


Soma.js – Your Way Out of Chaotic JavaScript | Flippin’ Awesome の方も一緒に見るといいかも。

✎JavaScript キーボード library

シンプルなキーボードショートカットライブラリ

✎node.js testing

Nodeのテスト時に使える一時フォルダみたいなものを提供してくれるライブラリ

書籍関係

✎JavaScript book

"Learn.js is like a collection of LEGO guides.
The goal: a fun way to learn javascript.”

✎JavaScript book

SitePointのJavaScript,HTML,CSSな書籍

✎JavaScript library book

CreateJS本
http://www.fumiononaka.com/Books/CreateJS_Style_Book.html

✎design book

2013年8月21日発売
スマートフォンサイト制作とレスポンシブ・ウェブの基礎についての書籍

この記事へ修正リクエストをする
JSer.info Slackに参加する