Fork me on GitHub

2013-08-05のJS: JSHint 2.1.6、Web Tracing Framework、Handlebars

Edit on GitHub 編集履歴を見る

JSer.info #134 - JSHint 2.1.6がリリースされています。
ES6のyieldのサポートなどが追加されています。
JSHintではBountysourceを使ったり、ESLintのコメント欄でも書いていましたが、ES6 syntaxのサポートを積極的に行ってる感じです。

JSHint now parses some ES6 syntax and all (if I’m not mistaken) Mozilla specific language extensions. I’m sure at some point Esprima will parse ES6 but not sure if it will ever support Mozilla extensions.

後、Better integration with NPMという事で、npmのpackage.jsonに.jshintrcと同等のJSHInt設定を書けるようになったみたいです。

Handlebars.js – a Behind the Scenes Look | Nettuts+という記事では、JavaScriptテンプレートエンジンのHandlebarsの内部的な仕組みについて書かれています。
HandlebarsのHelperについては、大量のhelperをまとめたhandlebars-helpersというライブラリもあるので、こちらも見てみると面白いかもしれません。

ヘッドライン

✎JavaScript Tools ReleaseNote

JSHint 2.1.6 リリース。
excludeオプション、global変数を定義するコメントのサポート。
ES6のyield、import/exportのサポート

✎JavaScript イベント 動画

JSConf US 2013の動画が公開された
http://2013.jsconf.us/

アーティクル

✎css Tools

SassのCSSフレームワークとGruntタスクについて

✎HTML css JavaScript Tools

HTML/CSS/JavaScriptのチェックツールについて。
HTMLInspector/CSSLint/JSHint

✎JavaScript DOM

classListについての解説。
classListの仕様、classListのインターフェイスが定義されてるDOMTokenListについても触れててよくまとまってる。

✎AngularJS tutorial

AngularJSのデータバインディングやディレクティブなどについて動かせるサンプルコードと共に解説してる記事

✎JavaScript DOM library

Handlebarsがどのような仕組みで動いてるかについて。
Handlebars.parse()でTokens、Handlebars.Compiler()でopCode、Helperの仕組みについて

スライド、動画関係

✎JavaScript WebComponents

WebComponentsについてのスライド。
HTML Templates, Shadow DOM, Custom Elements, HTML Imports

✎XHR JSON

XHRのresponsetype=”json”について
現在はFirefoxしかサポートされてないですが..

✎JavaScript DOM XSS スライド

EsprimaでASTとって、静的解析してDOM Based XSSとか探すツールについてのスライド
https://github.com/dpnishant/jsprime

✎web アクセシビリティ スライド

日本のウェブアクセシビリティについてのスライド

✎JavaScript sound スライド

SoundJSについてのスライド.
サウンドを再生する仕組みや使い方

✎JavaScript スライド 動画

Domenic DenicolaによるPromiseについての発表動画

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

✎AngularJS mail

AngularJSについてのWeeklyメールマガジン

✎JavaScript まとめ

ディレクトリ型のJavaScriptサイトについてのまとめ

✎JavaScript webservice

jsfiddle的なオンラインエディタ。
コード中でrequireされているモジュールは、browserifyを経由して使えるようになってる

ツール、ライブラリ関係

✎グラフ library AngularJS

AngularJS+ D3.js を使ったグラフライブラリ

✎JavaScript console Tools document

JSDoc, Istanbulのコードカバレッジ、モジュールの依存関係に対応してるDoccoライクなドキュメント生成ツール
http://gi.lt/15o5VUr

✎JavaScript library

オーバーロードライブラリ

✎HTML Tools node.js

HTML Lintツール

✎JavaScript Tools library デバック

JavaScriptとして埋め込んで機能するHTML Lintライブラリ。(静的にチェックするわけではない)
レンダリングエンジンがパースした結果をチェックしていき、consoleに表示する

✎JavaScript JSDoc Tools

Google Closure Compiler 、 JSDoc の 型宣言の式をパースするライブラリ

✎AngularJS

AngularJS boilerplate

✎Chrome browser performance Extension

CanvasやWebGL、描画情報、(ネイティブ)イベント、メモリ、CG、DOMやXHR、WebWorkerのトレースを行うライブラリとビューアからなるフレームワーク。
モダンブラウザ、Nodeでトレースが行える。

Chrome Extensionをインストールして試せる。

✎JavaScript testing library

小さなDIライブラリ

✎JavaScript DOM library

Handlebarsのhelpersを集めたライブラリ

書籍関係

✎JavaScript book

2014年1月発売予定
JavaScriptでlinked listやstack,queuesと行ったデータ構造とアルゴリズムについての書籍

✎node.js book

Node Web Development 第2版がリリース

✎AngularJS ebook スライド

AngularJSについての電子書籍。
AngularJS in 60-ish Minutesの動画が元になってる内容

✎Sass book

Sass と Compassについての書籍。
Compassの中の人とGithub,Googleの人が書いてる
@pengwynn @chriseppstein @nex3 @imathise

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