Fork me on GitHub

JavaScriptの最新情報を紹介する週刊ブログ

2013-09-29のJS: WebStorm 7.0、WebGL 2.0、AngularJSデバッグ&テスト

2013年09月29日 Edit on GitHub 編集履歴を見る

JSer.info #142 - WebGL 2 Specificationのfirst editor’s draftが公開されました。
WebGL2.0はOpenGL ES 3.0がベースとなっていて、概要については以下の記事にまとまっています。

JavaScript IDEのWebStorm 7 がリリースされました。
Stylus等の新たな言語サポートやnpmとの連携やビルドインのTerminal等が追加されています。

Advanced Testing and Debugging in AngularJS - yearofmoo.comという記事では、AngularJSのテストとデバッグについてのスライドと動画を元に解説が書かれています。

AuglarJSに関わるものがメインではありますが、何をテストするときにどういうツールを使うのかなどテスト一般についても書かれていて参考になります。
またタイトルがAdvancedとなっているように、以前書かれているFull-Spectrum Testing with AngularJS and Karma - yearofmoo.comの方も合わせて読むと、
AngularJSのテストやE2E、Karmaについて理解が深まる感じです。 

ヘッドライン

Node v0.10.19 (Stable)
http://blog.nodejs.org/2013/09/24/node-v0-10-19-stable/

node.js ReleaseNote

Node v0.10.19リリース

Announcing jQuery Mobile 1.4 Beta | jQuery Mobile
http://jquerymobile.com/blog/2013/09/24/announcing-jquery-mobile-1-4-beta/

jQuery mobile ReleaseNote

jQuery Mobile 1.4 Betaリリース。
αでの変更点についてもまとまってる

Welcome WebStorm 7.0 – Everything you need, at your fingertips, without compromise | JetBrains WebStorm Blog
http://blog.jetbrains.com/webstorm/2013/09/welcome-webstorm-7-0-everything-you-need-at-your-fingertips-without-compromise/

WebStorm ReleaseNote

WebStorm 7.0リリース.
EJS,Web COmponents, Templates, Stylus, Karma + istanbul, npm, Terminal

harmony:specification_drafts [ES Wiki]
http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts#september_27_2013_draft_rev_19

ECMAScript ReleaseNote

ES6仕様書Rev 19リリース

アーティクル

Twitter / ebidel: Make CSS ::before/after content …
https://twitter.com/ebidel/status/382351541010567168

Chrome デバック

Chrome Dev ToolsでCSSの擬似要素をインスペクト出来るようになった

TojiCode: What’s coming in WebGL 2.0
http://blog.tojicode.com/2013/09/whats-coming-in-webgl-20.html

WebGL

WebGL 2.0 概要

Tips for using window in JavaScript
http://www.2ality.com/2013/09/window.html

JavaScript DOM

JavaScriptのグローバルについて。
ブラウザのwindowとグローバル、window.のユースケース、ビルドイン関数、グローバル変数のチェックについて

Unicode and JavaScript
http://www.2ality.com/2013/09/javascript-unicode.html

JavaScript 文字コード

ユニコードの歴史と用語解説。
ユニコードエンコーディングの種類。JavaScriptとユニコード。
JS内でユニコード文字の利用やユニコードエスケープについて。
ユニコードと正規表現について(\u2028 \u2029 についても触れてる)

そのコード、本当にjQueryが必要ですか？ネイティブ関数の代替えTips集 | ゆっくりと…
http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/jquery-alternative-tips/

jQuery JavaScript

jQueryで書いたものを素のJavaScriptで書いた場合の比較。
モダンブラウザではクロスブラウザ対応に必要なラッパが要らない部分がでてきている等の視点から

IE11 Changes - IEInternals - Site Home - MSDN Blogs
http://blogs.msdn.com/b/ieinternals/archive/2013/09/24/10451776.aspx

IE ReleaseNote まとめ

IE11の変更点に関連するリンクのまとめ記事

