JSer.info #206 - Meta programming with ECMAScript 6 proxies(日本語訳)という記事では、ECMAScript 6のProxyについて詳しく解説されています。
ES6 Proxyを使うことでどういう事ができるのかというユースケースやReflect APIについても解説されていて、メタプログラミング的に面白い部分が多いので見ておくといいかもしれません。
Web Componentsの基本的な使い方・まとめではWeb Componentsについて詳しく書かれています。
template要素、HTML Imports、Shadow DOM、Custom Elementsといった構成要素毎に書かれているので、興味があるところから読んでみるといいかもしれません。
JavaScript - Chrome 40 で今すぐ ServiceWorker を試す - Qiitaという記事ではChrome 40から利用できるService Workerについて紹介されています。
以下の動画と合わせて読むと分かりやすいかもしれません。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
jsdom/Changelog.md at 1.5.0 · tmpvar/jsdom
github.com/tmpvar/jsdom/blob/1.5.0/Changelog.md
jsdom 1.5.0リリース。
console APIの定義を追加
Ember.js - Ember.js 1.9.0 and 1.10 Beta Released
emberjs.com/blog/2014/12/08/ember-1-9-0-released.html
Ember.js 1.9.0と1.10βリリース。
Ember 2.0に向けて1.9では非推奨となった機能があることについて書かれている。
Handlebars 2.0へのアップデート、streams observationパターンの導入等
Release 3.5 “Mount Sharp” · mbostock/d3
github.com/mbostock/d3/releases/tag/v3.5.0
D3.js 3.5リリース
Release 0.4 · sdesalas/trifleJS
github.com/sdesalas/trifleJS/releases/tag/v0.4
PhantomJSのIE版的なヘッドレスブラウザであるtrifleJS 0.4リリース。
harmony:specification_drafts [ES Wiki]
wiki.ecmascript.org/doku.php?id=harmony:specificationdrafts#december62014draftrev29
ECMAscript 6 Draft Rev 29リリース。
RegExp.prototype.flagsの追加、WeakMap/WeakSetからclearメソッドの削除、String.prototype.containsがincludesにリネーム
Dynatrace AJAX Edition 4.5 is here
apmblog.compuware.com/2014/12/11/dynatrace-ajax-edition-4-5-last-page-chapter-yet-story-continues/
Dynatrace AJAX Edition 4.5リリース
アーティクル
JavaScript Application Architecture On The Road To 2015 — Medium
medium.com/@addyosmani/javascript-application-architecture-on-the-road-to-2015-d8125811101b
2014年のJavaScript全体のアーキテクチャを振り返り今後どうなるかについての話。
データバインディング、Immutable、Virtual DOM、Web Components、Component同士のメッセージング、ES6とBrowserify、オフラインファースト等
[JavaScript Advent Calendar 2014 No.6] navigator.onLine in Blink
blog.oimou.com/javascript-advent-calendar-2014-6ri-mu-navigator-onlinemaniatukusu2589ed73/
navigator.onLineがどのように実装されているかをBlink/Chromeのソースコードから追っていく話。
ブラウザのソースコードを見ていく方法について実例での参考になりそう
How to Use npm as a Build Tool
blog.keithcirkel.co.uk/how-to-use-npm-as-a-build-tool/
npm run-scriptをビルドツールとして使う話
クロスプラットフォーム向けにrmの代わりにrimrafモジュールを使ったり、タスクのグループ化やhookについて書かれている。
Meta programming with ECMAScript 6 proxies
www.2ality.com/2014/12/es6-proxies.html
ES6のProxyについて詳しい解説。
メタプログラミングとは何か、Proxyはどのように動くのか、ユースケース、Proxyかどうかの判定方法、PropertyDescriptorとあわせた場合の挙動、Reflect APIについて
Snap.svgの使い方まとめ
www.h2.dion.ne.jp/~defghi/snapsvg/snapsvg.xhtml
Snap.svgについての詳しい解説、チュートリアル。
目的や基本的な使い方から応用、Raphaël.jsとの違いなどよくまとまってる
SVGOを使ったSVGの軽量化方法（アニメーションさせるときの注意とか）｜2.IDEA
2ndidea.com/svg/optimize-svg-with-svgo/
SVGの最適化を行うSVGOの使い方について。
それぞれのプラグインについて解説されてる
Polyfilling Doesn't Have to be Difficult -Telerik Developer Network
developer.telerik.com/featured/polyfilling-doesnt-difficult/
polyfillとはどういうものか、実際にNumber.isInteger()やplaceholder属性を実装しながら学ぶチュートリアル
Web Componentsの基本的な使い方・まとめ
www.h2.dion.ne.jp/~defghi/webc/webc.htm
Web Componentsの構成要素、それぞれの機能について詳しく解説されてる。
template要素、HTML Imports、Shadow DOM、Custom Elementsについて
実践入門 Ember.js：連載｜gihyo.jp … 技術評論社
gihyo.jp/dev/serial/01/emberjs
Ember.jsについての連載
Ractive.js の紹介 — KaoriYa
www.kaoriya.net/blog/2014/12/13/
簡単なTODOアプリを使ったRactive.jsの紹介。
mustache拡張なテンプレートとイベント、データバインディングについて
JavaScript - Chrome 40 で今すぐ ServiceWorker を試す - Qiita
qiita.com/kinu/items/2abd61b4390f9bbaffc9
Service Workerを使ったオフライン処理、スクリプトの登録、更新方法、FetchやCache APIについて
The offline cookbook - JakeArchibald.com
jakearchibald.com/2014/offline-cookbook/
Service Workerを使った典型的なパターンの紹介。
On Third-Party JavaScript - In Production Case-Study
blog.risingstack.com/on-third-party-javascript-in-production/
サードパーティJavaScriptのケーススタディから学べる事について。
Mixpanel、Disqusからサイズやキャッシュ、どういう初期化経路を踏むかなどについて書かれている
Introducing the JavaScript Internationalization API ✩ Mozilla Hacks – the Web developer blog
hacks.mozilla.org/2014/12/introducing-the-javascript-internationalization-api/
ECMA i18n APIの使い方について。
元々localeCompareやtoLocaleStringといったものがあったがローカライズには不十分であり、その部分にECMA i18n APIを使える。
ソフトウェア、ツール、ライブラリ関係
Papa Parse - Powerful CSV parser for Javascript
CSVパーサーライブラリ。
CSVをJSONに変換、WebWorkerを使っての並列処理、ダウンロードしながらのパース等
gcanti/uvdom
Virtual DOMを持っているライブラリ(React、virtual-dom等)向けに、それぞれ変換出来る抽象レイヤーの実装。
Offline.js – Handle your users losing their internet connection like a pro
github.hubspot.com/offline/docs/welcome/
オフラインかどうかを検知して通知出来るライブラリ
decimal.js API
Decimalを扱うライブラリ。
小数点同士の演算、丸め込みの挙動の指定等、フォーマットを指定しての出力等が出来る
書籍関係
Amazon: TypeScript実践プログラミング (Programmer's SELECTION): スティーブ・フェントン, 鈴木 幸敏, 株式会社クイープ
www.amazon.co.jp/dp/4798139807?tag=amazon0abac-22
2015年1月23日 発売
Pro TypeScriptの翻訳本
http://www.apress.com/9781430267911
WebSocket - O'Reilly Media
shop.oreilly.com/product/0636920030485.do
WebSocketについての書籍
