Fork me on GitHub

2013-03-04のJS: JSHint 1.0.0、NetBeans 7.3リリース、開発者のための WebKit

Edit on GitHub 編集履歴を見る

JSer.info #112 - JSHint 1.0.0がリリースされました。
大部分の更新内容についてはJSHint - JSHint 1.0.0 RC1に書かれています。

NetBeans 7.3リリースされました。
JavaやPHPなどの方とかが多いですが、7.3ではWebStormのようにChrome拡張と連携してNetBeans上でブレークポイントを貼ってデバッガーを動かしたり(参考)、今更感は若干ありますがjs-test-driverのテストを走らせた結果を表示できたり(デフォルトはjstd+jasmine adaptor)、色々賢くなっています。

WebKit for Developersの和訳である開発者のための WebKitが公開されいます。

Webkitの内部がどうなっているか、ChromiumやSafari等のWebkit Portでは何が異なるのかなどについて詳しく書かれています。

Webブラウザエンジン WebKit の映像製品への適用 - 東芝レビュー2012年8月 - a06.pdfも一緒に読むと面白いかもしれません。

ヘッドライン

JSHint 1.0.0リリース

NetBeans 7.3リリース.
ウェブアプリの新規作成テンプレ、JsTDを使ったテスト統合、内部ブラウザとCSSエディタ、Chrome拡張と連携したNetBeans上からJavaScriptデバッガを使えるように、REST client、JavaScriptエディタの改善

CoffeeScript 1.5がリリースされた.
literateモードというMarkdownのコードブロックだけを実行する機能が入った

IE10がWindows7(SP1)、Windows Server 2008向け向けに公開された

jQuery 2.0 Beta 2 リリース
.data()が再実装、querySelectorAllと matchesSelectorベースの小さなセレクタエンジンが追加された、カスタムビルドの追加

PhoneGap 2.5.0リリース

アーティクル

WebKitがどういう構成をしているか、WebKit portとは何か、どの部分が共通なのか、JavaScriptのバインディング、Operaが採用するChromium、WebKit Nightlyとは何か について書かれている

mochaとtestemを使ったテスト環境を作って、Backbone.jsを使ったTodoアプリをテストしながら作成していくチュートリアル

mochaで動かしていたテストを、testem経由で動かす設定について。
Travis CI上のブラウザでテストを実行させる。

Buster.JSでtestbed的な任意のHTMLでテストコードを動かすようにする設定について
JsTDのようなHTML Docコメントを使ったfixtureのテストについても
http://yaakaito.github.com/blog/2013/03/02/buster-html-doc-and-coffee/

JavaScriptライブラリのAPIデザインについて.
Unity & Harmony/balance/proportion/Emphasisの原則についてやどういう視点をもってAPIをデザインするかについて

Bracketsのコードから学べる事.
クラス、継承とJSDoc、AMDとモジュール、Lintの設定、Jasmineによるテスト、Mustacheでのテンプレート、LESSを使ったCSS

QUnitやJasmineなどテスティングフレームワークを選ぶだけでjsFiddleでテストが書ける状態にするテンプレート.
もっとテストを気軽に書き始められて、サンプルコードと同じレベルで共有できたりするといい気がします。

NetBeans 7.3のChromeを使ったJavaScriptデバッガについて

スライド、動画関係

CSS gradients/Transitions/animation/Hyphenation/ch unitなど最近のCSSの機能についてのスライド。
スライドが実際に動くデモになってる

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

jQuery UI日本語リファレンス

Github hookを使ってpush時に実行できるブラウザのテストを実行するCIサービス。
テスト実行ページ用のhtmlを用意して置いて実行させるシンプルな仕組み。
jepso-ci-examplesを見ながらBusterJS_JepsoCIを動かしてみましたが、Travis CIci.testling.comJavaScript tests integration with Sauceなどに比べてとてもシンプルに導入できる感じでした。
まだまだαな感じなので実用という段階ではないですが、色々期待。

JavaScriptのコードがどのような順番で実行されているかをステップ毎に表示して、その時評価されてる内容も見られるツール

Chrome Dev Tools上にGruntタスクのログを見るタブを追加するChrome拡張

typographic starter kit.
Sass/Lessなどで用意されてる

js-tools MLのJavaScriptツールやエンジン/エディタ/リソース等のリンク集

ライブラリ関係

DOM4のprepend/appnd/before/after/replace/removeのpolyfill実装ライブラリ

書籍関係

2013年3月15日発売

SenchaTouch本
http://dsuket.hatenablog.com/entry/2013/02/27/181028

2013年4月発売
Jasmineでのテストについての短めの書籍

2013年4月発売
jQuery 1.9, jQuery plugin, jQuery UI、 jQuery Mobileについての書籍

2013年3月発売
JavaScriptMVCについての短めの書籍
QUnitを使ったテストやCIについて、MVCでウェブアプリケーションを作ってデプロイする所まで

JavaScriptのUnit Testについての書籍.
Jasmine, YUI Test, QUnit, JsTDがそれぞれ1章ずつ割かれてる

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