JSer.info #125 - WebStorm 7 EAP(いわゆるα版)がリリースされました。
Karmaのテスト実行をサポートしたり、 Web Componentsのサポートやremote debug関連の改善などがされています。
Selenium何とかっていうツールがやたら色々あるのはどういうわけなのか | 品質向上ブログという記事ではSeleniumとはどういうものか、どういう歴史を得て関連プロダクトが出てきたのかがよくまとまっています。
最近良く見るWebDriverやSelenium Builderなどこれからについても書かれていて参考になります。
今週はFront-Trends 2013とFluent 2013があったのもあって、スライドや動画多いですが、その中から一つ
ECMAScript 6 - An Overview of ECMAScript 6 Presentation.pdf はES6についてよくまとまっていて、JavaScriptエンジンによっては既に実装されている機能あるので見ておくといいかもしれません。
Node v0.10.9 (Stable)
http://blog.nodejs.org/2013/05/30/node-v0-10-9-stable/
Node v0.10.9リリース.
WebStorm 7 EAP | JetBrains WebStorm Blog
http://blog.jetbrains.com/webstorm/2013/05/webstorm-7-eap/
WebStorm 7 EAPリリース。
Karmaの統合、Mustache/Handlebarsのバンドル、Web Componentsのサポート、less/sass/scssのサポート向上、package.jsonを使った解析の改善等
KarmaサポートについてはWebStorm 7EAPのkarma連携について | Web scratchで紹介しています。
Yeti 0.2.23 Released - YUI Blog
http://www.yuiblog.com/blog/2013/05/23/yeti-0-2-23-released/
Yeti 0.2.23リリース
SIE 10を公開 - プラグインレスでSVGを表示する「SIE」開発ブログ
http://d.hatena.ne.jp/dhrname/20130529/p1
SIE 10リリース
WebStorm 7EAPのkarma連携について | Web scratch
http://efcl.info/2013/0601/res3292/
WebStorm公式のKarmaサポートについて
Selenium何とかっていうツールがやたら色々あるのはどういうわけなのか | 品質向上ブログ
http://blog.trident-qa.com/2013/05/so-many-seleniums/
Seleniumの歴史とWebDriver、Selenium Builderについて
"Selenium Builderは、Seleniumの生みの親であるJason Huggins氏がCTOを勤める、米SauceLabsが中心となって開発" Sauce Labsが多くのブラウザやモバイルOSを動かす環境を持ってるので、テスト環境を整えるのも活用できる。(Travis CIもSauce Labsと連携してる)
Firefoxでアプリケーションキャッシュをデバッグする - bathtimefish’s blog
http://bathtimefish.hatenablog.com/entry/2013/06/01/150656
Firefox開発ツールでのappcacheデバッグについて
Implementing Multidimensional Arrays in JavaScript | 0 FPS
http://0fps.wordpress.com/2013/05/22/implementing-multidimensional-arrays-in-javascript/
Typed Arraysと多次元配列について。
またそれを扱うndarrayライブラリについて。ndarray自体はlow levelで、それの上にいくつかのモジュールが用意されてる http://0fps.wordpress.com/2013/05/28/cache-oblivious-array-operations/
How do I find JavaScript libraries? - Gun.io
http://gun.io/blog/finding-javascript-libraries/
JavaScriptのライブラリのまとめサイトやモジュール管理システムについて
Testing JavaScript with Yeti and Sauce Labs WebDriver — Ryuichi Okumura
http://www.okuryu.com/2013/05/31/testing-javascript-yeti-saucelabs-webdriver.html
Test RunnerのYetiとSauce Labs WebDriver連携して、yetiからSauce Labsのブラウザを使ってテストを動かす方法について
VS100-062 JavaScript の単体テスト - YouTube
http://www.youtube.com/watch?v=JxgohS4jUWY
Chutzpah Test Adapter を使ったQUnitのテストについての動画
ToruYoshikawa_QConTokyo2013.pdf
http://www.qcontokyo.com/data_2013/ToruYoshikawa_QConTokyo2013.pdf
WebRTCについてのスライド.
ICE(STUN+TURN)のNAT超えの仕組みやライブラリ、実装状況について
Building CLI Tools with Node.js
http://michaelbrooks.ca/deck/jsconf2013/#/
Node.jsでCLIを書くベストプラクティス的なスライド。
テストしやすい様にmainのbinとlibは分ける、event emitterを使ったログ、エラー時に正しくexitする、クロスプラットフォーム対応様にPathをハードコーディングしないで分ける
Making the Web Rock: Web Audio
http://webaudiodemos.appspot.com/slides/index.html#/
Web Audioについてのスライド。
Web Audioが持つ機能の紹介、エフェクト、Web MIDI API、対応状況
Speaker Slides and Video: Fluent 2013 - O’Reilly Conferences, May 28 - 30, 2013, San Francisco, CA
http://fluentconf.com/fluent2013/public/schedule/proceedings
Fluent 2013 のスライドと動画
Front-Trends 2013, 24th-26th April 2013 | Lanyrd
http://lanyrd.com/2013/front-trends/
Front-Trends 2013
http://2013.front-trends.com/
のスライドと動画が公開されてる
ECMAScript 6 - An Overview of ECMAScript 6 Presentation.pdf
http://cdn.oreillystatic.com/en/assets/1/event/93/An%20Overview%20of%20ECMAScript%206%20Presentation.pdf
Dr.Axel によるECMAScript 6のfeature全般についてのスライド .
予定されてる機能や使い方についてまとまってる
OW2 Nanoko
http://www.slideshare.net/clement.escoffier/nanoko
JavaScriptフレームワーク http://nanoko.org/ についてのスライド
sapphire-al2o3/webgl-reference-jp · GitHub
https://github.com/sapphire-al2o3/webgl-reference-jp
WebGLリファレンス
"WebGL Reference Card を元に OpenGL ES 2.0 のリファレンスページなどから説明を持ってきています"
Pingendo - web authoring with comfort
http://www.pingendo.com/
Twitter Bootstrap などをサポートしたHTMLのオーサリングソフト.
DOMツリーやインスペクトしながらCSSルールを指定できる感じのWin/Mac対応のソフト
Secrets of the Browser Developer Tools - Secrets
http://devtoolsecrets.com/
ブラウザの開発デバッグツールの機能紹介サイト.
ジャンルやブラウザなどでフィルタリングしながら使える機能を見られる
Yahoo!製のCSSフレームワーク.
Skin Builder http://yui.github.io/skinbuilder/?mode=pure を使っていじれる
svg/svgo · GitHub
https://github.com/svg/svgo
SVG最適化ツール。
SVG minify
ImagesLoaded
http://desandro.github.io/imagesloaded/
画像が読込中、読み込み完了、読み込み失敗かのイベントを設定できるライブラリ
JSON Generator - tool for generating random JSON data
http://www.json-generator.com/
テンプレートにもとづいてランダムなJSONデータを生成するジェネレーター
React | A JavaScript library for building user interfaces
http://facebook.github.io/react/
JSXというE4XライクなXMLシンタックスを使ってDOM UIを作成できるライブラリ
ajacksified/Mediator.js · GitHub
https://github.com/ajacksified/Mediator.js
Mediator patternなライブラリ。
pub/sub
slightlyoff/async-local-storage · GitHub
https://github.com/slightlyoff/async-local-storage
fully-async object-storage APIなライブラリ。
DOM Futureを返して非同期に扱える。
HTML5 Pocket Reference, 5th Edition - O’Reilly Media
http://shop.oreilly.com/product/0636920029274.do
2013年7月発売
HTML5ポケットリファレンス
今週の1枚