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

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.

Introducing ESLint | NCZOnline

OSSのバグを直して賞金がゲットできる Bountysource | A-Listers

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

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

ヘッドライン

JSHint 2.1.6 is out — JSHint
http://jshint.com/blog/2013-07-28/2-1-6/

JavaScript Tools ReleaseNote

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

JSConf US 2013 - YouTube
http://www.youtube.com/playlist?list=PL37ZVnwpeshF7AHpbZt33aW0brYJyNftx

JavaScript イベント動画

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

アーティクル

ぼくのかんがえたさいきょうのしーえしゅえしゅ | MOL
http://t32k.me/mol/log/the-perfect-css-i-thought/

css Tools

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

一歩進んだHTML/CSS/JSを目指すために | 1000ch.net
http://1000ch.net/2013/08/01/FrontendCodingEnvironment/

HTML css JavaScript Tools

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

The classList API | HTML5 Doctor
http://html5doctor.com/the-classlist-api/

JavaScript DOM

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

Why does Angular.js rock? - Angular Tips
http://angular-tips.com/blog/2013/08/why-does-angular-dot-js-rock/

AngularJS tutorial

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

Handlebars.js – a Behind the Scenes Look | Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/handlebars-js-a-behind-the-scenes-look/

JavaScript DOM library

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

スライド、動画関係

Web Components
http://html5-demos.appspot.com/static/webcomponents-bdconf/index.html#1

JavaScript WebComponents

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

Loading JSON-formatted data with Ajax and xhr.responseType=’json’ · Mathias Bynens
http://mathiasbynens.be/notes/xhr-responsetype-json

XHR JSON

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

JavaScript Static Security Analysis made easy with JSPrime
http://www.slideshare.net/nishantdp/jsprime-bhusa13new

JavaScript DOM XSS スライド

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

Webアクセシビリティの現状ダイジェスト
http://www.slideshare.net/kazuhito/20130802-a11y-status-24864076

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

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

実際にSoundJSを使ってみて分かったこと // Speaker Deck
https://speakerdeck.com/448jp/shi-ji-nisoundjswoshi-tutemitefen-katutakoto

JavaScript sound スライド

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

Promises, Promises - NYTimes.com
http://open.blogs.nytimes.com/2013/05/29/promises-promises/

JavaScript スライド動画

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

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

Home | ng-newsletter
http://www.ng-newsletter.com/

AngularJS mail

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

Directories for JavaScript resources
http://www.2ality.com/2013/08/javascript-resource-directories.html

JavaScript まとめ

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

RequireBin
http://requirebin.com/

JavaScript webservice

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

ツール、ライブラリ関係

Radian - Home
http://openbrainsrc.github.io/Radian/index.html

グラフ library AngularJS

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

gilt/groc
https://github.com/gilt/groc

JavaScript console Tools document

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

mariusGundersen/Overload
https://github.com/mariusGundersen/Overload

JavaScript library

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

yaniswang/HTMLHint
https://github.com/yaniswang/HTMLHint

HTML Tools node.js

HTML Lintツール

philipwalton/html-inspector
https://github.com/philipwalton/html-inspector

JavaScript Tools library デバック

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

hegemonic/catharsis
https://github.com/hegemonic/catharsis

JavaScript JSDoc Tools

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

joshdmiller/ng-boilerplate
https://github.com/joshdmiller/ng-boilerplate

AngularJS

AngularJS boilerplate

tracing-framework by Google
http://google.github.io/tracing-framework/

Chrome browser performance Extension

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

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

jcreamer898/bindr
https://github.com/jcreamer898/bindr

JavaScript testing library

小さなDIライブラリ

assemble/handlebars-helpers
https://github.com/assemble/handlebars-helpers

JavaScript DOM library

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

書籍関係

Practical Data Structures and Algorithms with JavaScript - O’Reilly Media
http://shop.oreilly.com/product/0636920029557.do

JavaScript book

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

Node Web Development - Second Edition | Packt Publishing
http://www.packtpub.com/node-web-development-2e/book

node.js book

Node Web Development 第2版がリリース

Node.js Web Development: Node Web Development 2nd edition has been released!!

AngularJS in 60-ish Minutes – The eBook - Dan Wahlin’s WebLog
http://weblogs.asp.net/dwahlin/archive/2013/07/30/angularjs-in-60-ish-minutes-the-ebook.aspx

AngularJS ebook スライド

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