Vjeux » Javascript: Cyclic Object Detection
http://blog.vjeux.com/2011/javascript/cyclic-object-detection.html

JavaScript

再帰的なオブジェクトを検出する方法について

How Complex are TodoMVC Implementations
http://blog.coderstats.net/todomvc-complexity/

JavaScript まとめ グラフ

TodoMVCの各ライブラリ等の実装から複雑度などやコードの行数などをグラフ化してまとめたもの.
ライブラリの傾向が見える感じ

Reintroducing the Firefox Developer Tools, part 1: the Web Console and the JavaScript Debugger ✩ Mozilla Hacks – the Web developer blog
https://hacks.mozilla.org/2013/09/reintroducing-the-firefox-developer-tools-part-1-the-web-console-and-the-javascript-debugger/

firefox デバック

Firefox開発ツールについての解説連載

New Features in the Firefox Developer Tools: Episode 26 ✩ Mozilla Hacks – the Web developer blog
https://hacks.mozilla.org/2013/09/new-features-in-the-firefox-developer-tools-episode-26/

firefox デバック

Firefox26での開発者ツールについて
擬似要素のinspect、try..catchしてない例外でのbreak、コンソールのテキスト選択の改善など

Advanced Testing and Debugging in AngularJS - yearofmoo.com
http://www.yearofmoo.com/2013/09/advanced-testing-and-debugging-in-angularjs.html

JavaScript AngularJS testing スライド 動画

AngularJSのテストについて詳しくまとまってる発表と記事。
何をテストするときに、どんなツールを使うかや何故テストするのかについても書かれてる。
Karmaをつかった時のデバッグ方法やテストを動かす環境についてなど幅広くまとまってる

スライド、動画関係

The Future of AngularJS - Google ドライブ
https://docs.google.com/presentation/d/1Gv-dvU-yy6WY7SiNJ9QRo9XayPS6N2jtgWezdRpoI04/preview?sle=true#slide=id.p

AngularJS スライド

AngularJSの未来についてのスライド.
ES6やWebComponentsなどと組み合わせた時にどのように変わるかについて

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

BrowserSwarm
http://www.browserswarm.com/

JavaScript browser testing webservice

GithubのプロジェクトをSauceLabsを使いブラウザのテストを動かせるTravis CIのようなサービス.
Deploy、WebHook、カスタムスクリプト等を設定出来る

ツール、ライブラリ関係

freddyb/html2dom
https://github.com/freddyb/html2dom

JavaScript DOM library セキュリティ

HTML文字列をパースしてDOM APIを使って要素を作るコードを生成するライブラリ.
innerHTMLを使わずにHTML文字列を追加出来るようにする。
http://mzl.la/1gZYWSo

PhysicsJS - A modular, extendable, and easy-to-use physics engine for javascript
http://wellcaffeinated.net/PhysicsJS/

JavaScript library

JavaScriptで書かれた物理エンジンライブラリ.
AMDでモジュール化、RenderはFactory Pattern的に決められるなど、拡張性などを設けている

書籍関係

O’Reilly Japan - Web Audio API
http://www.oreilly.co.jp/books/9784873116419/

sound JavaScript

Web Audio APIの翻訳本

Das E-Book zu ECMAScript 5 • Peter Kröner • Webtechnologie
http://www.peterkroener.de/das-e-book-zu-ecmascript-5/

ECMAScript JavaScript book

ES5の新しい機能に焦点を置いた書籍。
コード例やリファレンスなどを含んでる。
ドイツ語

Building Polyfills - O’Reilly Media
http://shop.oreilly.com/product/0636920030690.do

JavaScript book

Web Platform APIsのPolyfillについての書籍。

Using Node.js for UI Testing | Packt Publishing
http://www.packtpub.com/testing-nodejs-web-uis/book

node.js browser testing

Zombie.jsとMochaをつかったUIテストについての書籍.
Zombie BrowserをつかってページにアクセスしUIのテストを行う

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