Fork me on GitHub

2013-08-26のJS: Yeoman 1.0、Meta-Weekly、Power Assert in JavaScript

Edit on GitHub 編集履歴を見る

JSer.info #137 - Yeoman 1.0がリリースされました。
yo コマンドの分離やインタラクティブなCLIなど色々改善されています。
最近のβからは大きく変更はないと思いますが、 初期のyeomanコマンドがあったころからは大きく変わっているので、以下などを読むといいです 

JSer.infoのように、週刊などである程度まとまった情報を書いてるサイトをまとめたMeta Weekly というサイトを公開しました。

気になるサイトは購読してみると、より幅広い情報や各サイトの重複度から話題性や重要性の傾向が見えたりして面白いかもしれません。

詳しくは以下の記事に書いてありますが、Githubから追加したいサイトはContributingできるのでよろしくお願いします。 

power-assert というGroovyのPower Assertのように、assert自体はシンプルに保ちながらエラー時の情報量を多くするAssertionライブラリが公開されました。

基本的には、grunt-espowerというGruntタスクを使い、テストファイルに情報を付加した複製を作り、Mochaなどで実行してテストを動かします
(espower runnerように同じ処理するものを書けばGruntは使わなくても実行できます) 

具体的には、grunt-espowerでは以下の動画で解説されているように、テストファイルを
Esprimaでパースして、そのASTに対してespower(power-assert)で情報を付加して、最後にASTをescodegenを使いコードにするという形をとっています。(そのコードをテストとして実行する)

var grunt-espower = (code) => {
   esprima -> AST -> espower -> AST -> escodegen
}


Video streaming by Ustream

立ち位置的にはEsmangleのように、ASTを中間表現 (IR) としてやりとりすることで、
既存の情報を壊さないで変換できうるという仕組みの上に成り立っててとても面白いライブラリだと思います。

ヘッドライン

JavaScript CSS library twitter

Bootstrap 3 リリース。
IE7以下のサポートは廃止、2.xの移行について以下にまとまってる

node.js Tools JavaScript

Yeoman 1.0リリース。
yoemanからyoの分離、プロンプトの強化(Inquirer.js)、パフォーマンス改善

JavaScript グラフ library ReleaseNote

d3.js 3.3リリース

node.js ReleaseNote

Node v0.10.17リリース

Firebug ReleaseNote

Firebug 1.12.0リリース。
ネットワークパネル/Eventsログのフィルターの改善、、cURLとしてコピーする機能、イベントリスナーを取得するgetEventListeners()コマンドを追加

TypeScript ReleaseNote

TypeScript 0.9.1.1リリース。
import x = module(…) や `bool` 等の非推奨の書き方を許容するオプションを追加。

Chrome JSON XHR

Chrome 31 でXHRのresponseType:jsonをサポート

アーティクル

JavaScript HTML node.js CSS まとめ

JavaScriptやフロントエンド系のメールマガジンや週刊とかで更新されてるサイトについてまとめたサイト

HTTP spec

HTTP/2.0 Draft 04 仕様書の翻訳
http://blog.summerwind.jp/archives/2076

HTML JavaScript

HTML Importsについての解説記事。
Chrome Canaryはフラグ付き、他のブラウザはPolymerを使う。
link rel=”import”、style scopedとCSSを含んだ読み込み、スクリプトを読み込んだ場合、Web Componentsについてなど

jQuery JSON

jQueryのdata-*属性の扱い方について。
オブジェクトを入れる場合JSON validなデータじゃないと、オブジェクトとして取得できない

JavaScript MVC library

Backbone,Marionette,Ember.js,Angular.js等色々試して、なぜEmber.jsを選んだかについて。
RESTfulなフロントエンドアプリを作る場合は相性がよくで、時と場合によって適切なライブラリは異なるとの話

JavaScript

Promises/A+を実装しながら仕様を理解していくチュートリアル。

JavaScript program

SourceMapによるマッピングデータの構造についての解説。
視覚的に対応を見るなら https://github.com/sokra/source-map-visualization がわかりやすい

CSS JavaScript

CSSの特定スタイルがサポートされているかを、CSS.supportsや実際にDOMに入れて判定する方法について

JavaScript font

WebFontをロード完了を検知する方法

WebComponents まとめ

Web Componentsについてのリソースまとめ。
仕様、実装と実装状況、記事、スライド、ライブラリや情報源

スライド、動画関係

動画 CSS tutorial library

Bootstrap 3.0.0に対応したチュートリアル動画

browser testing スライド

WebDriverを使ったテストと、非同期処理を直接にまとめられるようにするwd-syncについてのスライド

Grunt スライド

Gruntタスクについてのスライド.
Grunt APIの使い方、タスクの紹介、子タスクに分散させる事で実行時間を減らす話

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

JavaScript podcast

月一で更新してるJavaScriptについてのポッドキャスト(動画もあり)

JavaScript podcast

Ember.jsについての週刊のPodCast

CSS 3D HTML Tools

CSS 3Dエディタ.
HTMLとCSSで動くようなものをモデリングするオンラインエディタ

ツール、ライブラリ関係

JavaScript testing library

GroovyのPower AssertのJavaScript版。
assertがfailの場合に該当コードにそれぞれの値を表示し、可視化を行う。
assertion自体をシンプルに保ちながら、エラーメッセージの情報を多く出せるライブラリ

どのような思想で実装されてるかは、東京node学園に初登園した話 #tng10 - After Codingや発表の動画を見るといいです。

CSS Tools console

CSSをパースしてvendor prefixをつけてくれるCLI. Gruntタスクもある
http://css-tricks.com/autoprefixer/

JavaScript library

オブジェクトのtype判定のis*, has* みたいな真偽値を返すメソッドをまとめたJavaScriptライブラリ

JavaScript MVC library

jQuery,Knockout等の上に作られてるMV*ライブラリ.
Mimosaというスケルトンジェネレータも用意されている

書籍関係

Sass book

Sassについての本

jQuery book

2013年8月26日発売
jQuery plugin、jQuery UIについての書籍

HTML5 CSS book

2014年6月13日発売
HTML5とCSS3についての書籍

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