Fork me on GitHub

2013-08-12のJS: Firefox 23.0、W3C Highlights@2013、DalekJS

Edit on GitHub 編集履歴を見る

JSer.info #135 - Firefox 23.0がリリースされました。
Firefox23でネットワークモニターが入ったので、よくみる開発者ツールの機能はひと通り形になっている気がします。

次のFirefox 24で入るよう機能についてはNew Features in Firefox Developer Tools: Episode 24 ✩ Mozilla Hacks – the Web developer blogに書かれています。

W3Cのここ半年ほどの活動についてまとめたW3C Highlights - August 2013が公開されています。
かなり範囲が広く書かれていますが、その中に出てくるCross-platform app development with HTML5 | Kendo UI Surveyの5000規模の開発者アンケートは結構面白いので見ておくのもいいかもしれません。

WebDriver APIを使って実際をブラウザをAPI経由で動かしてテストを書けるDalekJSが公開されました。
DalekJSはまだαな感じがしますが、Chrome,IE,Firefox,PhantomJSなどで動作させられます。

内部的には、dalek-internal-webdriverがWebDriver APIと実際にやり取りするコマンドを定義して、Actionsに載ってるようなユーザー扱うAPIはdalek-driver-nativeで定義されています。

ActionsのAPIは基本的にQを使ったPromiseを返すような実装になっていて、テストを書くときに使うAssertionはdalek-internal-assertionsで定義されています。

今あるAPIがCasperJSのほど気軽じゃない感じがしますが、このAPI部分だけ入れ替える実装とかも出来そうな感じがして仕組みてきに面白いと思います。

ヘッドライン

✎JavaScript MVC ReleaseNote

TodoMVC 1.2リリース。
PolymerFlightEnyo 等の追加やVanilla JSの書き直し

✎book

Packt Publishingの書籍がAugust 15, 2013 at 5:00am PTまで全て半額

✎TypeScript ReleaseNote

TypeScript 0.9.1リリース。
パフォーマンス改善、`typeof` 演算子の追加、`—noImplicitAny` で暗黙のAnyをエラーにするtscのオプションの追加

リリースノートには書かれていませんが、enumのバグ修正も含まれています。

✎TypeScript ReleaseNote

TypeScript 0.9.1の変更点詳細

✎W3C news

2013年前半におけるW3Cの活動のハイライト。
HTML5、DRM、国際化、アクセシビリティ、Web Platform Docsなどなどについて

✎HTML5 document 資料

Kendo UIが5000人超を対象にしたHTML5についての世論調査.
どのようなアプリを作ったか、重要と思う要素、ネイティブvs HTML5 vs ハイブリッド、コスト、将来性、対応プラットフォームと難易度等についてのアンケート結果がまとまってる。

アーティクル

✎JavaScript browser testing

CasperJSを使って実際にクリックやページ遷移があるようなテストを書くことについて

✎webworker

WebWorkerのuse caseについて。
inline(createObjectURL), dedicated(URL読み込み), sharedWorker それぞれの使い方についてまとまってる

✎DOM JavaScript

data属性での読み書きするデメリットとuse caseについて。
代替方法としては jQuery.fn.dataのような実装

意外と要注意 HTML5データ属性とjQuery Data APIの関係まとめ | ゆっくりと… (WeakMapがあるとやりやすい)

✎IE デバック

IE11開発者ツールの機能についての訳。
メモリプロファイラ、パフォーマンスダッシュボード、DOM Explorer(inspector)、デバッガー

✎Chrome WebAPI

chromestatus.comがPolymerで書きなおされた

✎backbone.js Tips

Backbone.jsまわりで起きる問題と解決方法等のTipsについて。
View、Event、ファイル名、名前空間の命名、AMD、アンチパターンについてなど

✎firefox デバック

Firefox 24の開発者ツールについて。
SourceMapがデフォルト有効に、
ネットワークモニターの改善、console.profileの対応

✎JavaScript 正規表現

正規表現を使うsearch、exec、matchについて。
また、globalオプションとlastIndexの保持されることで起きる問題について

✎css design

CSSおabsoluteによる上下中央揃えについてのわかりやすい解説.

✎css HTML

YandexのBEM-Methodologyの翻訳。

✎Chrome DOM

ChromiumのlocalStorageのデフォルトサイズが5MBから10MBに変更

✎JavaScript 翻訳

callbackhell.com の翻訳.
コードバックのネスト深くなってしまう問題の対処方について

スライド、動画関係

✎backbone.js イベント スライド まとめ

BACKBONECONF 2013 のスライドまとめ

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

✎jQuery plugin

jQueryプラグインのテンプレート。
Yeoman Generatorも用意されてる

ツール、ライブラリ関係

✎JavaScript DOM browser testing Tools

WebDriver - ChromeDriver、IEDriver、Firefoxのmarionetteなどを使って実際のブラウザで動かしながらUIテストをするツール。
Selemium/CasperJSの系統。

今のところ、公式ページのテストが一番参考になる。

✎JavaScript node.js web

圧縮や最適化等のGruntタスクまとめ

✎CoffeeScript library

CoffeeScriptでパターンマッチ的なライブラリ

✎JavaScript library

media queryを条件にモジュールをロードするモジュールローダー
data属性に条件やロードするモジュールを記述する

✎JavaScript 正規表現 library

正規表現をメソッドチェーン的に組み立てるライブラリ.
正規表現ビルダー。色んな言語向けに用意されてる。

✎design Tools

PhantomJS や SlimerJS を使って、2サイトを任意の画面サイズでスクリーンショットを撮り、画像同士のdiffを取って差分をハイライト表示するツール

✎JavaScript MVC library

Single Pageアプリ向けのJavaScriptフレームワーク。
依存なし、ブラウザ/Nodeをサポート、MV*、i18n、モジュール定義と遅延ロード、Flow Control、Pub/Sub、plugableな設計

✎JavaScript Markdown Tools

.jade, .markdown, .ejs, .coffee, .less, .styl as .html, .css, and .js等のコンパイルとdeployを行えるウェブサーバ

書籍関係

✎JavaScript DOM リファレンス book

JavaScriptとDOMの簡単な解説と、
5章からJavaScriptのAPIリファレンス本

✎dart book

2014年3月2日発売
Dartの中の人( http://gplus.to/GiladBracha )によるDart本

この記事へ修正リクエストをする
記事を紹介する