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版が無料で公開されています)
Welcome - Polymer
http://polymer-project.appspot.com/
Web ComponentsのPolyfill上(platform.js)に構築されたUIフレームワークで、Web Componentsの仕様策定や実装を促進する目的をもってオープンソースとして公開されてる
Firefox 21.0 リリースノート
http://www.mozilla.jp/firefox/21.0/releasenotes/
Firefox 21.0リリース
Firefox 21 個人的まとめ - hogehoge @teramako
http://d.hatena.ne.jp/teramako/20130514/p1
Firefox 21の機能追加、変更のまとめ
window.location.origin、parseIntが0から始まる文字列を10進数として解釈するようになった
Node v0.10.7 (Stable)
http://blog.nodejs.org/2013/05/17/node-v0-10-7-stable/
Node v0.10.7 リリース
YUI 3.10.1 Released to Fix SWF Vulnerability - YUI Blog
http://www.yuiblog.com/blog/2013/05/14/yui-3-10-1-released-to-fix-swf-vulnerability/
YUI 3.10.1 リリース.
SWF Vulnerabilityの修正
Getfirebug Blog » Blog Archive » Firebug 1.12 alpha 6
https://blog.getfirebug.com/2013/05/17/firebug-1-12-alpha-6/
Firebug 1.12 alpha 6リリース。
DOMパネルで選択したオブジェクトを$pでアクセスできるようにする機能、%f の追加
A new ES6 spec. draft has been posted
https://mail.mozilla.org/pipermail/es-discuss/2013-May/030731.html
ES6 Spec rev15 draft アップデート
enchant.js v0.7.0 をリリースしました | enchant.js - A simple JavaScript framework for creating games and apps.
http://enchantjs.com/ja/2013/05/enchant-js-v0-7-0-%E3%82%92%E3%83%AA%E3%83%AA%E3%83%BC%E3%82%B9%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F/
enchant.js v0.7.0リリース
Polymer と Web Components - steps to phantasien
http://steps.dodgson.org/b/2013/05/19/polymer-and-web-components/
Custom Elements, HTML Imports, HTML Templates, Shadow DOMからなるWeb Componentsというものについての解説とPolymerについて。
Web Components普及の夜明け!?Polymerを試してみた。 | OpenWeb
http://openweb.co.jp/2013/05/17/web-components%e6%99%ae%e5%8f%8a%e3%81%ae%e5%a4%9c%e6%98%8e%e3%81%91%ef%bc%81%ef%bc%9fpolymer%e3%82%92%e8%a9%a6%e3%81%97%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82/
WebComponentsのPolyfill上に構築されたUIフレームワークであるPolymer.jsについて
HTML5 Boilerplateの開発者でGoogleのエンジニア、ポール・アイリッシュに聞くCSS高速化テクニック - builder
http://builder.japan.zdnet.com/html-css/35032198/
CSSの高速化でボトルネックとなる点について。
CSSセレクタは十分高速で、他に注意する場所について
Speed Up App Development with X-Tag and Web Components ✩ Mozilla Hacks – the Web developer blog
https://hacks.mozilla.org/2013/05/speed-up-app-development-with-x-tag-and-web-components/
X-Tag と Web Components について
JavaScript Regular Expression Enlightenment - Tech.Pro
http://tech.pro/tutorial/1214/javascript-regular-expression-enlightenment
Enlightenmentシリーズ。
JavaScriptと正規表現についてのわかりやすい解説。見た目もわかりやすい動かせるサンプルが用意されてる
Functional JavaScript
https://gist.github.com/ympbyc/5564146
JavaScriptと関数指向について。
関数型として書く場合のBad Parts、高階関数とUnderscore.js
Evergreen Web Browser: a web browser that automatically updates itself | Yeti
http://www.yetihq.com/blog/evergreen-web-browser/
"Evergreen Web Browser" という概念について。自分自身を自動アップデートできる仕組みを持ってるブラウザのことを示す
FirefoxのJavascript プロファイラを使ってみよう - smellman’s Broken Diary
http://smellman.hatenablog.com/entry/2013/05/16/012020
Firefox 20から入った開発ツールのプロファイラについて。
21.0からはリモートプロファイリングがサポートされた
Web Audio API 解説 - 01.前説 | g200kg Music & Software
http://www.g200kg.com/jp/docs/webaudio/
Web Audio API 入門解説
Web Audio API で Sound Font を使った標準 MIDI ファイルの再生 : document
http://blog.livedoor.jp/imaya_js/archives/6531520.html
Web Audio APIでSound Fontを使ったSMFを鳴らすデモ
AngularJS Cheat Sheet by ProLoser - Cheatography.com
http://www.cheatography.com/proloser/cheat-sheets/angularjs/
AngularJSチートシート
adobe-research/theseus · GitHub
https://github.com/adobe-research/theseus
Node.jsとJavaScript(Chrome連携)のデバッグができるBracketsプラグイン。
コードカバレッジ的にCallの可視化やconsole.logを仕込んでログを出すような仕組みをコードをいじらずにできたり、コールスタックをより見やすい表現にした感じのデバッグツール
Bourbon - A Sass Mixin Library
http://bourbon.io/
Sassのmixinライブラリ。
ベンダープリフィックスとかクロスブラウザの対応などがまとまってる
ebobby/tracing.js · GitHub
https://github.com/ebobby/tracing.js
JavaScriptの関数に対してbefore/afterに動作を仕込んだり、traceで呼び出しのログを履けるようにするライブラリ
maryrosecook/coquette · GitHub
https://github.com/maryrosecook/coquette
Canvasゲーム向けの小さなフレームワーク。
stateに対する描画を簡単に書ける感じ
Bootstrap - O’Reilly Media
http://shop.oreilly.com/product/0636920027867.do
(Twitter)Bootstrapについての書籍
Amazon: Head First JavaScript Programming [Paperback]: Eric T. Freeman, Elisabeth Robson
http://www.amazon.com/o/ASIN/144934013X/book042-22/ref=nosim
2013年11月22日発売
Head First シリーズ
開眼!JavaScript- 言語仕様から学ぶJavaScriptの本質|Ohmsha
http://ssl.ohmsha.co.jp/cgi-bin/menu.cgi?ISBN=978-4-87311-621-1
2013年6月発売
JavaScript Enlightenmentの翻訳本
http://www.javascriptenlightenment.com/
今週の1枚