Fork me on GitHub

2013-05-20のJS: Web Components、Firefox 21.0、Regular Expression Enlightenment

Edit on GitHub 編集履歴を見る

JSer.info #123 - PolymerというWeb Componentsのpolyfill(platform.js)上に構築されてるUIフレームワークが公開されたことや、X-Tagが公開されたこともあり Web Componentsに関する話題が多いです。

Web ComponentsについてはPolymer と Web Components - steps to phantasienがわかりやすいです。

JavaScriptと正規表現について書かれたJavaScript Regular Expression Enlightenmentが公開されています。
jsfiddleを使った見やすいサンプルも書かれていてわかりやすい内容になっています。
同じくCody Lindley氏によるJavaScript Enlightenmentの翻訳本っぽい開眼!JavaScript- 言語仕様から学ぶJavaScriptの本質|Ohmshaも発売予定みたいです。(JavaScript Enlightenment自体はPDF版が無料で公開されています)

ヘッドライン

✎WebComponents JavaScript library

Web ComponentsのPolyfill上(platform.js)に構築されたUIフレームワークで、Web Componentsの仕様策定や実装を促進する目的をもってオープンソースとして公開されてる

✎firefox ReleaseNote

Firefox 21.0リリース

✎firefox

Firefox 21の機能追加、変更のまとめ
window.location.origin、parseIntが0から始まる文字列を10進数として解釈するようになった

✎node.js ReleaseNote

Node v0.10.7 リリース

✎JavaScript library ReleaseNote

YUI 3.10.1 リリース.
SWF Vulnerabilityの修正

✎Firebug ReleaseNote

Firebug 1.12 alpha 6リリース。
DOMパネルで選択したオブジェクトを$pでアクセスできるようにする機能、%f の追加

✎ECMA ReleaseNote

ES6 Spec rev15 draft アップデート

✎JavaScript ReleaseNote library

enchant.js v0.7.0リリース

アーティクル

✎WebComponents

Custom Elements, HTML Imports, HTML Templates, Shadow DOMからなるWeb Componentsというものについての解説とPolymerについて。

✎WebComponents library

WebComponentsのPolyfill上に構築されたUIフレームワークであるPolymer.jsについて

✎css performance

CSSの高速化でボトルネックとなる点について。
CSSセレクタは十分高速で、他に注意する場所について

✎WebAPI

X-Tag と Web Components について

✎JavaScript 正規表現

Enlightenmentシリーズ。
JavaScriptと正規表現についてのわかりやすい解説。見た目もわかりやすい動かせるサンプルが用意されてる

✎JavaScript 関数型言語

JavaScriptと関数指向について。
関数型として書く場合のBad Parts、高階関数とUnderscore.js

✎browser

"Evergreen Web Browser" という概念について。自分自身を自動アップデートできる仕組みを持ってるブラウザのことを示す

✎firefox デバック JavaScript

Firefox 20から入った開発ツールのプロファイラについて。
21.0からはリモートプロファイリングがサポートされた

✎WebAPI sound

Web Audio API 入門解説

✎JavaScript sound

Web Audio APIでSound Fontを使ったSMFを鳴らすデモ

スライド、動画関係
サイト、サービス、ソフトウェア関係

✎AngularJS チートシート

AngularJSチートシート

✎node.js JavaScript デバック Brackets

Node.jsとJavaScript(Chrome連携)のデバッグができるBracketsプラグイン。
コードカバレッジ的にCallの可視化やconsole.logを仕込んでログを出すような仕組みをコードをいじらずにできたり、コールスタックをより見やすい表現にした感じのデバッグツール

ツール、ライブラリ関係

✎Sass library

Sassのmixinライブラリ。
ベンダープリフィックスとかクロスブラウザの対応などがまとまってる

✎JavaScript デバック library

JavaScriptの関数に対してbefore/afterに動作を仕込んだり、traceで呼び出しのログを履けるようにするライブラリ

✎JavaScript canvas game library

Canvasゲーム向けの小さなフレームワーク。
stateに対する描画を簡単に書ける感じ

書籍関係

✎HTML css book

(Twitter)Bootstrapについての書籍

✎JavaScript book

2013年11月22日発売
Head First シリーズ

✎JavaScript book

2013年6月発売
JavaScript Enlightenmentの翻訳本
http://www.javascriptenlightenment.com/

今週の1枚

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