JSer.info #233 - ECMAScript 2015(aka. ES6)がEcma標準として承認されました!
Standard ECMA-262にPDFとHTMLでES6の仕様書が公開されています。
正式な仕様として公開されたのでこれからブラウザの実装も進んだり、学ぶためのリソースも増えてくると思います。
今だと、WEB+DB PRESS Vol.87で概要を把握して、
http://es6-features.org/で簡単にどんな機能が増えたのかを見て、tower-of-babelで実際に書いてみたり、
もっと深く知りたい場合はExploring ES6を読むなどするのが良い気がします。
以前書いた、Promise本もアップデートしているので、Promiseについてはこっちを見てみるといいかもしれません。
A Practical Guide to SVGs on the webというサイトでは、現在殆どのブラウザでサポートされているSVGについて書かれています。
ファイルサイズの最適化や表示方法、JavaScriptやCSSとの連携方法などについて分かりやすくまとまっています。
JSConf US 2015の動画が一部公開され始めています。
それぞれの動画に字幕もついているので、気になる発表を探してみるといいかもしれません。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
ECMAScript 2015 is now an Ecma Standard
esdiscuss.org/topic/ecmascript-2015-is-now-an-ecma-standard
ECMAScript 2015(ES6)正式リリース。
babel/CHANGELOG.md at master · babel/babel
github.com/babel/babel/blob/master/CHANGELOG.md#560
Babel 5.6.0リリース。
--watch
開始時にパースエラーが起きてもCLIを停止しないように、transformerの一部をpluginとして分離するなど
qooxdoo 5.0 released | qooxdoo News
news.qooxdoo.org/qooxdoo-5-0-released
JavaScriptのRIAフレームワークであるqooxdoo 5.0リリース。
qx.Website widgetsの追加、MSEdgeの対応、Pointer Eventsなどの対応、SVG、Fullscreen APIの対応、WebDriverを使ってテストの導入など
Node v0.12.5 (Stable)
blog.nodejs.org/2015/06/22/node-v0-12-5-stable/
Node v0.12.5リリース。
Release JSHint 2.8.0 · jshint/jshint
github.com/jshint/jshint/releases/tag/2.8.0
JSHint 2.8.0リリース。
module
でコードをES6 moduleとみなしてチェック出来るように、バグ修正など
Node.js Foundation Advances Community Collaboration, Announces New Members and Ratified Technical Governance | The Linux Foundation
Node.js Foundationについての公式アナウンス。
Node.jsとio.jsのマージやガバナンスモデルについての同意がとれて、Linux FoundationのコラボレーションプロジェクトとしてNode.js Foundationが誕生した。
アーティクル
Brendan Eich » Blog Archive » From ASM.JS to WebAssembly
brendaneich.com/2015/06/from-asm-js-to-webassembly/
ブラウザ向けのバイナリフォーマットの標準化プロジェクトとしてWebAssemblyが公開された。
サイズやデコードの効率化を目的としたバイナリフォーマットで、第一段階の目標としてはasm.jsのバイナリ版相当の機能を予定している。
JavaScriptを置き換えるものではなく、JavaScriptが苦手な部分を補完できるような立ち位置であることなどがFAQにかかれています。
- 主要ブラウザで実行可能なバイナリ形式「WebAssembly」の開発がスタート。Chrome、WebKit、Firefox、Microsoft Edge、LLVM、Unityらがサポートを相次いで表明 - Publickey
- design/HighLevelGoals.md at master · WebAssembly/design
- design/FAQ.md at master · WebAssembly/design
- Rebuild: 97: Minimum Viable Standard (omo)
WebAssembly: a binary format for the web
www.2ality.com/2015/06/web-assembly.html
WebAssemblyの概要解説
ES6 In Depth: Collections ✩ Mozilla Hacks – the Web developer blog
hacks.mozilla.org/2015/06/es6-in-depth-collections/
SetとMapについて。
それぞれのメソッドの解説、JSと他の言語でのMapの特性の違い、列挙の順序問題、WeakSet、WeakMapが何故必要になるのかについてなど
A Practical Guide to SVGs on the web
SVGの使い方ガイドライン。
最適化、使い方、表示方法のまとめ、CSSやJavaScriptからの操作方法、レスポンシブ、アニメーションなどSVGについてまとまってる
MIDI,JavaScript - JavaScriptでMIDIファイルを解析してみる 1 - Qiita
qiita.com/PianoScoreJP/items/2f03ae61d91db0334d45
JavaScriptでMIDIファイル(SMF)を解析してヘッダ情報やトラックを取り出すチュートリアル
スライド、動画関係
JSConf US 2015 - YouTube
www.youtube.com/playlist?list=PL37ZVnwpeshEkVjFZlLm1krvx0mPYPOoq
JSConf US 2015の動画が公開された。
それぞれの動画の文字起こしをしたGistも公開されている
サイト、サービス、ドキュメント
JavaScript Live
RubyFlowみたいなJavaScriptのコミュニティニュースサイト
JavaScript.com
CodeSchoolによるJavaScript初心者向けの学習リソースの紹介、コミュニティによる記事紹介などをしているサイト
Custom Elements - Explore the world of Web Components
Bowerかnpmのキーワードにweb-componentsがついてるものを検索出来るサイト
ソフトウェア、ツール、ライブラリ関係
oceanhouse21/dokker
github.com/oceanhouse21/dokker
JSDocのコメントからlodashのようなドキュメントページ/Markdownを生成してくれるツール
trueadm/t7
Template Stringsを使ったテンプレートライブラリ。
結果をReactやその他のvirtual-domライブラリを使ってるもの向けへ出力できる
sighjs/sigh
JavaScriptビルドツール。
gulp pluginをサポートしていて、デフォルトで並列タスク、インクリメンタルリビルド、Source Mapの対応など他のビルドツールの特徴も持たせてる
http://sighjs.github.io/
eorroe/NodeList-Prototype-Extension
github.com/eorroe/NodeList-Prototype-Extension
DOM NodeのCollectionに対して操作出来るライブラリ